From d6f5975fb95f09a193c37c5dc0aa264dbd981f63 Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Fri, 13 Mar 2026 02:35:40 +0800
Subject: [PATCH] Add dot indicator to timed month events in custom
 eventContent

eventContent replaces FC's default inner markup including the dot span.
Render a manual fc-daygrid-event-dot with border-color: var(--event-color).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/calendar/CalendarPage.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/components/calendar/CalendarPage.tsx b/frontend/src/components/calendar/CalendarPage.tsx
index b2a440c..cbeb908 100644
--- a/frontend/src/components/calendar/CalendarPage.tsx
+++ b/frontend/src/components/calendar/CalendarPage.tsx
@@ -531,6 +531,10 @@ export default function CalendarPage() {
       // Timed events in month: dot + title + time right-aligned
       return (
         <div className="flex items-center gap-1.5 truncate w-full">
+          <span
+            className="fc-daygrid-event-dot"
+            style={{ borderColor: 'var(--event-color)' }}
+          />
           <span className="text-[11px] font-medium truncate">{arg.event.title}</span>
           {repeatIcon}
           <span className="umbra-event-time text-[10px] opacity-50 shrink-0 ml-auto tabular-nums">{arg.timeText}</span>