diff --git a/frontend/src/components/calendar/MiniCalendar.tsx b/frontend/src/components/calendar/MiniCalendar.tsx index 39ec6ab..ca04921 100644 --- a/frontend/src/components/calendar/MiniCalendar.tsx +++ b/frontend/src/components/calendar/MiniCalendar.tsx @@ -44,14 +44,15 @@ const MiniCalendar = memo(function MiniCalendar({ ); const [selectedDate, setSelectedDate] = useState(null); - // Sync displayed month when main calendar navigates across months - // selectedDate is only set by user clicks in the mini calendar, not by external navigation + // Sync displayed month when main calendar navigates (toolbar prev/next/today) + // Also clear selected date — avoids stale highlight after "Today" click useEffect(() => { if (!currentDate) return; const incoming = startOfMonth(parseDate(currentDate)); setDisplayedMonth((prev) => prev.getTime() === incoming.getTime() ? prev : incoming ); + setSelectedDate(null); }, [currentDate, parseDate]); const days = useMemo(