Datum neben dem Wochentg

anwendung/src/components/CalenderView.jsx

@@ -123,7 +123,7 @@ export default function CalenderView(p) {
                 selectedElement.timeend = row + 1;
             }else
             {
-                selectedElement.timestart = row + 1;
+                selectedElement.timestart = row;
             }
             setUpdate(!update);
         }
@@ -238,12 +238,12 @@ export default function CalenderView(p) {
                 <div style={{ borderRadius: 10, padding: 10, backgroundColor: "#f1f1f1"}} className={"box-shadow"}>
                     <div>
                         <div className={"wochen-tag-container"}>
-                            <div className={"wochen-tag font-big"}>Montag</div>
-                            <div className={"wochen-tag font-big"}>Dienstag</div>
-                            <div className={"wochen-tag font-big"}>Mittwoch</div>
-                            <div className={"wochen-tag font-big"}>Donnerstag</div>
-                            <div className={"wochen-tag font-big"}>Freitag</div>
-                            <div className={"wochen-tag font-big"}>Samstag</div>
+                            <div className={"wochen-tag font-big"}>Montag {new Date(currentYear, 0, currentWeekStartDay).getDate()}.</div>
+                            <div className={"wochen-tag font-big"}>Dienstag {new Date(currentYear, 0, currentWeekStartDay + 1).getDate()}.</div>
+                            <div className={"wochen-tag font-big"}>Mittwoch {new Date(currentYear, 0, currentWeekStartDay + 2).getDate()}.</div>
+                            <div className={"wochen-tag font-big"}>Donnerstag {new Date(currentYear, 0, currentWeekStartDay + 3).getDate()}.</div>
+                            <div className={"wochen-tag font-big"}>Freitag {new Date(currentYear, 0, currentWeekStartDay + 4).getDate()}.</div>
+                            <div className={"wochen-tag font-big"}>Samstag {new Date(currentYear, 0, currentWeekStartDay + 5).getDate()}.</div>
                         </div>
                     </div>
                     <div className={"calender-container"}>

anwendung/src/pages/planning.js

@@ -6,10 +6,10 @@ export default function planning(p)
 {
 
     return (
-        <>
+        <div className={"normal-centered"}>
             <Logout/>
             <Background/>
             <CalenderView/>
-        </>
+        </div>
     )
 }

anwendung/src/styles/globals.css

@@ -169,11 +169,12 @@ weekSelector
     width: 250px;
     margin-left: 20px;
     margin-right: 20px;
-    padding: 20px 20px;
+    padding: 0px 20px;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     color: black;
+    font-size: 20px;
 }
 
 .weekSelector {
@@ -250,12 +251,12 @@ Calender View
 
 
 .calender-container {
-    max-height: 600px;
+    max-height: 60vh;
     overflow-y: scroll;
     display: grid;
 }
 
-.calender-container::-webkit-scrollbar {
+.calender-container::-webkit-scrollbar-button {
     display: none;
 }