rohskiddo/UMBRA
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Clear mini calendar selection on main calendar navigation

Browse Source 
Clicking Today/prev/next on the toolbar now clears the selected day
in the mini calendar, so only the today highlight remains visible.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-03-17 20:08:56 +08:00
parent 2d76ecf869
commit bda02039a6
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/calendar/MiniCalendar.tsx
View File

@ -44,14 +44,15 @@ const MiniCalendar = memo(function MiniCalendar({
);
const [selectedDate, setSelectedDate] = useState<string | null>(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(