From 29c91cd706074c857d6af2042f8dcba90818e376 Mon Sep 17 00:00:00 2001 From: Kyle Pope Date: Fri, 13 Mar 2026 19:57:17 +0800 Subject: [PATCH] Fix weekend header mismatch and wrong date format in day headers MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Header mismatch: Removed weekend tint from column headers — the white overlay replaced the standard header bg (hsl 0 0% 8% / 0.65), creating a non-flush look. Weekend differentiation now comes from body cells only. Date format: dayHeaderFormat was applied globally, causing month view headers to show dates like "Sat 10/1" instead of just "Sat". Moved to per-view formats: month shows weekday only, week shows weekday + d/m, day shows full weekday + day + month name. Co-Authored-By: Claude Opus 4.6 --- frontend/src/components/calendar/CalendarPage.tsx | 6 +++++- frontend/src/index.css | 5 ----- 2 files changed, 5 insertions(+), 6 deletions(-) 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,