From a4bb8e0c28e50d2874c33db14e49102e4fa04613 Mon Sep 17 00:00:00 2001
From: Luis Felipe Marzagao <lfbm.andamentos@gmail.com>
Date: Wed, 29 Apr 2026 00:45:03 +0000
Subject: [PATCH] fix: implement useTranslations for start date on event detail
 popover

---
 components/calendar/event-detail-popover.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/calendar/event-detail-popover.tsx b/components/calendar/event-detail-popover.tsx
index 9518cabd..da496fa0 100644
--- a/components/calendar/event-detail-popover.tsx
+++ b/components/calendar/event-detail-popover.tsx
@@ -253,6 +253,14 @@ export function EventDetailPopover({
 
   const hasParticipants = participants.length > 0;
 
+  const formatEventDate = useCallback((startDate: Date): string => {
+    const dayOfWeek = format(startDate, "EEE").toLowerCase();
+    const month = format(startDate, "MMM").toLowerCase();
+    const day = format(startDate, "d");
+    const year = format(startDate, "yyyy");
+    return `${t(`days.${dayOfWeek}`)}, ${t(`months.${month}`)} ${day}, ${year}`;
+  }, [t]);
+
   const popover = (
     <div
       ref={popoverRef}
@@ -329,7 +337,7 @@ export function EventDetailPopover({
           <Clock className="w-4 h-4 text-muted-foreground mt-0.5 flex-shrink-0" />
           <div className="text-sm">
             <span className="font-medium text-foreground">
-              {format(startDate, "EEE, MMM d, yyyy")}
+              {formatEventDate(startDate)}
             </span>
             {event.showWithoutTime ? (
               <span className="text-muted-foreground ml-1.5">{t("events.all_day")}</span>