#2136 - main calendar is off by one day

Author: RChandler234

src/frontend/src/pages/CalendarPage/CalendarPage.tsx

@@ -47,7 +47,9 @@ const CalendarPage = () => {
 
   confirmedDesignReviews.forEach((designReview) => {
     // Accessing the date actually converts it to local time, which causes the date to be off. This is a workaround.
-    const date = datePipe(designReview.dateScheduled);
+    const date = datePipe(
+      new Date(designReview.dateScheduled.getTime() - designReview.dateScheduled.getTimezoneOffset() * -60000)
+    );
     if (eventDict.has(date)) {
       eventDict.get(date)?.push(designReview);
     } else {
@@ -132,7 +134,10 @@ const CalendarPage = () => {
                       ) : (
                         <CalendarDayCard
                           cardDate={cardDate}
-                          events={eventDict.get(datePipe(cardDate)) ?? []}
+                          events={
+                            eventDict.get(datePipe(new Date(cardDate.getTime() - cardDate.getTimezoneOffset() * -60000))) ??
+                            []
+                          }
                           teamTypes={allTeamTypes}
                         />
                       )}

src/frontend/src/pages/CalendarPage/DesignReviewDetailPage/AvailabilityView.tsx

@@ -41,6 +41,8 @@ const AvailabilityView: React.FC<AvailabilityViewProps> = ({ designReview, allDe
       times.push(i);
     }
     const cleanDate = new Date(currDr.dateScheduled.getTime() - currDr.dateScheduled.getTimezoneOffset() * -60000);
+    if (currDr.designReviewId !== designReview.designReviewId)
+      console.log(cleanDate.toLocaleDateString() === selectedDate.toLocaleDateString());
     return (
       currDr.status === DesignReviewStatus.SCHEDULED &&
       cleanDate.toLocaleDateString() === selectedDate.toLocaleDateString() &&
@@ -49,9 +51,10 @@ const AvailabilityView: React.FC<AvailabilityViewProps> = ({ designReview, allDe
     );
   });
 
-  currentWeekDesignReviews.forEach((designReview) =>
-    designReview.meetingTimes.forEach((meetingTime) => {
-      if (designReview.status === DesignReviewStatus.SCHEDULED) existingMeetingData.set(meetingTime, 'build');
+  currentWeekDesignReviews.forEach((dr) =>
+    dr.meetingTimes.forEach((meetingTime) => {
+      if (dr.status === DesignReviewStatus.SCHEDULED && dr.designReviewId !== designReview.designReviewId)
+        existingMeetingData.set(meetingTime, dr.teamType.iconName);
     })
   );
 

src/frontend/src/pages/CalendarPage/DesignReviewDetailPage/DesignReviewDetailPage.tsx

@@ -40,7 +40,9 @@ const DesignReviewDetailPage: React.FC<DesignReviewDetailPageProps> = ({ designR
   const theme = useTheme();
   const [requiredUsers, setRequiredUsers] = useState(designReview.requiredMembers.map(userToAutocompleteOption));
   const [optionalUsers, setOptionalUsers] = useState(designReview.optionalMembers.map(userToAutocompleteOption));
-  const [date, setDate] = useState(designReview.dateScheduled);
+  const [date, setDate] = useState(
+    new Date(designReview.dateScheduled.getTime() - designReview.dateScheduled.getTimezoneOffset() * -60000)
+  );
   const [startTime, setStateTime] = useState(0);
   const [endTime, setEndTime] = useState(1);
 

src/frontend/src/pages/CalendarPage/DesignReviewDetailPage/FinalizeDesignReviewDetailsModal.tsx

@@ -134,8 +134,8 @@ const FinalizeDesignReviewDetailsModal = ({
       )}
       {meetingType.includes('inPerson') && (
         <Box style={{ display: 'flex', alignItems: 'center', marginBottom: 50 }}>
-          <Typography style={{ fontSize: '1.2em', marginRight: 136 }}>Location:</Typography>
-          <ReactHookTextField name="location" control={control} sx={{ width: 0.5 }} errorMessage={errors.location} />
+          <Typography style={{ fontSize: '1.2em', marginRight: 132 }}>Location:</Typography>
+          <ReactHookTextField name="location" control={control} sx={{ width: 0.49 }} errorMessage={errors.location} />
         </Box>
       )}
       <Grid container justifyContent="center" style={{ alignItems: 'center' }}>