update course calendar based on start_timestamp and end_timestamp fields

components/calendar.js

@@ -72,35 +72,40 @@ const container = this.shadowRoot.getElementById('calendar');
         }
       }
     });
-
     // Add courses as schedules
     const schedules = window.coursesData.map(course => {
-      const [day, month, year] = course['Start Date'].split('-');
-      const monthNum = new Date(`${month} 1, 2000`).getMonth();
-      const start = new Date(2000 + parseInt(year), monthNum, parseInt(day), 9);
-      const end = new Date(2000 + parseInt(year), monthNum, parseInt(day), 17);
+      const start = new Date(course.start_timestamp.$date);
+      const end = new Date(course.end_timestamp.$date);
 
       return {
-        id: String(Math.random()),
+        id: course['Registration Code'] || String(Math.random()),
         calendarId: '1',
         title: course.Course,
         category: 'time',
         dueDateClass: '',
         start: start,
         end: end,
-        location: course.Location,
+        location: course['Time Zone'],
         instructor: course.Instructor,
         raw: {
-          time: course.Time
+          time: course['Time Slot']
         }
       };
     });
-
-    this.calendar.createSchedules(schedules);
-
-    // Set today as default date
-    this.calendar.setDate(new Date());
-  }
+this.calendar.createSchedules(schedules);
+    // Set today as default date and adjust view if needed
+    const today = new Date();
+    this.calendar.setDate(today);
+    
+    // If no events today, show the month with the next upcoming event
+    const upcomingEvents = schedules.filter(s => new Date(s.start) >= today);
+    if (upcomingEvents.length > 0) {
+      const nextEventDate = new Date(upcomingEvents[0].start);
+      if (nextEventDate.getMonth() !== today.getMonth()) {
+        this.calendar.setDate(nextEventDate);
+      }
+    }
+}
 }
 
 customElements.define('custom-calendar', CustomCalendar);