From 7d0072a7b31d4bf71dfaf85b40235921f0a49220 Mon Sep 17 00:00:00 2001
From: Nathan Panchout <nathanpanchout@hotmail.com>
Date: Wed, 28 Jan 2026 12:56:06 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8(front)=20reorder=20day=20header=20?=
 =?UTF-8?q?elements?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Display day-of-week before day-of-month in calendar column headers
for better visual hierarchy.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../calendars/src/features/calendar/hooks/useCalendarLocale.ts  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/apps/calendars/src/features/calendar/hooks/useCalendarLocale.ts b/src/frontend/apps/calendars/src/features/calendar/hooks/useCalendarLocale.ts
index de22074..e8fa393 100644
--- a/src/frontend/apps/calendars/src/features/calendar/hooks/useCalendarLocale.ts
+++ b/src/frontend/apps/calendars/src/features/calendar/hooks/useCalendarLocale.ts
@@ -98,7 +98,7 @@ export function useCalendarLocale() {
     const dayOfWeek = date.toLocaleDateString(intlLocale, { weekday: 'short' });
     const dayOfMonth = date.toLocaleDateString(intlLocale, { day: 'numeric' });
     return {
-      html: `<div class="day-header"><span class="day-of-month">${dayOfMonth}</span> <span class="day-of-week">${dayOfWeek}</span></div>`,
+      html: `<div class="day-header"><span class="day-of-week">${dayOfWeek}</span> <span class="day-of-month">${dayOfMonth}</span> </div>`,
     };
   }, [intlLocale]);