Calender Sidebar Get Months from Semester

anwendung/src/components/CalenderView.jsx

@@ -27,6 +27,11 @@ export default function CalenderView(p) {
     const [update, setUpdate] = useState(false)
     const scrollRef = useRef(null);
 
+    const[startDayCalenderSideBar, setStartDayCalenderSideBar] = useState(0)
+    const[startYearCalenderSideBar, setStartYearCalenderSideBar] = useState(2000)
+    const[endDayCalenderSideBar, setEndDayCalenderSideBar] = useState(0)
+    const[endYearCalenderSideBar, setEndYearCalenderSideBar] = useState(2000)
+
     function readEntries() {
         let url = baseURL + "/entries?semesterid=" + localStorage.getItem("currentsid") +
             "&daynumber=" + currentWeekStartDay + "&yearnumber=" + currentYear + "&sessionid=" + localStorage.getItem("sessionid");
@@ -311,7 +316,12 @@ export default function CalenderView(p) {
         fetch(url).then(r => r.json()).then(s => {
             currentWeekStartDay = s.startday - new Date(s.startyear, 0, s.startday).getUTCDay();
             currentYear = s.startyear;
+            setStartYearCalenderSideBar(currentYear)
+            setEndYearCalenderSideBar(s.endyear)
+
             semesterStart = s.startday;
+            setStartDayCalenderSideBar(semesterStart)
+            setEndDayCalenderSideBar(s.endday)
         }).then(readEntries)
 
         scrollRef.current.scrollTop = 600;
@@ -376,7 +386,7 @@ export default function CalenderView(p) {
             alignItems: "center"
         }}>
             <div>
-                <BasicDateCalendar startyear={2023} startday={34} endyear={2024} endday={100} onMonthClick={onMonthClick}/>
+                <BasicDateCalendar startyear={startYearCalenderSideBar} startday={startDayCalenderSideBar} endyear={endYearCalenderSideBar} endday={endDayCalenderSideBar} onMonthClick={onMonthClick}/>
             </div>
             <div style={{
                 display: "flex",