default value for views on rtl

mui · Jun 12, 2024 · cc12d23 · cc12d23
1 parent 9cba106
commit cc12d23
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/x-date-pickers/src/TimePicker/shared.tsx b/packages/x-date-pickers/src/TimePicker/shared.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
+import { useRtl } from '@mui/system/RtlProvider';
 import { DefaultizedProps } from '../internals/models/helpers';
 import { useUtils } from '../internals/hooks/useUtils';
 import { TimeClockSlots, TimeClockSlotProps } from '../TimeClock/TimeClock.types';
@@ -88,6 +89,8 @@ export function useTimePickerDefaultizedProps<
     props,
     name,
   });
+  const isRtl = useRtl();
+  const defaultViews = isRtl ? ['minutes', 'hours'] : ['hours', 'minutes'];
 
   const ampm = themeProps.ampm ?? utils.is12HourCycleInCurrentLocale();
 
@@ -109,7 +112,7 @@ export function useTimePickerDefaultizedProps<
     ...applyDefaultViewProps({
       views: themeProps.views,
       openTo: themeProps.openTo,
-      defaultViews: ['hours', 'minutes'] as TView[],
+      defaultViews: defaultViews as TView[],
       defaultOpenTo: 'hours' as TView,
     }),
     disableFuture: themeProps.disableFuture ?? false,