@mui/x-date-pickers 9.7.0 → 9.9.0

package/YearCalendar/YearCalendarButton.d.mts

@@ -20,4 +20,4 @@ export interface YearCalendarButtonProps {
 /**
  * @ignore - internal component.
  */
-export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => React.JSX.Element>;

package/YearCalendar/YearCalendarButton.d.ts

@@ -20,4 +20,4 @@ export interface YearCalendarButtonProps {
 /**
  * @ignore - internal component.
  */
-export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => React.JSX.Element>;

package/dateViewRenderers/dateViewRenderers.d.mts

@@ -46,4 +46,4 @@ export declare const renderDateViewCalendar: ({
   fixedWeekNumber,
   displayWeekNumber,
   timezone
-}: DateViewRendererProps<DateView>) => import("react/jsx-runtime").JSX.Element;
+}: DateViewRendererProps<DateView>) => import("react").JSX.Element;

package/dateViewRenderers/dateViewRenderers.d.ts

@@ -46,4 +46,4 @@ export declare const renderDateViewCalendar: ({
   fixedWeekNumber,
   displayWeekNumber,
   timezone
-}: DateViewRendererProps<DateView>) => import("react/jsx-runtime").JSX.Element;
+}: DateViewRendererProps<DateView>) => import("react").JSX.Element;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.7.0
+ * @mui/x-date-pickers v9.9.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.7.0
+ * @mui/x-date-pickers v9.9.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickerFieldUI.d.mts

@@ -18,7 +18,7 @@ export declare const PickerFieldUIContext: React.Context<PickerFieldUIContextVal
  * Adds the button to open the Picker and the button to clear the value of the field.
  * @ignore - internal component.
  */
-export declare function PickerFieldUI<TProps extends UseFieldProps>(props: PickerFieldUIProps<TProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PickerFieldUI<TProps extends UseFieldProps>(props: PickerFieldUIProps<TProps>): React.JSX.Element;
 export interface ExportedPickerFieldUIProps {
   /**
    * If `true`, a clear button will be shown in the field allowing value clearing.
@@ -116,7 +116,7 @@ interface UseFieldTextFieldPropsParameters {
   ref: React.Ref<HTMLDivElement>;
   externalForwardedProps: any;
 }
-export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): React.JSX.Element;
 interface PickerFieldUIContextProviderProps {
   children: React.ReactNode;
   inputRef: React.Ref<HTMLInputElement> | undefined;

package/internals/components/PickerFieldUI.d.ts

@@ -18,7 +18,7 @@ export declare const PickerFieldUIContext: React.Context<PickerFieldUIContextVal
  * Adds the button to open the Picker and the button to clear the value of the field.
  * @ignore - internal component.
  */
-export declare function PickerFieldUI<TProps extends UseFieldProps>(props: PickerFieldUIProps<TProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PickerFieldUI<TProps extends UseFieldProps>(props: PickerFieldUIProps<TProps>): React.JSX.Element;
 export interface ExportedPickerFieldUIProps {
   /**
    * If `true`, a clear button will be shown in the field allowing value clearing.
@@ -116,7 +116,7 @@ interface UseFieldTextFieldPropsParameters {
   ref: React.Ref<HTMLDivElement>;
   externalForwardedProps: any;
 }
-export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): React.JSX.Element;
 interface PickerFieldUIContextProviderProps {
   children: React.ReactNode;
   inputRef: React.Ref<HTMLInputElement> | undefined;

package/internals/components/PickerPopper/PickerPopper.d.mts

@@ -64,4 +64,4 @@ export interface PickerPopperProps extends ExportedPickerPopperProps {
   slots?: PickerPopperSlots;
   slotProps?: PickerPopperSlotProps;
 }
-export declare function PickerPopper(inProps: PickerPopperProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickerPopper(inProps: PickerPopperProps): React.JSX.Element;

package/internals/components/PickerPopper/PickerPopper.d.ts

@@ -64,4 +64,4 @@ export interface PickerPopperProps extends ExportedPickerPopperProps {
   slots?: PickerPopperSlots;
   slotProps?: PickerPopperSlotProps;
 }
-export declare function PickerPopper(inProps: PickerPopperProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickerPopper(inProps: PickerPopperProps): React.JSX.Element;

package/internals/components/PickerPopper/PickerPopper.js

@@ -79,7 +79,7 @@ function useClickAwayListener(active, onClickAway) {
     }
 
     // Ensure that this hook is not "activated" synchronously.
-    // https://github.com/facebook/react/issues/20074
+    // https://github.com/react/react/issues/20074
     function armClickAwayListener() {
       activatedRef.current = true;
     }

package/internals/components/PickerPopper/PickerPopper.mjs

@@ -72,7 +72,7 @@ function useClickAwayListener(active, onClickAway) {
     }
 
     // Ensure that this hook is not "activated" synchronously.
-    // https://github.com/facebook/react/issues/20074
+    // https://github.com/react/react/issues/20074
     function armClickAwayListener() {
       activatedRef.current = true;
     }

package/internals/components/PickerProvider.d.mts

@@ -16,7 +16,7 @@ export declare const PickerPrivateContext: React.Context<PickerPrivateContextVal
  *
  * @ignore - do not document.
  */
-export declare function PickerProvider<TValue extends PickerValidValue>(props: PickerProviderProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function PickerProvider<TValue extends PickerValidValue>(props: PickerProviderProps<TValue>): React.JSX.Element;
 export interface PickerProviderProps<TValue extends PickerValidValue> {
   contextValue: PickerContextValue<any, any, any>;
   actionsContextValue: PickerActionsContextValue<any, any, any>;

package/internals/components/PickerProvider.d.ts

@@ -16,7 +16,7 @@ export declare const PickerPrivateContext: React.Context<PickerPrivateContextVal
  *
  * @ignore - do not document.
  */
-export declare function PickerProvider<TValue extends PickerValidValue>(props: PickerProviderProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function PickerProvider<TValue extends PickerValidValue>(props: PickerProviderProps<TValue>): React.JSX.Element;
 export interface PickerProviderProps<TValue extends PickerValidValue> {
   contextValue: PickerContextValue<any, any, any>;
   actionsContextValue: PickerActionsContextValue<any, any, any>;

package/internals/components/PickersModalDialog.d.mts

@@ -45,4 +45,4 @@ export interface PickersModalDialogProps {
    */
   slotProps?: PickersModalDialogSlotProps;
 }
-export declare function PickersModalDialog(props: React.PropsWithChildren<PickersModalDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PickersModalDialog(props: React.PropsWithChildren<PickersModalDialogProps>): React.JSX.Element;

package/internals/components/PickersModalDialog.d.ts

@@ -45,4 +45,4 @@ export interface PickersModalDialogProps {
    */
   slotProps?: PickersModalDialogSlotProps;
 }
-export declare function PickersModalDialog(props: React.PropsWithChildren<PickersModalDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PickersModalDialog(props: React.PropsWithChildren<PickersModalDialogProps>): React.JSX.Element;

package/internals/demo/DemoContainer.d.mts

@@ -14,7 +14,7 @@ interface DemoItemProps extends Omit<StackProps, 'component'> {
  * WARNING: This is an internal component used in documentation to achieve a desired layout.
  * Please do not use it in your application.
  */
-export declare function DemoItem(props: DemoItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DemoItem(props: DemoItemProps): React.JSX.Element;
 export declare namespace DemoItem {
   var displayName: string;
 }
@@ -22,5 +22,5 @@ export declare namespace DemoItem {
  * WARNING: This is an internal component used in documentation to achieve a desired layout.
  * Please do not use it in your application.
  */
-export declare function DemoContainer(props: DemoGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function DemoContainer(props: DemoGridProps): React.JSX.Element;
 export {};

package/internals/demo/DemoContainer.d.ts

@@ -14,7 +14,7 @@ interface DemoItemProps extends Omit<StackProps, 'component'> {
  * WARNING: This is an internal component used in documentation to achieve a desired layout.
  * Please do not use it in your application.
  */
-export declare function DemoItem(props: DemoItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DemoItem(props: DemoItemProps): React.JSX.Element;
 export declare namespace DemoItem {
   var displayName: string;
 }
@@ -22,5 +22,5 @@ export declare namespace DemoItem {
  * WARNING: This is an internal component used in documentation to achieve a desired layout.
  * Please do not use it in your application.
  */
-export declare function DemoContainer(props: DemoGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function DemoContainer(props: DemoGridProps): React.JSX.Element;
 export {};

package/internals/hooks/useDesktopPicker/useDesktopPicker.d.mts

@@ -11,5 +11,5 @@ export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem
   steps,
   ...pickerParams
 }: UseDesktopPickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

package/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts

@@ -11,5 +11,5 @@ export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem
   steps,
   ...pickerParams
 }: UseDesktopPickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

package/internals/hooks/useField/useField.utils.d.mts

@@ -6,7 +6,6 @@ export declare const getDateSectionConfigFromFormatToken: (adapter: MuiPickersAd
 };
 export declare const getDaysInWeekStr: (adapter: MuiPickersAdapter, format: string) => string[];
 export declare const getLetterEditingOptions: (adapter: MuiPickersAdapter, timezone: PickersTimezone, sectionType: FieldSectionType, format: string) => string[];
-export declare const FORMAT_SECONDS_NO_LEADING_ZEROS = "s";
 export declare const getLocalizedDigits: (adapter: MuiPickersAdapter) => string[];
 export declare const removeLocalizedDigits: (valueStr: string, localizedDigits: string[]) => string;
 export declare const applyLocalizedDigits: (valueStr: string, localizedDigits: string[]) => string;

package/internals/hooks/useField/useField.utils.d.ts

@@ -6,7 +6,6 @@ export declare const getDateSectionConfigFromFormatToken: (adapter: MuiPickersAd
 };
 export declare const getDaysInWeekStr: (adapter: MuiPickersAdapter, format: string) => string[];
 export declare const getLetterEditingOptions: (adapter: MuiPickersAdapter, timezone: PickersTimezone, sectionType: FieldSectionType, format: string) => string[];
-export declare const FORMAT_SECONDS_NO_LEADING_ZEROS = "s";
 export declare const getLocalizedDigits: (adapter: MuiPickersAdapter) => string[];
 export declare const removeLocalizedDigits: (valueStr: string, localizedDigits: string[]) => string;
 export declare const applyLocalizedDigits: (valueStr: string, localizedDigits: string[]) => string;

package/internals/hooks/useField/useField.utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateSections = exports.removeLocalizedDigits = exports.parseSelectedSections = exports.mergeDateIntoReferenceDate = exports.isStringNumber = exports.getSectionsBoundaries = exports.getSectionVisibleValue = exports.getSectionOrder = exports.getLocalizedDigits = exports.getLetterEditingOptions = exports.getDaysInWeekStr = exports.getDateSectionConfigFromFormatToken = exports.getDateFromDateSections = exports.doesSectionFormatHaveLeadingZeros = exports.createDateStrForHiddenInputFromSections = exports.cleanLeadingZeros = exports.cleanDigitSectionValue = exports.changeSectionValueFormat = exports.applyLocalizedDigits = exports.FORMAT_SECONDS_NO_LEADING_ZEROS = void 0;
+exports.validateSections = exports.removeLocalizedDigits = exports.parseSelectedSections = exports.mergeDateIntoReferenceDate = exports.isStringNumber = exports.getSectionsBoundaries = exports.getSectionVisibleValue = exports.getSectionOrder = exports.getLocalizedDigits = exports.getLetterEditingOptions = exports.getDaysInWeekStr = exports.getDateSectionConfigFromFormatToken = exports.getDateFromDateSections = exports.doesSectionFormatHaveLeadingZeros = exports.createDateStrForHiddenInputFromSections = exports.cleanLeadingZeros = exports.cleanDigitSectionValue = exports.changeSectionValueFormat = exports.applyLocalizedDigits = void 0;
 var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _dateUtils = require("../../utils/date-utils");
 var _timeUtils = require("../../utils/time-utils");
@@ -66,7 +66,7 @@ const getLetterEditingOptions = (adapter, timezone, sectionType, format) => {
 // This format should be the same on all the adapters
 // If some adapter does not respect this convention, then we will need to hardcode the format on each adapter.
 exports.getLetterEditingOptions = getLetterEditingOptions;
-const FORMAT_SECONDS_NO_LEADING_ZEROS = exports.FORMAT_SECONDS_NO_LEADING_ZEROS = 's';
+const FORMAT_SECONDS_NO_LEADING_ZEROS = 's';
 const NON_LOCALIZED_DIGITS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
 const getLocalizedDigits = adapter => {
   const today = adapter.date(undefined);

package/internals/hooks/useField/useField.utils.mjs

@@ -56,7 +56,7 @@ export const getLetterEditingOptions = (adapter, timezone, sectionType, format)
 
 // This format should be the same on all the adapters
 // If some adapter does not respect this convention, then we will need to hardcode the format on each adapter.
-export const FORMAT_SECONDS_NO_LEADING_ZEROS = 's';
+const FORMAT_SECONDS_NO_LEADING_ZEROS = 's';
 const NON_LOCALIZED_DIGITS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
 export const getLocalizedDigits = adapter => {
   const today = adapter.date(undefined);

package/internals/hooks/useField/useFieldSectionContentProps.js

@@ -10,6 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _hooks = require("../../../hooks");
 var _syncSelectionToDOM = require("./syncSelectionToDOM");
+var _useField = require("./useField.utils");
 /**
  * Generate the props to pass to the content element of each section of the field.
  * @param {UseFieldSectionContentPropsParameters} parameters The parameters of the hook.
@@ -32,6 +33,7 @@ function useFieldSectionContentProps(parameters) {
       sectionsValueBoundaries,
       state,
       value,
+      localizedDigits,
       // Methods to update the states
       clearActiveSection,
       setCharacterQuery,
@@ -152,10 +154,10 @@ function useFieldSectionContentProps(parameters) {
       onFocus: createFocusHandler(sectionIndex),
       // Aria attributes
       'aria-readonly': readOnly,
-      'aria-valuenow': getSectionValueNow(section, adapter),
+      'aria-valuenow': getSectionValueNow(section, adapter, localizedDigits),
       'aria-valuemin': sectionBoundaries.minimum,
       'aria-valuemax': sectionBoundaries.maximum,
-      'aria-valuetext': section.value ? getSectionValueText(section, adapter) : translations.empty,
+      'aria-valuetext': section.value ? getSectionValueText(section, adapter, localizedDigits) : translations.empty,
       'aria-label': translations[section.type],
       'aria-disabled': disabled,
       // Other
@@ -171,9 +173,9 @@ function useFieldSectionContentProps(parameters) {
       children: section.value || section.placeholder,
       inputMode: section.contentType === 'letter' ? 'text' : 'numeric'
     };
-  }, [sectionsValueBoundaries, isContainerEditable, disabled, readOnly, isEditable, translations, adapter, handleInput, handlePaste, handleMouseUp, handleDragOver, createFocusHandler, fieldValueManager, value]);
+  }, [sectionsValueBoundaries, isContainerEditable, disabled, readOnly, isEditable, translations, adapter, localizedDigits, handleInput, handlePaste, handleMouseUp, handleDragOver, createFocusHandler, fieldValueManager, value]);
 }
-function getSectionValueText(section, adapter) {
+function getSectionValueText(section, adapter, localizedDigits) {
   if (!section.value) {
     return undefined;
   }
@@ -181,7 +183,7 @@ function getSectionValueText(section, adapter) {
     case 'month':
       {
         if (section.contentType === 'digit') {
-          const dateWithMonth = adapter.setMonth(adapter.date(), Number(section.value) - 1);
+          const dateWithMonth = adapter.setMonth(adapter.date(), Number((0, _useField.removeLocalizedDigits)(section.value, localizedDigits)) - 1);
           return adapter.isValid(dateWithMonth) ? adapter.format(dateWithMonth, 'month') : '';
         }
         const parsedDate = adapter.parse(section.value, section.format);
@@ -189,7 +191,7 @@ function getSectionValueText(section, adapter) {
       }
     case 'day':
       if (section.contentType === 'digit') {
-        const dateWithDay = adapter.setDate(adapter.startOfYear(adapter.date()), Number(section.value));
+        const dateWithDay = adapter.setDate(adapter.startOfYear(adapter.date()), Number((0, _useField.removeLocalizedDigits)(section.value, localizedDigits)));
         // Announce a cardinal day (e.g. "2"), not a locale ordinal (e.g. French "2ème").
         // See https://github.com/mui/mui-x/issues/22915.
         return adapter.isValid(dateWithDay) ? adapter.format(dateWithDay, 'dayOfMonth') : '';
@@ -202,10 +204,11 @@ function getSectionValueText(section, adapter) {
       return undefined;
   }
 }
-function getSectionValueNow(section, adapter) {
+function getSectionValueNow(section, adapter, localizedDigits) {
   if (!section.value) {
     return undefined;
   }
+  const nonLocalizedValue = (0, _useField.removeLocalizedDigits)(section.value, localizedDigits);
   switch (section.type) {
     case 'weekDay':
       {
@@ -213,7 +216,7 @@ function getSectionValueNow(section, adapter) {
           // TODO: improve by resolving the week day number from a letter week day
           return undefined;
         }
-        return Number(section.value);
+        return Number(nonLocalizedValue);
       }
     case 'meridiem':
       {
@@ -224,16 +227,16 @@ function getSectionValueNow(section, adapter) {
         return undefined;
       }
     case 'day':
-      return section.contentType === 'digit-with-letter' ? parseInt(section.value, 10) : Number(section.value);
+      return section.contentType === 'digit-with-letter' ? parseInt(nonLocalizedValue, 10) : Number(nonLocalizedValue);
     case 'month':
       {
         if (section.contentType === 'digit') {
-          return Number(section.value);
+          return Number(nonLocalizedValue);
         }
         const parsedDate = adapter.parse(section.value, section.format);
         return parsedDate ? adapter.getMonth(parsedDate) + 1 : undefined;
       }
     default:
-      return section.contentType !== 'letter' ? Number(section.value) : undefined;
+      return section.contentType !== 'letter' ? Number(nonLocalizedValue) : undefined;
   }
 }

package/internals/hooks/useField/useFieldSectionContentProps.mjs

@@ -2,6 +2,7 @@ import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { usePickerAdapter, usePickerTranslations } from "../../../hooks/index.mjs";
 import { syncSelectionToDOM } from "./syncSelectionToDOM.mjs";
+import { removeLocalizedDigits } from "./useField.utils.mjs";
 /**
  * Generate the props to pass to the content element of each section of the field.
  * @param {UseFieldSectionContentPropsParameters} parameters The parameters of the hook.
@@ -24,6 +25,7 @@ export function useFieldSectionContentProps(parameters) {
       sectionsValueBoundaries,
       state,
       value,
+      localizedDigits,
       // Methods to update the states
       clearActiveSection,
       setCharacterQuery,
@@ -144,10 +146,10 @@ export function useFieldSectionContentProps(parameters) {
       onFocus: createFocusHandler(sectionIndex),
       // Aria attributes
       'aria-readonly': readOnly,
-      'aria-valuenow': getSectionValueNow(section, adapter),
+      'aria-valuenow': getSectionValueNow(section, adapter, localizedDigits),
       'aria-valuemin': sectionBoundaries.minimum,
       'aria-valuemax': sectionBoundaries.maximum,
-      'aria-valuetext': section.value ? getSectionValueText(section, adapter) : translations.empty,
+      'aria-valuetext': section.value ? getSectionValueText(section, adapter, localizedDigits) : translations.empty,
       'aria-label': translations[section.type],
       'aria-disabled': disabled,
       // Other
@@ -163,9 +165,9 @@ export function useFieldSectionContentProps(parameters) {
       children: section.value || section.placeholder,
       inputMode: section.contentType === 'letter' ? 'text' : 'numeric'
     };
-  }, [sectionsValueBoundaries, isContainerEditable, disabled, readOnly, isEditable, translations, adapter, handleInput, handlePaste, handleMouseUp, handleDragOver, createFocusHandler, fieldValueManager, value]);
+  }, [sectionsValueBoundaries, isContainerEditable, disabled, readOnly, isEditable, translations, adapter, localizedDigits, handleInput, handlePaste, handleMouseUp, handleDragOver, createFocusHandler, fieldValueManager, value]);
 }
-function getSectionValueText(section, adapter) {
+function getSectionValueText(section, adapter, localizedDigits) {
   if (!section.value) {
     return undefined;
   }
@@ -173,7 +175,7 @@ function getSectionValueText(section, adapter) {
     case 'month':
       {
         if (section.contentType === 'digit') {
-          const dateWithMonth = adapter.setMonth(adapter.date(), Number(section.value) - 1);
+          const dateWithMonth = adapter.setMonth(adapter.date(), Number(removeLocalizedDigits(section.value, localizedDigits)) - 1);
           return adapter.isValid(dateWithMonth) ? adapter.format(dateWithMonth, 'month') : '';
         }
         const parsedDate = adapter.parse(section.value, section.format);
@@ -181,7 +183,7 @@ function getSectionValueText(section, adapter) {
       }
     case 'day':
       if (section.contentType === 'digit') {
-        const dateWithDay = adapter.setDate(adapter.startOfYear(adapter.date()), Number(section.value));
+        const dateWithDay = adapter.setDate(adapter.startOfYear(adapter.date()), Number(removeLocalizedDigits(section.value, localizedDigits)));
         // Announce a cardinal day (e.g. "2"), not a locale ordinal (e.g. French "2ème").
         // See https://github.com/mui/mui-x/issues/22915.
         return adapter.isValid(dateWithDay) ? adapter.format(dateWithDay, 'dayOfMonth') : '';
@@ -194,10 +196,11 @@ function getSectionValueText(section, adapter) {
       return undefined;
   }
 }
-function getSectionValueNow(section, adapter) {
+function getSectionValueNow(section, adapter, localizedDigits) {
   if (!section.value) {
     return undefined;
   }
+  const nonLocalizedValue = removeLocalizedDigits(section.value, localizedDigits);
   switch (section.type) {
     case 'weekDay':
       {
@@ -205,7 +208,7 @@ function getSectionValueNow(section, adapter) {
           // TODO: improve by resolving the week day number from a letter week day
           return undefined;
         }
-        return Number(section.value);
+        return Number(nonLocalizedValue);
       }
     case 'meridiem':
       {
@@ -216,16 +219,16 @@ function getSectionValueNow(section, adapter) {
         return undefined;
       }
     case 'day':
-      return section.contentType === 'digit-with-letter' ? parseInt(section.value, 10) : Number(section.value);
+      return section.contentType === 'digit-with-letter' ? parseInt(nonLocalizedValue, 10) : Number(nonLocalizedValue);
     case 'month':
       {
         if (section.contentType === 'digit') {
-          return Number(section.value);
+          return Number(nonLocalizedValue);
         }
         const parsedDate = adapter.parse(section.value, section.format);
         return parsedDate ? adapter.getMonth(parsedDate) + 1 : undefined;
       }
     default:
-      return section.contentType !== 'letter' ? Number(section.value) : undefined;
+      return section.contentType !== 'letter' ? Number(nonLocalizedValue) : undefined;
   }
 }

package/internals/hooks/useMobilePicker/useMobilePicker.d.mts

@@ -11,5 +11,5 @@ export declare const useMobilePicker: <TView extends DateOrTimeViewWithMeridiem,
   steps,
   ...pickerParams
 }: UseMobilePickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

package/internals/hooks/useMobilePicker/useMobilePicker.d.ts

@@ -11,5 +11,5 @@ export declare const useMobilePicker: <TView extends DateOrTimeViewWithMeridiem,
   steps,
   ...pickerParams
 }: UseMobilePickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

package/internals/hooks/useStaticPicker/useStaticPicker.d.mts

@@ -11,5 +11,5 @@ export declare const useStaticPicker: <TView extends DateOrTimeViewWithMeridiem,
   steps,
   ...pickerParams
 }: UseStaticPickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

package/internals/hooks/useStaticPicker/useStaticPicker.d.ts

@@ -11,5 +11,5 @@ export declare const useStaticPicker: <TView extends DateOrTimeViewWithMeridiem,
   steps,
   ...pickerParams
 }: UseStaticPickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

package/locales/roRO.js

@@ -38,8 +38,7 @@ const roROPickers = {
   dateTimePickerToolbarTitle: 'Selectați data și ora',
   timePickerToolbarTitle: 'Selectați ora',
   dateRangePickerToolbarTitle: 'Selectați intervalul de date',
-  // timeRangePickerToolbarTitle: 'Select time range',
-
+  timeRangePickerToolbarTitle: 'Selectați intervalul de timp',
   // Clock labels
   clockLabelText: (view, formattedTime) => `Selectați ${timeViews[view] ?? view}. ${!formattedTime ? 'Nicio oră selectată' : `Ora selectată este ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} ${timeViews.hours}`,
@@ -55,7 +54,7 @@ const roROPickers = {
   // Open Picker labels
   openDatePickerDialogue: formattedDate => formattedDate ? `Selectați data, data selectată este ${formattedDate}` : 'Selectați data',
   openTimePickerDialogue: formattedTime => formattedTime ? `Selectați ora, ora selectată este ${formattedTime}` : 'Selectați ora',
-  // openRangePickerDialogue: formattedRange => formattedRange ? `Choose range, selected range is ${formattedRange}` : 'Choose range',
+  openRangePickerDialogue: formattedRange => formattedRange ? `Selectați intervalul, intervalul selectat este ${formattedRange}` : 'Selectați intervalul',
   fieldClearLabel: 'Golire conținut',
   // Table labels
   timeTableLabel: 'Selectați ora',

package/locales/roRO.mjs

@@ -32,8 +32,7 @@ const roROPickers = {
   dateTimePickerToolbarTitle: 'Selectați data și ora',
   timePickerToolbarTitle: 'Selectați ora',
   dateRangePickerToolbarTitle: 'Selectați intervalul de date',
-  // timeRangePickerToolbarTitle: 'Select time range',
-
+  timeRangePickerToolbarTitle: 'Selectați intervalul de timp',
   // Clock labels
   clockLabelText: (view, formattedTime) => `Selectați ${timeViews[view] ?? view}. ${!formattedTime ? 'Nicio oră selectată' : `Ora selectată este ${formattedTime}`}`,
   hoursClockNumberText: hours => `${hours} ${timeViews.hours}`,
@@ -49,7 +48,7 @@ const roROPickers = {
   // Open Picker labels
   openDatePickerDialogue: formattedDate => formattedDate ? `Selectați data, data selectată este ${formattedDate}` : 'Selectați data',
   openTimePickerDialogue: formattedTime => formattedTime ? `Selectați ora, ora selectată este ${formattedTime}` : 'Selectați ora',
-  // openRangePickerDialogue: formattedRange => formattedRange ? `Choose range, selected range is ${formattedRange}` : 'Choose range',
+  openRangePickerDialogue: formattedRange => formattedRange ? `Selectați intervalul, intervalul selectat este ${formattedRange}` : 'Selectați intervalul',
   fieldClearLabel: 'Golire conținut',
   // Table labels
   timeTableLabel: 'Selectați ora',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "9.7.0",
+  "version": "9.9.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "license": "MIT",
@@ -34,12 +34,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@mui/utils": "^9.1.1",
+    "@mui/utils": "^9.2.0",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "^9.7.0"
+    "@mui/x-internals": "^9.9.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/timeViewRenderers/timeViewRenderers.d.mts

@@ -39,7 +39,7 @@ export declare const renderTimeViewClock: ({
   showViewSwitcher,
   disableIgnoringDatePartForTimeValidation,
   timezone
-}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react").JSX.Element;
 export declare const renderDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -69,7 +69,7 @@ export declare const renderDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react").JSX.Element;
 export declare const renderMultiSectionDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -99,4 +99,4 @@ export declare const renderMultiSectionDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react").JSX.Element;

package/timeViewRenderers/timeViewRenderers.d.ts

@@ -39,7 +39,7 @@ export declare const renderTimeViewClock: ({
   showViewSwitcher,
   disableIgnoringDatePartForTimeValidation,
   timezone
-}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react").JSX.Element;
 export declare const renderDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -69,7 +69,7 @@ export declare const renderDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react").JSX.Element;
 export declare const renderMultiSectionDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -99,4 +99,4 @@ export declare const renderMultiSectionDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react").JSX.Element;