diff --git a/frontend/src/components/calendar/CalendarPage.tsx b/frontend/src/components/calendar/CalendarPage.tsx index 6baa0e1..a02f834 100644 --- a/frontend/src/components/calendar/CalendarPage.tsx +++ b/frontend/src/components/calendar/CalendarPage.tsx @@ -699,9 +699,13 @@ export default function CalendarPage() { datesSet={handleDatesSet} height="100%" locale={enAuLocale} + views={{ + dayGridMonth: { dayHeaderFormat: { weekday: 'short' } }, + timeGridWeek: { dayHeaderFormat: { weekday: 'short', day: 'numeric', month: 'numeric' } }, + timeGridDay: { dayHeaderFormat: { weekday: 'long', day: 'numeric', month: 'long' } }, + }} eventTimeFormat={{ hour: 'numeric', minute: '2-digit', meridiem: 'short' }} slotLabelFormat={{ hour: 'numeric', minute: '2-digit', meridiem: 'short' }} - dayHeaderFormat={{ weekday: 'short', day: 'numeric', month: 'numeric' }} slotEventOverlap={false} eventDidMount={handleEventDidMount} eventClassNames={() => ['umbra-event']} diff --git a/frontend/src/index.css b/frontend/src/index.css index 114da59..2425258 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -173,11 +173,6 @@ background-color: rgba(255, 255, 255, 0.05) !important; } -/* Weekend tint: header cells */ -.fc .fc-col-header-cell.fc-day-sat, -.fc .fc-col-header-cell.fc-day-sun { - background-color: rgba(255, 255, 255, 0.05) !important; -} /* Weekend tint: timegrid column cells (week/day view) */ .fc .fc-timegrid-col.fc-day-sat,