@mui/x-date-pickers-pro 9.0.0-beta.0 → 9.0.0

package/hooks/useMultiInputRangeField/useTextFieldProps.mjs

@@ -53,9 +53,7 @@ export function useTextFieldProps(parameters) {
         throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: Unknown valueType: ${valueType}` : _formatErrorMessage(162, valueType));
       }
   }
-  const manager = useManager({
-    enableAccessibleFieldDOMStructure: sharedInternalProps.enableAccessibleFieldDOMStructure
-  });
+  const manager = useManager();
   const openPickerIfPossible = event => {
     if (!pickerContext) {
       return;

package/index.d.mts

@@ -1,6 +1,5 @@
 export * from '@mui/x-date-pickers';
 export * from "./DateRangePickerDay/index.mjs";
-export * from "./DateRangePickerDay2/index.mjs";
 export * from "./MultiInputDateRangeField/index.mjs";
 export * from "./MultiInputTimeRangeField/index.mjs";
 export * from "./MultiInputDateTimeRangeField/index.mjs";

package/index.d.ts

@@ -1,6 +1,5 @@
 export * from '@mui/x-date-pickers';
 export * from "./DateRangePickerDay/index.js";
-export * from "./DateRangePickerDay2/index.js";
 export * from "./MultiInputDateRangeField/index.js";
 export * from "./MultiInputTimeRangeField/index.js";
 export * from "./MultiInputDateTimeRangeField/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.0.0-beta.0
+ * @mui/x-date-pickers-pro v9.0.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -32,17 +32,6 @@ Object.keys(_DateRangePickerDay).forEach(function (key) {
     }
   });
 });
-var _DateRangePickerDay2 = require("./DateRangePickerDay2");
-Object.keys(_DateRangePickerDay2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DateRangePickerDay2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DateRangePickerDay2[key];
-    }
-  });
-});
 var _MultiInputDateRangeField = require("./MultiInputDateRangeField");
 Object.keys(_MultiInputDateRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.0.0-beta.0
+ * @mui/x-date-pickers-pro v9.0.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -8,7 +8,6 @@
 // eslint-disable-next-line no-restricted-imports
 export * from '@mui/x-date-pickers';
 export * from "./DateRangePickerDay/index.mjs";
-export * from "./DateRangePickerDay2/index.mjs";
 
 // Fields
 export * from "./MultiInputDateRangeField/index.mjs";

package/internals/constants/dimensions.d.mts

@@ -1,3 +1,2 @@
-export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
-export declare const DAY_RANGE_SIZE = 40;
+export { DAY_MARGIN, DAY_SIZE as DAY_RANGE_SIZE } from '@mui/x-date-pickers/internals';
 export declare const RANGE_VIEW_HEIGHT: number;

package/internals/constants/dimensions.d.ts

@@ -1,3 +1,2 @@
-export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
-export declare const DAY_RANGE_SIZE = 40;
+export { DAY_MARGIN, DAY_SIZE as DAY_RANGE_SIZE } from '@mui/x-date-pickers/internals';
 export declare const RANGE_VIEW_HEIGHT: number;

package/internals/constants/dimensions.js

@@ -9,8 +9,13 @@ Object.defineProperty(exports, "DAY_MARGIN", {
     return _internals.DAY_MARGIN;
   }
 });
-exports.RANGE_VIEW_HEIGHT = exports.DAY_RANGE_SIZE = void 0;
+Object.defineProperty(exports, "DAY_RANGE_SIZE", {
+  enumerable: true,
+  get: function () {
+    return _internals.DAY_SIZE;
+  }
+});
+exports.RANGE_VIEW_HEIGHT = void 0;
 var _internals = require("@mui/x-date-pickers/internals");
-const DAY_RANGE_SIZE = exports.DAY_RANGE_SIZE = 40;
 // adding the extra height of the range day element height difference (40px vs 36px)
 const RANGE_VIEW_HEIGHT = exports.RANGE_VIEW_HEIGHT = _internals.VIEW_HEIGHT + 6 * 2 * _internals.DAY_MARGIN;

package/internals/constants/dimensions.mjs

@@ -1,5 +1,5 @@
 import { DAY_MARGIN, VIEW_HEIGHT } from '@mui/x-date-pickers/internals';
-export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
-export const DAY_RANGE_SIZE = 40;
+export { DAY_MARGIN, DAY_SIZE as DAY_RANGE_SIZE } from '@mui/x-date-pickers/internals';
+
 // adding the extra height of the range day element height difference (40px vs 36px)
 export const RANGE_VIEW_HEIGHT = VIEW_HEIGHT + 6 * 2 * DAY_MARGIN;

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.mts

@@ -1,9 +1,9 @@
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
 import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from "./useDesktopRangePicker.types.mjs";
-export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TView, any, TExternalProps>>({
   props,
   steps,
   ...pickerParams
-}: UseDesktopRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+}: UseDesktopRangePickerParams<TView, TExternalProps>) => {
   renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts

@@ -1,9 +1,9 @@
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
 import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from "./useDesktopRangePicker.types.js";
-export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TView, any, TExternalProps>>({
   props,
   steps,
   ...pickerParams
-}: UseDesktopRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+}: UseDesktopRangePickerParams<TView, TExternalProps>) => {
   renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -26,8 +26,8 @@ const useDesktopRangePicker = _ref => {
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc3NDU2OTYwMDAwMA==",
-    version: "9.0.0-beta.0",
+    releaseDate: "MTc3NTYwNjQwMDAwMA==",
+    version: "9.0.0",
     name: 'x-date-pickers-pro'
   });
   const {

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.mjs

@@ -19,8 +19,8 @@ export const useDesktopRangePicker = _ref => {
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   useLicenseVerifier({
-    releaseDate: "MTc3NDU2OTYwMDAwMA==",
-    version: "9.0.0-beta.0",
+    releaseDate: "MTc3NTYwNjQwMDAwMA==",
+    version: "9.0.0",
     name: 'x-date-pickers-pro'
   });
   const {

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

@@ -10,8 +10,8 @@ export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedP
    */
   field: React.ElementType;
 }
-export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
+export interface UseDesktopRangePickerSlotProps extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps, {}, PickerOwnerState>;
 }
 export interface DesktopRangeOnlyPickerProps extends NonStaticRangePickerProps {
   /**
@@ -19,7 +19,7 @@ export interface DesktopRangeOnlyPickerProps extends NonStaticRangePickerProps {
    */
   autoFocus?: boolean;
 }
-export interface UseDesktopRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
+export interface UseDesktopRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
   /**
    * Overridable component slots.
    * @default {}
@@ -29,6 +29,6 @@ export interface UseDesktopRangePickerProps<TView extends DateOrTimeViewWithMeri
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: UseDesktopRangePickerSlotProps;
 }
-export interface UseDesktopRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends NonStaticRangePickerHookParameters<TView, TExternalProps> {}
+export interface UseDesktopRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TView, any, TExternalProps>> extends NonStaticRangePickerHookParameters<TView, TExternalProps> {}

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

@@ -10,8 +10,8 @@ export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedP
    */
   field: React.ElementType;
 }
-export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
+export interface UseDesktopRangePickerSlotProps extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps, {}, PickerOwnerState>;
 }
 export interface DesktopRangeOnlyPickerProps extends NonStaticRangePickerProps {
   /**
@@ -19,7 +19,7 @@ export interface DesktopRangeOnlyPickerProps extends NonStaticRangePickerProps {
    */
   autoFocus?: boolean;
 }
-export interface UseDesktopRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
+export interface UseDesktopRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
   /**
    * Overridable component slots.
    * @default {}
@@ -29,6 +29,6 @@ export interface UseDesktopRangePickerProps<TView extends DateOrTimeViewWithMeri
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: UseDesktopRangePickerSlotProps;
 }
-export interface UseDesktopRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends NonStaticRangePickerHookParameters<TView, TExternalProps> {}
+export interface UseDesktopRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TView, any, TExternalProps>> extends NonStaticRangePickerHookParameters<TView, TExternalProps> {}

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.mts

@@ -1,9 +1,9 @@
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
 import { UseMobileRangePickerParams, UseMobileRangePickerProps } from "./useMobileRangePicker.types.mjs";
-export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TView, any, TExternalProps>>({
   props,
   steps,
   ...pickerParams
-}: UseMobileRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+}: UseMobileRangePickerParams<TView, TExternalProps>) => {
   renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -1,9 +1,9 @@
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
 import { UseMobileRangePickerParams, UseMobileRangePickerProps } from "./useMobileRangePicker.types.js";
-export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TView, any, TExternalProps>>({
   props,
   steps,
   ...pickerParams
-}: UseMobileRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+}: UseMobileRangePickerParams<TView, TExternalProps>) => {
   renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -28,8 +28,8 @@ const useMobileRangePicker = _ref => {
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc3NDU2OTYwMDAwMA==",
-    version: "9.0.0-beta.0",
+    releaseDate: "MTc3NTYwNjQwMDAwMA==",
+    version: "9.0.0",
     name: 'x-date-pickers-pro'
   });
   const {

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.mjs

@@ -21,8 +21,8 @@ export const useMobileRangePicker = _ref => {
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   useLicenseVerifier({
-    releaseDate: "MTc3NDU2OTYwMDAwMA==",
-    version: "9.0.0-beta.0",
+    releaseDate: "MTc3NTYwNjQwMDAwMA==",
+    version: "9.0.0",
     name: 'x-date-pickers-pro'
   });
   const {

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

@@ -10,12 +10,12 @@ export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, Expo
    */
   field: React.ElementType;
 }
-export interface ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
+export interface ExportedUseMobileRangePickerSlotProps extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps, {}, PickerOwnerState>;
 }
-export interface UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerRangeValue>, 'toolbar'> {}
+export interface UseMobileRangePickerSlotProps extends ExportedUseMobileRangePickerSlotProps, Pick<PickersLayoutSlotProps<PickerRangeValue>, 'toolbar'> {}
 export interface MobileRangeOnlyPickerProps extends NonStaticRangePickerProps {}
-export interface UseMobileRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
+export interface UseMobileRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
   /**
    * Overridable component slots.
    * @default {}
@@ -25,6 +25,6 @@ export interface UseMobileRangePickerProps<TView extends DateOrTimeViewWithMerid
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: UseMobileRangePickerSlotProps;
 }
-export interface UseMobileRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends NonStaticRangePickerHookParameters<TView, TExternalProps> {}
+export interface UseMobileRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TView, any, TExternalProps>> extends NonStaticRangePickerHookParameters<TView, TExternalProps> {}

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

@@ -10,12 +10,12 @@ export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, Expo
    */
   field: React.ElementType;
 }
-export interface ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
+export interface ExportedUseMobileRangePickerSlotProps extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps, {}, PickerOwnerState>;
 }
-export interface UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerRangeValue>, 'toolbar'> {}
+export interface UseMobileRangePickerSlotProps extends ExportedUseMobileRangePickerSlotProps, Pick<PickersLayoutSlotProps<PickerRangeValue>, 'toolbar'> {}
 export interface MobileRangeOnlyPickerProps extends NonStaticRangePickerProps {}
-export interface UseMobileRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
+export interface UseMobileRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
   /**
    * Overridable component slots.
    * @default {}
@@ -25,6 +25,6 @@ export interface UseMobileRangePickerProps<TView extends DateOrTimeViewWithMerid
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: UseMobileRangePickerSlotProps;
 }
-export interface UseMobileRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends NonStaticRangePickerHookParameters<TView, TExternalProps> {}
+export interface UseMobileRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TView, any, TExternalProps>> extends NonStaticRangePickerHookParameters<TView, TExternalProps> {}

package/internals/models/fields.d.mts

@@ -7,7 +7,7 @@ import type { MultiInputFieldRefs, MultiInputFieldSlotRootProps, RangePosition }
  * Props the multi input field can receive when used inside a picker.
  * Only contains what the MUI components are passing to the field, not what users can pass using the `props.slotProps.field`.
  */
-export interface BaseMultiInputFieldProps extends Pick<UseFieldInternalProps<PickerRangeValue, boolean, unknown>, 'readOnly' | 'autoFocus'>, MultiInputFieldRefs {
+export interface BaseMultiInputFieldProps extends Pick<UseFieldInternalProps<PickerRangeValue, unknown>, 'readOnly' | 'autoFocus'>, MultiInputFieldRefs {
   slots?: {
     root?: React.ElementType;
     separator?: React.ElementType;

package/internals/models/fields.d.ts

@@ -7,7 +7,7 @@ import type { MultiInputFieldRefs, MultiInputFieldSlotRootProps, RangePosition }
  * Props the multi input field can receive when used inside a picker.
  * Only contains what the MUI components are passing to the field, not what users can pass using the `props.slotProps.field`.
  */
-export interface BaseMultiInputFieldProps extends Pick<UseFieldInternalProps<PickerRangeValue, boolean, unknown>, 'readOnly' | 'autoFocus'>, MultiInputFieldRefs {
+export interface BaseMultiInputFieldProps extends Pick<UseFieldInternalProps<PickerRangeValue, unknown>, 'readOnly' | 'autoFocus'>, MultiInputFieldRefs {
   slots?: {
     root?: React.ElementType;
     separator?: React.ElementType;

package/internals/models/managers.d.mts

@@ -1,3 +1,3 @@
 import { PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { PickerManager } from '@mui/x-date-pickers/models';
-export type PickerAnyRangeManager = PickerManager<PickerRangeValue, any, any, any, any>;
+export type PickerAnyRangeManager = PickerManager<PickerRangeValue, any, any, any>;

package/internals/models/managers.d.ts

@@ -1,3 +1,3 @@
 import { PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { PickerManager } from '@mui/x-date-pickers/models';
-export type PickerAnyRangeManager = PickerManager<PickerRangeValue, any, any, any, any>;
+export type PickerAnyRangeManager = PickerManager<PickerRangeValue, any, any, any>;

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.js

@@ -12,7 +12,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -41,9 +40,12 @@ function createMultiInputRangeField({
   const MultiInputRangeFieldRoot = (0, _styles.styled)(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stack.default, (0, _extends2.default)({
     ref: ref,
     spacing: 2,
-    direction: "row",
-    alignItems: "baseline"
-  }, props))), {
+    direction: "row"
+  }, props, {
+    sx: [{
+      alignItems: 'baseline'
+    }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]
+  }))), {
     name,
     slot: 'Root'
   })({});
@@ -63,7 +65,6 @@ function createMultiInputRangeField({
     const pickerFieldUIContext = React.useContext(_internals.PickerFieldUIContext);
     const pickerContext = (0, _internals.useNullablePickerContext)();
     const manager = useManager({
-      enableAccessibleFieldDOMStructure: props.enableAccessibleFieldDOMStructure,
       dateSeparator: props.dateSeparator
     });
     const {
@@ -125,7 +126,7 @@ function createMultiInputRangeField({
     });
     const cleanStartTextFieldResponse = (0, _internals.cleanFieldResponse)(fieldResponse.startTextField);
     const cleanEndTextFieldResponse = (0, _internals.cleanFieldResponse)(fieldResponse.endTextField);
-    const TextField = slots?.textField ?? pickerFieldUIContext.slots.textField ?? (fieldResponse.enableAccessibleFieldDOMStructure === false ? _TextField.default : _PickersTextField.PickersTextField);
+    const TextField = slots?.textField ?? pickerFieldUIContext.slots.textField ?? _PickersTextField.PickersTextField;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, fieldResponse.root, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
         fullWidth: true

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.mjs

@@ -6,7 +6,6 @@ const _excluded = ["slots", "slotProps", "className", "classes"];
 import * as React from 'react';
 import clsx from 'clsx';
 import Stack from '@mui/material/Stack';
-import MuiTextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
@@ -34,9 +33,12 @@ export function createMultiInputRangeField({
   const MultiInputRangeFieldRoot = styled(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(Stack, _extends({
     ref: ref,
     spacing: 2,
-    direction: "row",
-    alignItems: "baseline"
-  }, props))), {
+    direction: "row"
+  }, props, {
+    sx: [{
+      alignItems: 'baseline'
+    }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]
+  }))), {
     name,
     slot: 'Root'
   })({});
@@ -56,7 +58,6 @@ export function createMultiInputRangeField({
     const pickerFieldUIContext = React.useContext(PickerFieldUIContext);
     const pickerContext = useNullablePickerContext();
     const manager = useManager({
-      enableAccessibleFieldDOMStructure: props.enableAccessibleFieldDOMStructure,
       dateSeparator: props.dateSeparator
     });
     const {
@@ -118,7 +119,7 @@ export function createMultiInputRangeField({
     });
     const cleanStartTextFieldResponse = cleanFieldResponse(fieldResponse.startTextField);
     const cleanEndTextFieldResponse = cleanFieldResponse(fieldResponse.endTextField);
-    const TextField = slots?.textField ?? pickerFieldUIContext.slots.textField ?? (fieldResponse.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
+    const TextField = slots?.textField ?? pickerFieldUIContext.slots.textField ?? PickersTextField;
     return /*#__PURE__*/_jsxs(Root, _extends({}, fieldResponse.root, {
       children: [/*#__PURE__*/_jsx(TextField, _extends({
         fullWidth: true

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.mts

@@ -1,10 +1,9 @@
 import type { TypographyProps } from '@mui/material/Typography';
 import type { StackProps } from '@mui/material/Stack';
-import type { TextFieldProps } from '@mui/material/TextField';
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { PickersTextFieldProps } from '@mui/x-date-pickers/PickersTextField';
 import { FieldOwnerState } from '@mui/x-date-pickers/models';
-import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps } from '@mui/x-date-pickers/internals';
+import { PickerManagerFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { FieldType, MultiInputFieldRefs, RangeFieldSeparatorProps, RangePosition } from "../../../models/index.mjs";
 import { PickerAnyRangeManager } from "../../models/managers.mjs";
 export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'fieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
@@ -38,7 +37,7 @@ export interface MultiInputRangeFieldSlots {
   /**
    * Form control with an input to render a date.
    * It is rendered twice: once for the start date and once for the end date.
-   * @default <PickersTextField />, or <TextField /> from '@mui/material' if `enableAccessibleFieldDOMStructure` is `false`.
+   * @default <PickersTextField />
    */
   textField?: React.ElementType;
   /**
@@ -49,7 +48,7 @@ export interface MultiInputRangeFieldSlots {
 }
 export interface MultiInputRangeFieldSlotProps {
   root?: SlotComponentPropsFromProps<StackProps, {}, FieldOwnerState>;
-  textField?: SlotComponentPropsFromProps<PickersTextFieldProps | TextFieldProps, {}, FieldOwnerState & {
+  textField?: SlotComponentPropsFromProps<PickersTextFieldProps, {}, FieldOwnerState & {
     position: RangePosition;
   }>;
   separator?: SlotComponentPropsFromProps<TypographyProps, {}, FieldOwnerState>;
@@ -63,9 +62,7 @@ export interface MultiInputRangeFieldClasses {
 export interface CreateMultiInputRangeFieldParameters<TManager extends PickerAnyRangeManager> {
   name: string;
   getUtilityClass: (slot: string) => string;
-  useManager: (params: RangeFieldSeparatorProps & {
-    enableAccessibleFieldDOMStructure: PickerManagerEnableAccessibleFieldDOMStructure<TManager>;
-  }) => TManager;
+  useManager: (params: RangeFieldSeparatorProps) => TManager;
   allowTriggerShifting?: boolean;
 }
 export type CreateMultiInputRangeFieldReturnValue<TManager extends PickerAnyRangeManager> = ((props: MultiInputRangeFieldProps<TManager> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.ts

@@ -1,10 +1,9 @@
 import type { TypographyProps } from '@mui/material/Typography';
 import type { StackProps } from '@mui/material/Stack';
-import type { TextFieldProps } from '@mui/material/TextField';
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { PickersTextFieldProps } from '@mui/x-date-pickers/PickersTextField';
 import { FieldOwnerState } from '@mui/x-date-pickers/models';
-import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps } from '@mui/x-date-pickers/internals';
+import { PickerManagerFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { FieldType, MultiInputFieldRefs, RangeFieldSeparatorProps, RangePosition } from "../../../models/index.js";
 import { PickerAnyRangeManager } from "../../models/managers.js";
 export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'fieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
@@ -38,7 +37,7 @@ export interface MultiInputRangeFieldSlots {
   /**
    * Form control with an input to render a date.
    * It is rendered twice: once for the start date and once for the end date.
-   * @default <PickersTextField />, or <TextField /> from '@mui/material' if `enableAccessibleFieldDOMStructure` is `false`.
+   * @default <PickersTextField />
    */
   textField?: React.ElementType;
   /**
@@ -49,7 +48,7 @@ export interface MultiInputRangeFieldSlots {
 }
 export interface MultiInputRangeFieldSlotProps {
   root?: SlotComponentPropsFromProps<StackProps, {}, FieldOwnerState>;
-  textField?: SlotComponentPropsFromProps<PickersTextFieldProps | TextFieldProps, {}, FieldOwnerState & {
+  textField?: SlotComponentPropsFromProps<PickersTextFieldProps, {}, FieldOwnerState & {
     position: RangePosition;
   }>;
   separator?: SlotComponentPropsFromProps<TypographyProps, {}, FieldOwnerState>;
@@ -63,9 +62,7 @@ export interface MultiInputRangeFieldClasses {
 export interface CreateMultiInputRangeFieldParameters<TManager extends PickerAnyRangeManager> {
   name: string;
   getUtilityClass: (slot: string) => string;
-  useManager: (params: RangeFieldSeparatorProps & {
-    enableAccessibleFieldDOMStructure: PickerManagerEnableAccessibleFieldDOMStructure<TManager>;
-  }) => TManager;
+  useManager: (params: RangeFieldSeparatorProps) => TManager;
   allowTriggerShifting?: boolean;
 }
 export type CreateMultiInputRangeFieldReturnValue<TManager extends PickerAnyRangeManager> = ((props: MultiInputRangeFieldProps<TManager> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {

package/internals/utils/createMultiInputRangeField/useTextFieldProps.js

@@ -36,18 +36,20 @@ function useTextFieldProps({
       position
     })
   });
-  if (!textFieldProps.InputProps) {
-    textFieldProps.InputProps = {};
+  if (!textFieldProps.slotProps) {
+    textFieldProps.slotProps = {};
   }
+  const inputSlotProps = (0, _extends2.default)({}, textFieldProps.slotProps.input);
   if (pickerContext) {
     if (!allowTriggerShifting) {
       if (position === 'start') {
-        textFieldProps.InputProps.ref = pickerContext.triggerRef;
+        inputSlotProps.ref = pickerContext.triggerRef;
       }
     } else if (rangePositionContext?.rangePosition === position) {
-      textFieldProps.InputProps.ref = pickerContext.triggerRef;
+      inputSlotProps.ref = pickerContext.triggerRef;
     }
   }
-  textFieldProps.InputProps['data-multi-input'] = position;
+  inputSlotProps['data-multi-input'] = position;
+  textFieldProps.slotProps.input = inputSlotProps;
   return textFieldProps;
 }

package/internals/utils/createMultiInputRangeField/useTextFieldProps.mjs

@@ -29,18 +29,20 @@ export function useTextFieldProps({
       position
     })
   });
-  if (!textFieldProps.InputProps) {
-    textFieldProps.InputProps = {};
+  if (!textFieldProps.slotProps) {
+    textFieldProps.slotProps = {};
   }
+  const inputSlotProps = _extends({}, textFieldProps.slotProps.input);
   if (pickerContext) {
     if (!allowTriggerShifting) {
       if (position === 'start') {
-        textFieldProps.InputProps.ref = pickerContext.triggerRef;
+        inputSlotProps.ref = pickerContext.triggerRef;
       }
     } else if (rangePositionContext?.rangePosition === position) {
-      textFieldProps.InputProps.ref = pickerContext.triggerRef;
+      inputSlotProps.ref = pickerContext.triggerRef;
     }
   }
-  textFieldProps.InputProps['data-multi-input'] = position;
+  inputSlotProps['data-multi-input'] = position;
+  textFieldProps.slotProps.input = inputSlotProps;
   return textFieldProps;
 }

package/internals/utils/valueManagers.js

@@ -80,13 +80,9 @@ const getRangeFieldValueManager = ({
     };
     return [...getSections(start, 'start'), ...getSections(end, 'end')];
   },
-  getV7HiddenInputValueFromSections: sections => {
+  getHiddenInputValueFromSections: sections => {
     const dateRangeSections = (0, _dateFieldsUtils.splitDateRangeSections)(sections);
-    return (0, _internals.createDateStrForV7HiddenInputFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate]);
-  },
-  getV6InputValueFromSections: (sections, localizedDigits, isRtl) => {
-    const dateRangeSections = (0, _dateFieldsUtils.splitDateRangeSections)(sections);
-    return (0, _internals.createDateStrForV6InputFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate], localizedDigits, isRtl);
+    return (0, _internals.createDateStrForHiddenInputFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate]);
   },
   parseValueStr: (valueStr, referenceValue, parseDate) => {
     // TODO: Improve because it would not work if some section have the same separator as the dateSeparator.

package/internals/utils/valueManagers.mjs

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["value", "referenceDate"];
-import { replaceInvalidDateByNull, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections, areDatesEqual, getTodayDate, getDefaultReferenceDate } from '@mui/x-date-pickers/internals';
+import { replaceInvalidDateByNull, createDateStrForHiddenInputFromSections, areDatesEqual, getTodayDate, getDefaultReferenceDate } from '@mui/x-date-pickers/internals';
 import { splitDateRangeSections, removeLastSeparator } from "./date-fields-utils.mjs";
 export const rangeValueManager = {
   emptyValue: [null, null],
@@ -73,13 +73,9 @@ export const getRangeFieldValueManager = ({
     };
     return [...getSections(start, 'start'), ...getSections(end, 'end')];
   },
-  getV7HiddenInputValueFromSections: sections => {
+  getHiddenInputValueFromSections: sections => {
     const dateRangeSections = splitDateRangeSections(sections);
-    return createDateStrForV7HiddenInputFromSections([...dateRangeSections.startDate, ...dateRangeSections.endDate]);
-  },
-  getV6InputValueFromSections: (sections, localizedDigits, isRtl) => {
-    const dateRangeSections = splitDateRangeSections(sections);
-    return createDateStrForV6InputFromSections([...dateRangeSections.startDate, ...dateRangeSections.endDate], localizedDigits, isRtl);
+    return createDateStrForHiddenInputFromSections([...dateRangeSections.startDate, ...dateRangeSections.endDate]);
   },
   parseValueStr: (valueStr, referenceValue, parseDate) => {
     // TODO: Improve because it would not work if some section have the same separator as the dateSeparator.