chore: set global locale

razorpay · May 22, 2024 · 2a37160 · 2a37160
1 parent e02fba6
commit 2a37160
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/blade/src/components/DatePicker/Calendar.web.tsx b/packages/blade/src/components/DatePicker/Calendar.web.tsx
@@ -23,7 +23,6 @@ const Calendar = <Type extends DateSelectionType>({
   date,
   defaultDate,
   onDateChange,
-  locale,
   onNext,
   onPrevious,
   presets,
@@ -129,7 +128,7 @@ const Calendar = <Type extends DateSelectionType>({
           withCellSpacing={false}
           type={isRange ? 'range' : 'default'}
           date={_date}
-          locale={locale}
+          locale={dateContext.locale}
           level={level}
           onDateChange={setDate}
           onLevelChange={(level) => setLevel(() => level)}

diff --git a/packages/blade/src/components/DatePicker/DatePicker.web.tsx b/packages/blade/src/components/DatePicker/DatePicker.web.tsx
@@ -7,6 +7,7 @@ import React from 'react';
 import { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';
 import { useI18nContext } from '@razorpay/i18nify-react';
 import { HeadlessMantineProvider } from '@mantine/core';
+import dayjs from 'dayjs';
 import type { DatesRangeValue, DatePickerProps, DateSelectionType, PickerType } from './types';
 import { Calendar } from './Calendar';
 import { PresetSideBar } from './QuickSelection/PresetSideBar';
@@ -217,8 +218,10 @@ const DatePicker = <Type extends DateSelectionType = 'single'>({
   );
 
   const dateProviderValue = React.useMemo(() => {
+    const locale = convertIntlToDayjsLocale(i18nState?.locale ?? 'en-IN');
+    dayjs.locale(locale);
     return {
-      locale: convertIntlToDayjsLocale(i18nState?.locale ?? 'en-IN'),
+      locale,
     };
   }, [i18nState?.locale]);