treat initial date scheduled as datetime

Author: chpy04

src/backend/src/utils/google-integration.utils.ts

@@ -233,13 +233,13 @@ export const createCalendarEvent = async (
         location: isInPerson ? location : zoomLink,
         summary: eventTitle,
         start: slot.allDay
-          ? { date: slot.startTime ? toDateString(slot.startTime) : undefined }
+          ? { date: slot.startTime ? slot.startTime.toISOString().split('T')[0] : undefined }
           : {
               dateTime: slot.startTime ? slot.startTime.toISOString() : undefined,
               timeZone: 'America/New_York'
             },
         end: slot.allDay
-          ? { date: slot.endTime ? toDateString(slot.endTime) : undefined }
+          ? { date: slot.endTime ? slot.endTime.toISOString().split('T')[0] : undefined }
           : {
               dateTime: slot.endTime ? slot.endTime.toISOString() : undefined,
               timeZone: 'America/New_York'

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

@@ -1,5 +1,5 @@
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography } from '@mui/material';
-import { Availability, dbDateToLocalDate, Event, EventWithMembers, getDayOfWeek, getNextSevenDays, User } from 'shared';
+import { Availability, Event, EventWithMembers, getDayOfWeek, getNextSevenDays, User } from 'shared';
 import React, { useState } from 'react';
 import { enumToArray, getBackgroundColor, NUMBER_OF_TIME_SLOTS, REVIEW_TIMES } from '../../utils/design-review.utils';
 import { datePipe } from '../../utils/pipes';

src/frontend/src/pages/CalendarPage/Components/EventAvailabilityPage.tsx

@@ -8,7 +8,6 @@ import { useQuery as useQueryParam } from '../../../hooks/utils.hooks';
 import { Box, Grid, Typography, useTheme } from '@mui/material';
 import {
   Availability,
-  dbDateToLocalDate,
   getMostRecentAvailabilities,
   User,
   UserWithScheduleSettings,

src/frontend/src/pages/HomePage/components/EventCard.tsx

@@ -7,7 +7,7 @@ import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
 import { LocationOnOutlined, Computer } from '@mui/icons-material';
 import { useHistory } from 'react-router-dom';
 import { NERButton } from '../../../components/NERButton';
-import { formatDateOnly, formatEventDate } from 'shared';
+import { formatDateOnly } from 'shared';
 
 interface EventProps {
   event: Event;
@@ -58,10 +58,7 @@ const DisplayStatus: React.FC<EventProps> = ({ event, user }) => {
   );
 };
 
-const getWeekday = (date: Date, utc = false): string => {
-  if (utc) {
-    return formatDateOnly(date, 'dddd');
-  }
+const getWeekday = (date: Date): string => {
   const weekdays: string[] = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
   return weekdays[date.getDay()];
 };
@@ -70,9 +67,7 @@ const UpcomingEventCard: React.FC<EventProps> = ({ event, user }) => {
   const theme = useTheme();
   const firstScheduledDate = event.initialDateScheduled || event.scheduledTimes[0]?.startTime;
   const displayDate = firstScheduledDate ? new Date(firstScheduledDate) : new Date();
-  // initialDateScheduled is a date-only field (@db.Date), scheduledTimes startTime is a full datetime
-  const isDateOnly = !!event.initialDateScheduled;
-  const formattedDate = isDateOnly ? formatDateOnly(displayDate, 'MM/DD') : formatEventDate(displayDate);
+  const formattedDate = formatDateOnly(displayDate);
 
   const [firstWorkPackage] = event.workPackages;
 
@@ -110,7 +105,7 @@ const UpcomingEventCard: React.FC<EventProps> = ({ event, user }) => {
             <Stack direction="row" spacing={1} sx={{ mt: 0.5 }}>
               <Typography>{<CalendarMonthIcon sx={{ fontSize: 21 }} />}</Typography>
               <Typography fontWeight={'regular'} variant="body2">
-                {getWeekday(displayDate, isDateOnly) +
+                {getWeekday(displayDate) +
                   ', ' +
                   formattedDate +
                   ' @ ' +

src/shared/src/date-utils.ts

@@ -20,7 +20,9 @@ const addWeeksToDate = (start: Date, weeks: number) => addDaysToDate(start, week
  * @returns the outcome of adding the days to the start date
  */
 const addDaysToDate = (start: Date, days: number) => {
-  return new Date(start.getTime() + days * 24 * 60 * 60 * 1000);
+  const end = new Date(start);
+  end.setDate(start.getDate() + days);
+  return end;
 };
 
 /**