From 6613ff058e3fb72d1ebb89a2cc402eed2cfb56a6 Mon Sep 17 00:00:00 2001
From: Hermes <hermes@buzzbee.dev>
Date: Sat, 1 Aug 2026 12:38:55 +0000
Subject: [PATCH] fix: calendar day view - wrapper div key remount for forced
 reinit

---
 apps/web/src/routes/_app/calendar.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/routes/_app/calendar.tsx b/apps/web/src/routes/_app/calendar.tsx
index 8c46ea0..8fc2f79 100644
--- a/apps/web/src/routes/_app/calendar.tsx
+++ b/apps/web/src/routes/_app/calendar.tsx
@@ -162,7 +162,7 @@ function EventForm({ event, onClose }: { event?: CalendarEvent; onClose: () => v
 function CalendarPage() {
   const queryClient = useQueryClient();
   const [date, setDate] = useState(new Date());
-  const [view, setView] = useState<string>("month");
+  const [view, setView] = useState<string>("day");
   const [createOpen, setCreateOpen] = useState(false);
   const [selectedEvent, setSelectedEvent] = useState<CalendarEvent | null>(null);
   const [eventDetailOpen, setEventDetailOpen] = useState(false);
@@ -254,17 +254,14 @@ function CalendarPage() {
         </Dialog>
       </div>
 
-      <div className="rbc-calendar-container" style={{ minHeight: isMobile ? 400 : 600 }}>
-        {/* Key={view} forces remount on view change (workaround for react-big-calendar DnD day view issue) */}
+      <div key={'cal-wrap-' + view} className="rbc-calendar-container" style={{ minHeight: isMobile ? 400 : 600 }}>
         <Calendar
-          key={'cal-' + view + '-' + (isMobile ? 'm' : 'd')}
           localizer={localizer}
           events={calendarEvents}
           startAccessor="start"
           endAccessor="end"
           date={date}
           view={view}
-          defaultView={isMobile ? Views.AGENDA : Views.MONTH}
           onNavigate={handleNavigate}
           onSelectEvent={handleSelectEvent}
           onSelectSlot={handleSelectSlot}