fix: properly render days in their locale

formwerkjs · Feb 16, 2025 · 225038d · 225038d
1 parent 3d80828
commit 225038d
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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,