@mui/x-date-pickers 9.6.0 → 9.8.0

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,8 +183,10 @@ function getSectionValueText(section, adapter) {
       }
     case 'day':
       if (section.contentType === 'digit') {
-        const dateWithDay = adapter.setDate(adapter.startOfYear(adapter.date()), Number(section.value));
-        return adapter.isValid(dateWithDay) ? adapter.format(dateWithDay, 'dayOfMonthFull') : '';
+        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') : '';
       }
       return section.value;
     case 'weekDay':
@@ -192,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':
       {
@@ -203,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':
       {
@@ -214,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/useField/useFieldState.d.mts

@@ -1,6 +1,6 @@
-import { UseFieldInternalProps, UseFieldState, FieldParsedSelectedSections, FieldSectionsValueBoundaries, SectionOrdering, UseFieldForwardedProps, CharacterEditingQuery } from "./useField.types.mjs";
-import { FieldSelectedSections, PickersTimezone, InferFieldSection, PickerManager } from "../../../models/index.mjs";
-import { PickerValidValue } from "../../models/index.mjs";
+import type { UseFieldInternalProps, UseFieldState, FieldParsedSelectedSections, FieldSectionsValueBoundaries, SectionOrdering, UseFieldForwardedProps, CharacterEditingQuery } from "./useField.types.mjs";
+import type { FieldSelectedSections, PickersTimezone, InferFieldSection, PickerManager } from "../../../models/index.mjs";
+import type { PickerValidValue } from "../../models/index.mjs";
 export declare const useFieldState: <TValue extends PickerValidValue, TError, TValidationProps extends {}, TForwardedProps extends UseFieldForwardedProps>(parameters: UseFieldStateParameters<TValue, TError, TValidationProps, TForwardedProps>) => UseFieldStateReturnValue<TValue>;
 interface UseFieldStateParameters<TValue extends PickerValidValue, TError, TValidationProps extends {}, TForwardedProps extends UseFieldForwardedProps> {
   manager: PickerManager<TValue, TError, TValidationProps, any>;

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

@@ -1,6 +1,6 @@
-import { UseFieldInternalProps, UseFieldState, FieldParsedSelectedSections, FieldSectionsValueBoundaries, SectionOrdering, UseFieldForwardedProps, CharacterEditingQuery } from "./useField.types.js";
-import { FieldSelectedSections, PickersTimezone, InferFieldSection, PickerManager } from "../../../models/index.js";
-import { PickerValidValue } from "../../models/index.js";
+import type { UseFieldInternalProps, UseFieldState, FieldParsedSelectedSections, FieldSectionsValueBoundaries, SectionOrdering, UseFieldForwardedProps, CharacterEditingQuery } from "./useField.types.js";
+import type { FieldSelectedSections, PickersTimezone, InferFieldSection, PickerManager } from "../../../models/index.js";
+import type { PickerValidValue } from "../../models/index.js";
 export declare const useFieldState: <TValue extends PickerValidValue, TError, TValidationProps extends {}, TForwardedProps extends UseFieldForwardedProps>(parameters: UseFieldStateParameters<TValue, TError, TValidationProps, TForwardedProps>) => UseFieldStateReturnValue<TValue>;
 interface UseFieldStateParameters<TValue extends PickerValidValue, TError, TValidationProps extends {}, TForwardedProps extends UseFieldForwardedProps> {
   manager: PickerManager<TValue, TError, TValidationProps, any>;

package/internals/hooks/useFieldOwnerState.d.mts

@@ -1,5 +1,5 @@
-import { FieldOwnerState } from "../../models/index.mjs";
-import { FormProps } from "../models/index.mjs";
+import type { FieldOwnerState } from "../../models/index.mjs";
+import type { FormProps } from "../models/index.mjs";
 export declare function useFieldOwnerState(parameters: UseFieldOwnerStateParameters): FieldOwnerState;
 export interface UseFieldOwnerStateParameters extends FormProps {
   required?: boolean;

package/internals/hooks/useFieldOwnerState.d.ts

@@ -1,5 +1,5 @@
-import { FieldOwnerState } from "../../models/index.js";
-import { FormProps } from "../models/index.js";
+import type { FieldOwnerState } from "../../models/index.js";
+import type { FormProps } from "../models/index.js";
 export declare function useFieldOwnerState(parameters: UseFieldOwnerStateParameters): FieldOwnerState;
 export interface UseFieldOwnerStateParameters extends FormProps {
   required?: boolean;

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

@@ -1,5 +1,5 @@
-import { UseMobilePickerParams, UseMobilePickerProps } from "./useMobilePicker.types.mjs";
-import { DateOrTimeViewWithMeridiem } from "../../models/index.mjs";
+import type { UseMobilePickerParams, UseMobilePickerProps } from "./useMobilePicker.types.mjs";
+import type { DateOrTimeViewWithMeridiem } from "../../models/index.mjs";
 /**
  * Hook managing all the single-date mobile pickers:
  * - MobileDatePicker

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

@@ -1,5 +1,5 @@
-import { UseMobilePickerParams, UseMobilePickerProps } from "./useMobilePicker.types.js";
-import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
+import type { UseMobilePickerParams, UseMobilePickerProps } from "./useMobilePicker.types.js";
+import type { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
  * Hook managing all the single-date mobile pickers:
  * - MobileDatePicker

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

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { MakeRequired, SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { BasePickerProps } from "../../models/props/basePickerProps.mjs";
-import { PickersModalDialogSlots, PickersModalDialogSlotProps } from "../../components/PickersModalDialog.mjs";
-import { UsePickerParameters, UsePickerNonStaticProps, UsePickerProps } from "../usePicker/index.mjs";
-import { PickerFieldSlotProps, PickerOwnerState } from "../../../models/index.mjs";
-import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.mjs";
-import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.mjs";
-import { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from "../../components/PickerFieldUI.mjs";
-import { PickerStep } from "../../utils/createNonRangePickerStepNavigation.mjs";
+import type * as React from 'react';
+import type { MakeRequired, SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import type { BasePickerProps } from "../../models/props/basePickerProps.mjs";
+import type { PickersModalDialogSlots, PickersModalDialogSlotProps } from "../../components/PickersModalDialog.mjs";
+import type { UsePickerParameters, UsePickerNonStaticProps, UsePickerProps } from "../usePicker/index.mjs";
+import type { PickerFieldSlotProps, PickerOwnerState } from "../../../models/index.mjs";
+import type { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.mjs";
+import type { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.mjs";
+import type { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from "../../components/PickerFieldUI.mjs";
+import type { PickerStep } from "../../utils/createNonRangePickerStepNavigation.mjs";
 export interface UseMobilePickerSlots extends PickersModalDialogSlots, ExportedPickersLayoutSlots<PickerValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.

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

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { MakeRequired, SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { BasePickerProps } from "../../models/props/basePickerProps.js";
-import { PickersModalDialogSlots, PickersModalDialogSlotProps } from "../../components/PickersModalDialog.js";
-import { UsePickerParameters, UsePickerNonStaticProps, UsePickerProps } from "../usePicker/index.js";
-import { PickerFieldSlotProps, PickerOwnerState } from "../../../models/index.js";
-import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.js";
-import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.js";
-import { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from "../../components/PickerFieldUI.js";
-import { PickerStep } from "../../utils/createNonRangePickerStepNavigation.js";
+import type * as React from 'react';
+import type { MakeRequired, SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import type { BasePickerProps } from "../../models/props/basePickerProps.js";
+import type { PickersModalDialogSlots, PickersModalDialogSlotProps } from "../../components/PickersModalDialog.js";
+import type { UsePickerParameters, UsePickerNonStaticProps, UsePickerProps } from "../usePicker/index.js";
+import type { PickerFieldSlotProps, PickerOwnerState } from "../../../models/index.js";
+import type { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.js";
+import type { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.js";
+import type { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from "../../components/PickerFieldUI.js";
+import type { PickerStep } from "../../utils/createNonRangePickerStepNavigation.js";
 export interface UseMobilePickerSlots extends PickersModalDialogSlots, ExportedPickersLayoutSlots<PickerValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.

package/internals/hooks/useNullableFieldPrivateContext.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { UseFieldInternalProps } from "./useField/index.mjs";
-import { FieldRef } from "../../models/index.mjs";
-import { PickerRangeValue, PickerValue } from "../models/index.mjs";
+import type { FieldRef } from "../../models/index.mjs";
+import type { PickerRangeValue, PickerValue } from "../models/index.mjs";
 export declare const PickerFieldPrivateContext: React.Context<PickerFieldPrivateContextValue | null>;
 export declare function useNullableFieldPrivateContext(): PickerFieldPrivateContextValue | null;
 export interface PickerFieldPrivateContextValue extends Pick<UseFieldInternalProps<any, any>, 'formatDensity' | 'selectedSections' | 'onSelectedSectionsChange'> {

package/internals/hooks/useNullableFieldPrivateContext.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { UseFieldInternalProps } from "./useField/index.js";
-import { FieldRef } from "../../models/index.js";
-import { PickerRangeValue, PickerValue } from "../models/index.js";
+import type { FieldRef } from "../../models/index.js";
+import type { PickerRangeValue, PickerValue } from "../models/index.js";
 export declare const PickerFieldPrivateContext: React.Context<PickerFieldPrivateContextValue | null>;
 export declare function useNullableFieldPrivateContext(): PickerFieldPrivateContextValue | null;
 export interface PickerFieldPrivateContextValue extends Pick<UseFieldInternalProps<any, any>, 'formatDensity' | 'selectedSections' | 'onSelectedSectionsChange'> {

package/internals/hooks/usePicker/hooks/useOrientation.d.mts

@@ -1,2 +1,2 @@
-import { DateOrTimeViewWithMeridiem, PickerOrientation } from "../../../models/index.mjs";
+import type { DateOrTimeViewWithMeridiem, PickerOrientation } from "../../../models/index.mjs";
 export declare function useOrientation(views: readonly DateOrTimeViewWithMeridiem[], customOrientation: PickerOrientation | undefined): PickerOrientation;

package/internals/hooks/usePicker/hooks/useOrientation.d.ts

@@ -1,2 +1,2 @@
-import { DateOrTimeViewWithMeridiem, PickerOrientation } from "../../../models/index.js";
+import type { DateOrTimeViewWithMeridiem, PickerOrientation } from "../../../models/index.js";
 export declare function useOrientation(views: readonly DateOrTimeViewWithMeridiem[], customOrientation: PickerOrientation | undefined): PickerOrientation;

package/internals/hooks/usePicker/hooks/useValueAndOpenStates.d.mts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValueManager } from "../../../models/index.mjs";
-import { PickerSelectionState, UsePickerProps, UsePickerState } from "../usePicker.types.mjs";
-import { InferError } from "../../../../models/index.mjs";
-import { SetValueActionOptions } from "../../../components/PickerProvider.mjs";
-import { Validator } from "../../../../validation/index.mjs";
+import type { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValueManager } from "../../../models/index.mjs";
+import type { PickerSelectionState, UsePickerProps, UsePickerState } from "../usePicker.types.mjs";
+import type { InferError } from "../../../../models/index.mjs";
+import type { SetValueActionOptions } from "../../../components/PickerProvider.mjs";
+import type { Validator } from "../../../../validation/index.mjs";
 export declare function useValueAndOpenStates<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerProps<TValue, TView, any, any>>(parameters: UsePickerDateStateParameters<TValue, TView, TExternalProps>): {
   timezone: string;
   state: UsePickerState<TValue>;

package/internals/hooks/usePicker/hooks/useValueAndOpenStates.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValueManager } from "../../../models/index.js";
-import { PickerSelectionState, UsePickerProps, UsePickerState } from "../usePicker.types.js";
-import { InferError } from "../../../../models/index.js";
-import { SetValueActionOptions } from "../../../components/PickerProvider.js";
-import { Validator } from "../../../../validation/index.js";
+import type { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValueManager } from "../../../models/index.js";
+import type { PickerSelectionState, UsePickerProps, UsePickerState } from "../usePicker.types.js";
+import type { InferError } from "../../../../models/index.js";
+import type { SetValueActionOptions } from "../../../components/PickerProvider.js";
+import type { Validator } from "../../../../validation/index.js";
 export declare function useValueAndOpenStates<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerProps<TValue, TView, any, any>>(parameters: UsePickerDateStateParameters<TValue, TView, TExternalProps>): {
   timezone: string;
   state: UsePickerState<TValue>;

package/internals/hooks/usePicker/usePicker.d.mts

@@ -1,5 +1,5 @@
-import { UsePickerParameters, UsePickerProps, UsePickerReturnValue } from "./usePicker.types.mjs";
-import { DateOrTimeViewWithMeridiem, PickerValidValue } from "../../models/index.mjs";
+import type { UsePickerParameters, UsePickerProps, UsePickerReturnValue } from "./usePicker.types.mjs";
+import type { DateOrTimeViewWithMeridiem, PickerValidValue } from "../../models/index.mjs";
 export declare const usePicker: <TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerProps<TValue, TView, any, any>>({
   ref,
   props,

package/internals/hooks/usePicker/usePicker.d.ts

@@ -1,5 +1,5 @@
-import { UsePickerParameters, UsePickerProps, UsePickerReturnValue } from "./usePicker.types.js";
-import { DateOrTimeViewWithMeridiem, PickerValidValue } from "../../models/index.js";
+import type { UsePickerParameters, UsePickerProps, UsePickerReturnValue } from "./usePicker.types.js";
+import type { DateOrTimeViewWithMeridiem, PickerValidValue } from "../../models/index.js";
 export declare const usePicker: <TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerProps<TValue, TView, any, any>>({
   ref,
   props,

package/internals/hooks/usePicker/usePicker.types.d.mts

@@ -1,14 +1,14 @@
 import type * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
-import { InferError, OnErrorProps, PickerChangeHandlerContext, PickerOwnerState, PickerValidDate, PickerValueType, TimezoneProps } from "../../../models/index.mjs";
-import { DateOrTimeViewWithMeridiem, FormProps, PickerOrientation, PickerRangeValue, PickerValidValue, PickerValueManager, PickerVariant } from "../../models/index.mjs";
-import { Validator } from "../../../validation/index.mjs";
-import { UseViewsOptions } from "../useViews.mjs";
-import { PickerProviderProps } from "../../components/PickerProvider.mjs";
-import { PickersInputLocaleText } from "../../../locales/index.mjs";
-import { PickerFieldPrivateContextValue } from "../useNullableFieldPrivateContext.mjs";
-import { CreateStepNavigationReturnValue } from "../../utils/createStepNavigation.mjs";
+import type { SxProps } from '@mui/system';
+import type { Theme } from '@mui/material/styles';
+import type { InferError, OnErrorProps, PickerChangeHandlerContext, PickerOwnerState, PickerValidDate, PickerValueType, TimezoneProps } from "../../../models/index.mjs";
+import type { DateOrTimeViewWithMeridiem, FormProps, PickerOrientation, PickerRangeValue, PickerValidValue, PickerValueManager, PickerVariant } from "../../models/index.mjs";
+import type { Validator } from "../../../validation/index.mjs";
+import type { UseViewsOptions } from "../useViews.mjs";
+import type { PickerProviderProps } from "../../components/PickerProvider.mjs";
+import type { PickersInputLocaleText } from "../../../locales/index.mjs";
+import type { PickerFieldPrivateContextValue } from "../useNullableFieldPrivateContext.mjs";
+import type { CreateStepNavigationReturnValue } from "../../utils/createStepNavigation.mjs";
 /**
  * Props common to all Picker headless implementations.
  * Those props are exposed on all the Pickers.

package/internals/hooks/usePicker/usePicker.types.d.ts

@@ -1,14 +1,14 @@
 import type * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
-import { InferError, OnErrorProps, PickerChangeHandlerContext, PickerOwnerState, PickerValidDate, PickerValueType, TimezoneProps } from "../../../models/index.js";
-import { DateOrTimeViewWithMeridiem, FormProps, PickerOrientation, PickerRangeValue, PickerValidValue, PickerValueManager, PickerVariant } from "../../models/index.js";
-import { Validator } from "../../../validation/index.js";
-import { UseViewsOptions } from "../useViews.js";
-import { PickerProviderProps } from "../../components/PickerProvider.js";
-import { PickersInputLocaleText } from "../../../locales/index.js";
-import { PickerFieldPrivateContextValue } from "../useNullableFieldPrivateContext.js";
-import { CreateStepNavigationReturnValue } from "../../utils/createStepNavigation.js";
+import type { SxProps } from '@mui/system';
+import type { Theme } from '@mui/material/styles';
+import type { InferError, OnErrorProps, PickerChangeHandlerContext, PickerOwnerState, PickerValidDate, PickerValueType, TimezoneProps } from "../../../models/index.js";
+import type { DateOrTimeViewWithMeridiem, FormProps, PickerOrientation, PickerRangeValue, PickerValidValue, PickerValueManager, PickerVariant } from "../../models/index.js";
+import type { Validator } from "../../../validation/index.js";
+import type { UseViewsOptions } from "../useViews.js";
+import type { PickerProviderProps } from "../../components/PickerProvider.js";
+import type { PickersInputLocaleText } from "../../../locales/index.js";
+import type { PickerFieldPrivateContextValue } from "../useNullableFieldPrivateContext.js";
+import type { CreateStepNavigationReturnValue } from "../../utils/createStepNavigation.js";
 /**
  * Props common to all Picker headless implementations.
  * Those props are exposed on all the Pickers.

package/internals/hooks/usePickerDayOwnerState.d.mts

@@ -1,5 +1,5 @@
-import { PickerDayOwnerState } from "./PickerDay.types.mjs";
-import { PickerValidDate } from "../../models/pickers.mjs";
+import type { PickerDayOwnerState } from "./PickerDay.types.mjs";
+import type { PickerValidDate } from "../../models/pickers.mjs";
 export declare function usePickerDayOwnerState(parameters: UsePickerDayOwnerStateParameters): PickerDayOwnerState;
 interface UsePickerDayOwnerStateParameters {
   day: PickerValidDate;

package/internals/hooks/usePickerDayOwnerState.d.ts

@@ -1,5 +1,5 @@
-import { PickerDayOwnerState } from "./PickerDay.types.js";
-import { PickerValidDate } from "../../models/pickers.js";
+import type { PickerDayOwnerState } from "./PickerDay.types.js";
+import type { PickerValidDate } from "../../models/pickers.js";
 export declare function usePickerDayOwnerState(parameters: UsePickerDayOwnerStateParameters): PickerDayOwnerState;
 interface UsePickerDayOwnerStateParameters {
   day: PickerValidDate;

package/internals/hooks/useReduceAnimations.js

@@ -9,7 +9,10 @@ exports.useReduceAnimations = useReduceAnimations;
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
 const PREFERS_REDUCED_MOTION = '@media (prefers-reduced-motion: reduce)';
 
-// detect if user agent has Android version < 10 or iOS version < 13
+// TODO v10: Remove user-agent sniffing. The Android branch is dead and the iOS branch is becoming
+// irrelevant.
+// https://github.com/mui/mui-x/pull/22710#discussion_r3377072061
+
 const mobileVersionMatches = typeof navigator !== 'undefined' && navigator.userAgent.match(/android\s(\d+)|OS\s(\d+)/i);
 const androidVersion = mobileVersionMatches && mobileVersionMatches[1] ? parseInt(mobileVersionMatches[1], 10) : null;
 const iOSVersion = mobileVersionMatches && mobileVersionMatches[2] ? parseInt(mobileVersionMatches[2], 10) : null;

package/internals/hooks/useReduceAnimations.mjs

@@ -1,7 +1,10 @@
 import useMediaQuery from '@mui/material/useMediaQuery';
 const PREFERS_REDUCED_MOTION = '@media (prefers-reduced-motion: reduce)';
 
-// detect if user agent has Android version < 10 or iOS version < 13
+// TODO v10: Remove user-agent sniffing. The Android branch is dead and the iOS branch is becoming
+// irrelevant.
+// https://github.com/mui/mui-x/pull/22710#discussion_r3377072061
+
 const mobileVersionMatches = typeof navigator !== 'undefined' && navigator.userAgent.match(/android\s(\d+)|OS\s(\d+)/i);
 const androidVersion = mobileVersionMatches && mobileVersionMatches[1] ? parseInt(mobileVersionMatches[1], 10) : null;
 const iOSVersion = mobileVersionMatches && mobileVersionMatches[2] ? parseInt(mobileVersionMatches[2], 10) : null;

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

@@ -1,5 +1,5 @@
-import { UseStaticPickerParams, UseStaticPickerProps } from "./useStaticPicker.types.mjs";
-import { DateOrTimeViewWithMeridiem } from "../../models/index.mjs";
+import type { UseStaticPickerParams, UseStaticPickerProps } from "./useStaticPicker.types.mjs";
+import type { DateOrTimeViewWithMeridiem } from "../../models/index.mjs";
 /**
  * Hook managing all the single-date static pickers:
  * - StaticDatePicker

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

@@ -1,5 +1,5 @@
-import { UseStaticPickerParams, UseStaticPickerProps } from "./useStaticPicker.types.js";
-import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
+import type { UseStaticPickerParams, UseStaticPickerProps } from "./useStaticPicker.types.js";
+import type { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
  * Hook managing all the single-date static pickers:
  * - StaticDatePicker

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

@@ -1,8 +1,8 @@
-import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.mjs";
-import { BasePickerProps } from "../../models/props/basePickerProps.mjs";
-import { UsePickerParameters, UsePickerProps } from "../usePicker/index.mjs";
-import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.mjs";
-import { PickerStep } from "../../utils/createNonRangePickerStepNavigation.mjs";
+import type { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.mjs";
+import type { BasePickerProps } from "../../models/props/basePickerProps.mjs";
+import type { UsePickerParameters, UsePickerProps } from "../usePicker/index.mjs";
+import type { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.mjs";
+import type { PickerStep } from "../../utils/createNonRangePickerStepNavigation.mjs";
 export interface UseStaticPickerSlots extends ExportedPickersLayoutSlots<PickerValue> {}
 export interface UseStaticPickerSlotProps extends ExportedPickersLayoutSlotProps<PickerValue> {}
 export interface StaticOnlyPickerProps {

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

@@ -1,8 +1,8 @@
-import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.js";
-import { BasePickerProps } from "../../models/props/basePickerProps.js";
-import { UsePickerParameters, UsePickerProps } from "../usePicker/index.js";
-import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.js";
-import { PickerStep } from "../../utils/createNonRangePickerStepNavigation.js";
+import type { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.js";
+import type { BasePickerProps } from "../../models/props/basePickerProps.js";
+import type { UsePickerParameters, UsePickerProps } from "../usePicker/index.js";
+import type { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.js";
+import type { PickerStep } from "../../utils/createNonRangePickerStepNavigation.js";
 export interface UseStaticPickerSlots extends ExportedPickersLayoutSlots<PickerValue> {}
 export interface UseStaticPickerSlotProps extends ExportedPickersLayoutSlotProps<PickerValue> {}
 export interface StaticOnlyPickerProps {

package/internals/hooks/useToolbarOwnerState.d.mts

@@ -1,4 +1,4 @@
-import { PickerOwnerState } from "../../models/index.mjs";
+import type { PickerOwnerState } from "../../models/index.mjs";
 export declare function useToolbarOwnerState(): PickerToolbarOwnerState;
 export interface PickerToolbarOwnerState extends PickerOwnerState {
   /**

package/internals/hooks/useToolbarOwnerState.d.ts

@@ -1,4 +1,4 @@
-import { PickerOwnerState } from "../../models/index.js";
+import type { PickerOwnerState } from "../../models/index.js";
 export declare function useToolbarOwnerState(): PickerToolbarOwnerState;
 export interface PickerToolbarOwnerState extends PickerOwnerState {
   /**

package/internals/hooks/useUtils.d.mts

@@ -1,4 +1,4 @@
-import { PickersTimezone, PickerValidDate } from "../../models/index.mjs";
+import type { PickersTimezone, PickerValidDate } from "../../models/index.mjs";
 export declare const useDefaultDates: () => {
   minDate: PickerValidDate;
   maxDate: PickerValidDate;

package/internals/hooks/useUtils.d.ts

@@ -1,4 +1,4 @@
-import { PickersTimezone, PickerValidDate } from "../../models/index.js";
+import type { PickersTimezone, PickerValidDate } from "../../models/index.js";
 export declare const useDefaultDates: () => {
   minDate: PickerValidDate;
   maxDate: PickerValidDate;

package/internals/hooks/useViews.d.mts

@@ -1,8 +1,8 @@
-import { MakeOptional } from '@mui/x-internals/types';
+import type { MakeOptional } from '@mui/x-internals/types';
 import type { PickerSelectionState } from "./usePicker/index.mjs";
-import { DateOrTimeViewWithMeridiem, PickerValidValue } from "../models/index.mjs";
-import { PickerValidDate } from "../../models/index.mjs";
-import { CreateStepNavigationReturnValue } from "../utils/createStepNavigation.mjs";
+import type { DateOrTimeViewWithMeridiem, PickerValidValue } from "../models/index.mjs";
+import type { PickerValidDate } from "../../models/index.mjs";
+import type { CreateStepNavigationReturnValue } from "../utils/createStepNavigation.mjs";
 export type PickerOnChangeFn = (date: PickerValidDate | null, selectionState?: PickerSelectionState) => void;
 export interface UseViewsOptions<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem> {
   /**

package/internals/hooks/useViews.d.ts

@@ -1,8 +1,8 @@
-import { MakeOptional } from '@mui/x-internals/types';
+import type { MakeOptional } from '@mui/x-internals/types';
 import type { PickerSelectionState } from "./usePicker/index.js";
-import { DateOrTimeViewWithMeridiem, PickerValidValue } from "../models/index.js";
-import { PickerValidDate } from "../../models/index.js";
-import { CreateStepNavigationReturnValue } from "../utils/createStepNavigation.js";
+import type { DateOrTimeViewWithMeridiem, PickerValidValue } from "../models/index.js";
+import type { PickerValidDate } from "../../models/index.js";
+import type { CreateStepNavigationReturnValue } from "../utils/createStepNavigation.js";
 export type PickerOnChangeFn = (date: PickerValidDate | null, selectionState?: PickerSelectionState) => void;
 export interface UseViewsOptions<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem> {
   /**

package/internals/models/common.d.mts

@@ -1,4 +1,4 @@
-import { DateView, TimeView } from "../../models/views.mjs";
+import type { DateView, TimeView } from "../../models/views.mjs";
 export type PickerOrientation = 'portrait' | 'landscape';
 export type PickerVariant = 'mobile' | 'desktop';
 export type TimeViewWithMeridiem = TimeView | 'meridiem';

package/internals/models/common.d.ts

@@ -1,4 +1,4 @@
-import { DateView, TimeView } from "../../models/views.js";
+import type { DateView, TimeView } from "../../models/views.js";
 export type PickerOrientation = 'portrait' | 'landscape';
 export type PickerVariant = 'mobile' | 'desktop';
 export type TimeViewWithMeridiem = TimeView | 'meridiem';

package/internals/models/fields.d.mts

@@ -1,5 +1,5 @@
 import type { FieldSection } from "../../models/index.mjs";
-import { RangePosition } from "./pickers.mjs";
+import type { RangePosition } from "./pickers.mjs";
 export interface FieldRangeSection extends FieldSection {
   dateName: RangePosition;
 }

package/internals/models/fields.d.ts

@@ -1,5 +1,5 @@
 import type { FieldSection } from "../../models/index.js";
-import { RangePosition } from "./pickers.js";
+import type { RangePosition } from "./pickers.js";
 export interface FieldRangeSection extends FieldSection {
   dateName: RangePosition;
 }

package/internals/models/helpers.d.mts

@@ -1,5 +1,5 @@
-import { ComponentNameToClassKey, ComponentsPropsList } from '@mui/material/styles';
-import { CSSObject, CSSInterpolation, Interpolation } from '@mui/system';
+import type { ComponentNameToClassKey, ComponentsPropsList } from '@mui/material/styles';
+import type { CSSObject, CSSInterpolation, Interpolation } from '@mui/system';
 /**
  * All standard components exposed by `material-ui` are `StyledComponents` with
  * certain `classes`, on which one can also set a top-level `className` and inline

package/internals/models/helpers.d.ts

@@ -1,5 +1,5 @@
-import { ComponentNameToClassKey, ComponentsPropsList } from '@mui/material/styles';
-import { CSSObject, CSSInterpolation, Interpolation } from '@mui/system';
+import type { ComponentNameToClassKey, ComponentsPropsList } from '@mui/material/styles';
+import type { CSSObject, CSSInterpolation, Interpolation } from '@mui/system';
 /**
  * All standard components exposed by `material-ui` are `StyledComponents` with
  * certain `classes`, on which one can also set a top-level `className` and inline

package/internals/models/manager.d.mts

@@ -1,6 +1,6 @@
 import type { MuiPickersAdapter, PickerManager, PickersTimezone, PickerValidDate, PickerValueType } from "../../models/index.mjs";
 import type { GetDefaultReferenceDateProps } from "../utils/getDefaultReferenceDate.mjs";
-import { InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "./value.mjs";
+import type { InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "./value.mjs";
 import type { UseFieldInternalProps } from "../hooks/useField/index.mjs";
 export type PickerAnyManager = PickerManager<any, any, any, any>;
 type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TError, infer TValidationProps, infer TFieldInternalProps> ? {

package/internals/models/manager.d.ts

@@ -1,6 +1,6 @@
 import type { MuiPickersAdapter, PickerManager, PickersTimezone, PickerValidDate, PickerValueType } from "../../models/index.js";
 import type { GetDefaultReferenceDateProps } from "../utils/getDefaultReferenceDate.js";
-import { InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "./value.js";
+import type { InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "./value.js";
 import type { UseFieldInternalProps } from "../hooks/useField/index.js";
 export type PickerAnyManager = PickerManager<any, any, any, any>;
 type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TError, infer TValidationProps, infer TFieldInternalProps> ? {