changes

src/App.tsx

@@ -3,6 +3,8 @@ import TopBar from "./components/TopBar/";
 import Transfer from "./components/Transfer/";
 import "./App.scss";
 import Schedule from "./components/Calendar/";
+import { appointments } from "./components/Calendar/appointments";
+import RightBar from "./components/RightBar";
 
 function App() {
   const [isOpen, setOpen] = useState(false);
@@ -17,10 +19,10 @@ function App() {
         handleTransfer={(e) => {
           setOpen(!isOpen);
         }}
-        handleLanguage={(e)=>{
+        handleLanguage={(e) => {
           alert("Language");
         }}
-        handleProfile={(e)=>{
+        handleProfile={(e) => {
           alert("Profile");
         }}
         isOpen={isOpen}
@@ -31,8 +33,19 @@ function App() {
           setOpen(!isOpen);
         }}
       />
-      <Schedule></Schedule>
-	  <h1>{text}</h1>
+      <div className="wraper">
+        <div className="wraper__calendar">
+          <Schedule
+            data={appointments}
+            currentDate={new Date("2020-06-01")}
+          ></Schedule>
+        </div>
+        <div className="wraper__rightbar">
+          <RightBar />
+        </div>
+      </div>
+
+      <h1>{text}</h1>
     </div>
   );
 }