From 225038d2781299c4bad130c973da34e52bd6b790 Mon Sep 17 00:00:00 2001
From: Abdelrahman Awad <logaretm1@gmail.com>
Date: Sun, 16 Feb 2025 23:10:34 +0200
Subject: [PATCH] fix: properly render days in their locale

---
 packages/core/src/useCalendar/useCalendarView.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/useCalendar/useCalendarView.ts b/packages/core/src/useCalendar/useCalendarView.ts
index a031ea34..d7ea605f 100644
--- a/packages/core/src/useCalendar/useCalendarView.ts
+++ b/packages/core/src/useCalendar/useCalendarView.ts
@@ -94,6 +94,7 @@ function useCalendarDaysView(
   daysOfWeekFormat?: MaybeRefOrGetter<Intl.DateTimeFormatOptions['weekday']>,
 ) {
   const dayFormatter = useDateFormatter(locale, () => ({ weekday: toValue(daysOfWeekFormat) ?? 'short' }));
+  const dayNumberFormatter = useDateFormatter(locale, () => ({ day: 'numeric' }));
 
   const days = computed<CalendarDayCell[]>(() => {
     const current = getSelectedDate();
@@ -133,7 +134,7 @@ function useCalendarDaysView(
 
       return {
         value: dayOfMonth,
-        label: String(dayOfMonth.day),
+        label: dayNumberFormatter.value.format(dayOfMonth.toDate()),
         dayOfMonth: dayOfMonth.day,
         isToday: rightNowDate.compare(domDate) === 0,
         selected: currentDate.compare(domDate) === 0,