@mui/x-date-pickers-pro 9.0.0-alpha.4 → 9.0.0-rc.0

package/SingleInputTimeRangeField/SingleInputTimeRangeField.mjs

@@ -58,6 +58,12 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: PropTypes.bool,
+  /**
+   * Is `true` if the current values equals the empty value.
+   * For a single item value, it means that `value === null`
+   * For a range value, it means that `value === [null, null]`
+   */
+  areAllSectionsEmpty: PropTypes.bool,
   /**
    * If `true`, the `input` element is focused during the first mount.
    * @default false
@@ -114,9 +120,14 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    */
   disablePast: PropTypes.bool,
   /**
-   * @default true
+   * End `InputAdornment` for this component.
    */
-  enableAccessibleFieldDOMStructure: PropTypes.bool,
+  endAdornment: PropTypes.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * @default false
+   */
+  error: PropTypes.bool,
   /**
    * The ref object used to imperatively interact with the field.
    */
@@ -158,7 +169,6 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   hiddenLabel: PropTypes.bool,
   /**
    * The id of the `input` element.
-   * Use this prop to make `label` and `helperText` accessible for screen readers.
    */
   id: PropTypes.string,
   /**
@@ -225,6 +235,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * Callback fired when the clear button is clicked.
    */
   onClear: PropTypes.func,
+  onClick: PropTypes.func,
   /**
    * Callback fired when the error associated with the current value changes.
    * When a validation error is detected, the `error` parameter contains a non-null value.
@@ -236,6 +247,9 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    */
   onError: PropTypes.func,
   onFocus: PropTypes.func,
+  onInput: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onPaste: PropTypes.func,
   /**
    * Callback fired when the selected sections change.
    * @param {FieldSelectedSections} newValue The new selected sections.
@@ -254,7 +268,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    */
   referenceDate: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]),
   /**
-   * If `true`, the label is displayed as required and the `input` element is required.
+   * If `true`, the label will indicate that the `input` is required.
    * @default false
    */
   required: PropTypes.bool,
@@ -305,6 +319,10 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default {}
    */
   slots: PropTypes.object,
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: PropTypes.node,
   style: PropTypes.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.mts

@@ -1,8 +1,8 @@
 import { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps } from '@mui/x-date-pickers/internals';
 import { BuiltInFieldTextFieldProps } from '@mui/x-date-pickers/models';
 import { TimeRangeManagerFieldInternalProps } from "../managers/useTimeRangeManager.mjs";
-export interface UseSingleInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends TimeRangeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>, Omit<ExportedPickerFieldUIProps, 'openPickerButtonPosition'> {}
-export type SingleInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> = Omit<BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure>, keyof UseSingleInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>> & UseSingleInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
+export interface UseSingleInputTimeRangeFieldProps extends TimeRangeManagerFieldInternalProps, Omit<ExportedPickerFieldUIProps, 'openPickerButtonPosition'> {}
+export type SingleInputTimeRangeFieldProps = Omit<BuiltInFieldTextFieldProps, keyof UseSingleInputTimeRangeFieldProps> & UseSingleInputTimeRangeFieldProps & {
   /**
    * Overridable component slots.
    * @default {}

package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts

@@ -1,8 +1,8 @@
 import { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps } from '@mui/x-date-pickers/internals';
 import { BuiltInFieldTextFieldProps } from '@mui/x-date-pickers/models';
 import { TimeRangeManagerFieldInternalProps } from "../managers/useTimeRangeManager.js";
-export interface UseSingleInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends TimeRangeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>, Omit<ExportedPickerFieldUIProps, 'openPickerButtonPosition'> {}
-export type SingleInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> = Omit<BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure>, keyof UseSingleInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>> & UseSingleInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
+export interface UseSingleInputTimeRangeFieldProps extends TimeRangeManagerFieldInternalProps, Omit<ExportedPickerFieldUIProps, 'openPickerButtonPosition'> {}
+export type SingleInputTimeRangeFieldProps = Omit<BuiltInFieldTextFieldProps, keyof UseSingleInputTimeRangeFieldProps> & UseSingleInputTimeRangeFieldProps & {
   /**
    * Overridable component slots.
    * @default {}

package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.mts

@@ -1,2 +1,2 @@
 import { UseSingleInputTimeRangeFieldProps } from "./SingleInputTimeRangeField.types.mjs";
-export declare const useSingleInputTimeRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseSingleInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("@mui/x-date-pickers/internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useSingleInputTimeRangeField: <TProps extends UseSingleInputTimeRangeFieldProps>(props: TProps) => import("@mui/x-date-pickers/internals").UseFieldReturnValue<TProps>;

package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts

@@ -1,2 +1,2 @@
 import { UseSingleInputTimeRangeFieldProps } from "./SingleInputTimeRangeField.types.js";
-export declare const useSingleInputTimeRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseSingleInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("@mui/x-date-pickers/internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useSingleInputTimeRangeField: <TProps extends UseSingleInputTimeRangeFieldProps>(props: TProps) => import("@mui/x-date-pickers/internals").UseFieldReturnValue<TProps>;

package/StaticDateRangePicker/StaticDateRangePicker.js

@@ -121,7 +121,7 @@ StaticDateRangePicker.propTypes = {
    */
   disableFuture: _propTypes.default.bool,
   /**
-   * If `true`, today's date is rendering without highlighting with circle.
+   * If `true`, today's day is not highlighted.
    * @default false
    */
   disableHighlightToday: _propTypes.default.bool,

package/StaticDateRangePicker/StaticDateRangePicker.mjs

@@ -114,7 +114,7 @@ StaticDateRangePicker.propTypes = {
    */
   disableFuture: PropTypes.bool,
   /**
-   * If `true`, today's date is rendering without highlighting with circle.
+   * If `true`, today's day is not highlighted.
    * @default false
    */
   disableHighlightToday: PropTypes.bool,

package/TimeRangePicker/TimeRangePicker.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TimeRangePickerProps } from "./TimeRangePicker.types.mjs";
-type TimePickerComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: TimeRangePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+type TimePickerComponent = ((props: TimeRangePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };
 /**

package/TimeRangePicker/TimeRangePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TimeRangePickerProps } from "./TimeRangePicker.types.js";
-type TimePickerComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: TimeRangePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+type TimePickerComponent = ((props: TimeRangePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };
 /**

package/TimeRangePicker/TimeRangePicker.js

@@ -120,10 +120,6 @@ process.env.NODE_ENV !== "production" ? TimeRangePicker.propTypes = {
    * @default false
    */
   disablePast: _propTypes.default.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: _propTypes.default.any,
   /**
    * Format of the date when rendered in the input(s).
    * Defaults to localized format based on the used `views`.

package/TimeRangePicker/TimeRangePicker.mjs

@@ -113,10 +113,6 @@ process.env.NODE_ENV !== "production" ? TimeRangePicker.propTypes = {
    * @default false
    */
   disablePast: PropTypes.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: PropTypes.any,
   /**
    * Format of the date when rendered in the input(s).
    * Defaults to localized format based on the used `views`.

package/TimeRangePicker/TimeRangePicker.types.d.mts

@@ -1,8 +1,8 @@
 import { DesktopTimeRangePickerProps, DesktopTimeRangePickerSlots, DesktopTimeRangePickerSlotProps } from "../DesktopTimeRangePicker/index.mjs";
 import { MobileTimeRangePickerProps, MobileTimeRangePickerSlots, MobileTimeRangePickerSlotProps } from "../MobileTimeRangePicker/index.mjs";
 export interface TimeRangePickerSlots extends DesktopTimeRangePickerSlots, MobileTimeRangePickerSlots {}
-export interface TimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface TimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopTimeRangePickerProps<TEnableAccessibleFieldDOMStructure>, Omit<MobileTimeRangePickerProps<TEnableAccessibleFieldDOMStructure>, 'views'> {
+export interface TimeRangePickerSlotProps extends DesktopTimeRangePickerSlotProps, MobileTimeRangePickerSlotProps {}
+export interface TimeRangePickerProps extends DesktopTimeRangePickerProps, Omit<MobileTimeRangePickerProps, 'views'> {
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -18,5 +18,5 @@ export interface TimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: TimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: TimeRangePickerSlotProps;
 }

package/TimeRangePicker/TimeRangePicker.types.d.ts

@@ -1,8 +1,8 @@
 import { DesktopTimeRangePickerProps, DesktopTimeRangePickerSlots, DesktopTimeRangePickerSlotProps } from "../DesktopTimeRangePicker/index.js";
 import { MobileTimeRangePickerProps, MobileTimeRangePickerSlots, MobileTimeRangePickerSlotProps } from "../MobileTimeRangePicker/index.js";
 export interface TimeRangePickerSlots extends DesktopTimeRangePickerSlots, MobileTimeRangePickerSlots {}
-export interface TimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface TimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopTimeRangePickerProps<TEnableAccessibleFieldDOMStructure>, Omit<MobileTimeRangePickerProps<TEnableAccessibleFieldDOMStructure>, 'views'> {
+export interface TimeRangePickerSlotProps extends DesktopTimeRangePickerSlotProps, MobileTimeRangePickerSlotProps {}
+export interface TimeRangePickerProps extends DesktopTimeRangePickerProps, Omit<MobileTimeRangePickerProps, 'views'> {
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -18,5 +18,5 @@ export interface TimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: TimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: TimeRangePickerSlotProps;
 }

package/hooks/useMultiInputRangeField/useMultiInputRangeField.d.mts

@@ -1,4 +1,4 @@
-import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps, UseFieldReturnValue } from '@mui/x-date-pickers/internals';
+import { PickerManagerFieldInternalProps, UseFieldReturnValue } from '@mui/x-date-pickers/internals';
 import { UseTextFieldBaseForwardedProps } from "./useTextFieldProps.mjs";
 import { PickerAnyRangeManager } from "../../internals/models/managers.mjs";
 import { UseMultiInputRangeFieldRootPropsReturnValue } from "./useMultiInputRangeFieldRootProps.mjs";
@@ -32,16 +32,16 @@ import { UseMultiInputRangeFieldRootPropsReturnValue } from "./useMultiInputRang
  * }
  * ```
  *
- * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps>} parameters The parameters of the hook.
+ * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>} parameters The parameters of the hook.
  * @param {TManager} parameters.manager The manager of the field.
  * @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
  * @param {TTextFieldProps} parameters.startForwardedProps The forwarded props of the start field.
  * @param {TTextFieldProps} parameters.endForwardedProps The forwarded props of the end field.
- * @returns {UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps>} The props to pass to the start and the end components.
+ * @returns {UseMultiInputRangeFieldReturnValue<TTextFieldProps, TRootProps>} The props to pass to the start and the end components.
  */
 export declare function useMultiInputRangeField<TManager extends PickerAnyRangeManager, TTextFieldProps extends UseTextFieldBaseForwardedProps, TRootProps extends {
   [key: string]: any;
-}>(parameters: UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>): UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps, TRootProps>;
+}>(parameters: UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>): UseMultiInputRangeFieldReturnValue<TTextFieldProps, TRootProps>;
 interface UseMultiInputRangeFieldParameters<TManager extends PickerAnyRangeManager, TTextFieldProps extends {
   [key: string]: any;
 }, TRootProps extends {
@@ -53,17 +53,16 @@ interface UseMultiInputRangeFieldParameters<TManager extends PickerAnyRangeManag
   startTextFieldProps: TTextFieldProps;
   endTextFieldProps: TTextFieldProps;
 }
-interface UseMultiInputRangeFieldReturnValue<TManager extends PickerAnyRangeManager, TTextFieldProps extends {
+interface UseMultiInputRangeFieldReturnValue<TTextFieldProps extends {
   [key: string]: any;
 }, TRootProps extends {
   [key: string]: any;
 }> {
   root: UseMultiInputRangeFieldRootPropsReturnValue<TRootProps>;
-  startTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
-  endTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
-  enableAccessibleFieldDOMStructure: PickerManagerEnableAccessibleFieldDOMStructure<TManager>;
+  startTextField: UseMultiInputRangeFieldTextFieldProps<TTextFieldProps>;
+  endTextField: UseMultiInputRangeFieldTextFieldProps<TTextFieldProps>;
 }
-export type UseMultiInputRangeFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean, TForwardedProps extends UseTextFieldBaseForwardedProps> = Omit<UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TForwardedProps & {
+export type UseMultiInputRangeFieldTextFieldProps<TForwardedProps extends UseTextFieldBaseForwardedProps = UseTextFieldBaseForwardedProps> = Omit<UseFieldReturnValue<TForwardedProps & {
   onKeyDown: React.KeyboardEventHandler;
   onClick: React.MouseEventHandler;
   onFocus: React.FocusEventHandler;

package/hooks/useMultiInputRangeField/useMultiInputRangeField.d.ts

@@ -1,4 +1,4 @@
-import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps, UseFieldReturnValue } from '@mui/x-date-pickers/internals';
+import { PickerManagerFieldInternalProps, UseFieldReturnValue } from '@mui/x-date-pickers/internals';
 import { UseTextFieldBaseForwardedProps } from "./useTextFieldProps.js";
 import { PickerAnyRangeManager } from "../../internals/models/managers.js";
 import { UseMultiInputRangeFieldRootPropsReturnValue } from "./useMultiInputRangeFieldRootProps.js";
@@ -32,16 +32,16 @@ import { UseMultiInputRangeFieldRootPropsReturnValue } from "./useMultiInputRang
  * }
  * ```
  *
- * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps>} parameters The parameters of the hook.
+ * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>} parameters The parameters of the hook.
  * @param {TManager} parameters.manager The manager of the field.
  * @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
  * @param {TTextFieldProps} parameters.startForwardedProps The forwarded props of the start field.
  * @param {TTextFieldProps} parameters.endForwardedProps The forwarded props of the end field.
- * @returns {UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps>} The props to pass to the start and the end components.
+ * @returns {UseMultiInputRangeFieldReturnValue<TTextFieldProps, TRootProps>} The props to pass to the start and the end components.
  */
 export declare function useMultiInputRangeField<TManager extends PickerAnyRangeManager, TTextFieldProps extends UseTextFieldBaseForwardedProps, TRootProps extends {
   [key: string]: any;
-}>(parameters: UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>): UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps, TRootProps>;
+}>(parameters: UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>): UseMultiInputRangeFieldReturnValue<TTextFieldProps, TRootProps>;
 interface UseMultiInputRangeFieldParameters<TManager extends PickerAnyRangeManager, TTextFieldProps extends {
   [key: string]: any;
 }, TRootProps extends {
@@ -53,17 +53,16 @@ interface UseMultiInputRangeFieldParameters<TManager extends PickerAnyRangeManag
   startTextFieldProps: TTextFieldProps;
   endTextFieldProps: TTextFieldProps;
 }
-interface UseMultiInputRangeFieldReturnValue<TManager extends PickerAnyRangeManager, TTextFieldProps extends {
+interface UseMultiInputRangeFieldReturnValue<TTextFieldProps extends {
   [key: string]: any;
 }, TRootProps extends {
   [key: string]: any;
 }> {
   root: UseMultiInputRangeFieldRootPropsReturnValue<TRootProps>;
-  startTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
-  endTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
-  enableAccessibleFieldDOMStructure: PickerManagerEnableAccessibleFieldDOMStructure<TManager>;
+  startTextField: UseMultiInputRangeFieldTextFieldProps<TTextFieldProps>;
+  endTextField: UseMultiInputRangeFieldTextFieldProps<TTextFieldProps>;
 }
-export type UseMultiInputRangeFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean, TForwardedProps extends UseTextFieldBaseForwardedProps> = Omit<UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TForwardedProps & {
+export type UseMultiInputRangeFieldTextFieldProps<TForwardedProps extends UseTextFieldBaseForwardedProps = UseTextFieldBaseForwardedProps> = Omit<UseFieldReturnValue<TForwardedProps & {
   onKeyDown: React.KeyboardEventHandler;
   onClick: React.MouseEventHandler;
   onFocus: React.FocusEventHandler;

package/hooks/useMultiInputRangeField/useMultiInputRangeField.js

@@ -40,12 +40,12 @@ var _useMultiInputRangeFieldRootProps = require("./useMultiInputRangeFieldRootPr
  * }
  * ```
  *
- * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps>} parameters The parameters of the hook.
+ * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>} parameters The parameters of the hook.
  * @param {TManager} parameters.manager The manager of the field.
  * @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
  * @param {TTextFieldProps} parameters.startForwardedProps The forwarded props of the start field.
  * @param {TTextFieldProps} parameters.endForwardedProps The forwarded props of the end field.
- * @returns {UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps>} The props to pass to the start and the end components.
+ * @returns {UseMultiInputRangeFieldReturnValue<TTextFieldProps, TRootProps>} The props to pass to the start and the end components.
  */
 function useMultiInputRangeField(parameters) {
   const {
@@ -71,7 +71,6 @@ function useMultiInputRangeField(parameters) {
     selectedSections,
     onSelectedSectionsChange,
     timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
     autoFocus,
     referenceDate,
     startFieldRef,
@@ -109,8 +108,7 @@ function useMultiInputRangeField(parameters) {
     timezone,
     format,
     formatDensity,
-    shouldRespectLeadingZeros,
-    enableAccessibleFieldDOMStructure
+    shouldRespectLeadingZeros
   };
   const rootResponse = (0, _useMultiInputRangeFieldRootProps.useMultiInputRangeFieldRootProps)(rootProps);
   const startTextFieldResponse = (0, _useTextFieldProps.useTextFieldProps)({
@@ -138,7 +136,6 @@ function useMultiInputRangeField(parameters) {
   return {
     root: rootResponse,
     startTextField: startTextFieldResponse,
-    endTextField: endTextFieldResponse,
-    enableAccessibleFieldDOMStructure
+    endTextField: endTextFieldResponse
   };
 }

package/hooks/useMultiInputRangeField/useMultiInputRangeField.mjs

@@ -36,12 +36,12 @@ import { useMultiInputRangeFieldRootProps } from "./useMultiInputRangeFieldRootP
  * }
  * ```
  *
- * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps>} parameters The parameters of the hook.
+ * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>} parameters The parameters of the hook.
  * @param {TManager} parameters.manager The manager of the field.
  * @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
  * @param {TTextFieldProps} parameters.startForwardedProps The forwarded props of the start field.
  * @param {TTextFieldProps} parameters.endForwardedProps The forwarded props of the end field.
- * @returns {UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps>} The props to pass to the start and the end components.
+ * @returns {UseMultiInputRangeFieldReturnValue<TTextFieldProps, TRootProps>} The props to pass to the start and the end components.
  */
 export function useMultiInputRangeField(parameters) {
   const {
@@ -67,7 +67,6 @@ export function useMultiInputRangeField(parameters) {
     selectedSections,
     onSelectedSectionsChange,
     timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
     autoFocus,
     referenceDate,
     startFieldRef,
@@ -105,8 +104,7 @@ export function useMultiInputRangeField(parameters) {
     timezone,
     format,
     formatDensity,
-    shouldRespectLeadingZeros,
-    enableAccessibleFieldDOMStructure
+    shouldRespectLeadingZeros
   };
   const rootResponse = useMultiInputRangeFieldRootProps(rootProps);
   const startTextFieldResponse = useTextFieldProps({
@@ -134,7 +132,6 @@ export function useMultiInputRangeField(parameters) {
   return {
     root: rootResponse,
     startTextField: startTextFieldResponse,
-    endTextField: endTextFieldResponse,
-    enableAccessibleFieldDOMStructure
+    endTextField: endTextFieldResponse
   };
 }

package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { PickerRangeValue, PickerValue, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
 import { MultiInputFieldRefs } from "../../models/index.mjs";
-interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
+interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
 export interface UseMultiInputFieldSelectedSectionsResponseItem {
   /**
    * The ref object used to imperatively interact with the field.

package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { PickerRangeValue, PickerValue, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
 import { MultiInputFieldRefs } from "../../models/index.js";
-interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
+interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
 export interface UseMultiInputFieldSelectedSectionsResponseItem {
   /**
    * The ref object used to imperatively interact with the field.

package/hooks/useMultiInputRangeField/useTextFieldProps.d.mts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { UseValidationReturnValue } from '@mui/x-date-pickers/validation';
 import { PickerValueType } from '@mui/x-date-pickers/models';
-import { FieldChangeHandler, PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerError, PickerRangeValue, PickerValue, RangePosition, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
+import { FieldChangeHandler, PickerManagerError, PickerRangeValue, PickerValue, RangePosition, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { PickerAnyRangeManager } from "../../internals/models/managers.mjs";
 import { UseMultiInputFieldSelectedSectionsResponseItem } from "./useMultiInputRangeFieldSelectedSections.mjs";
 import type { UseMultiInputRangeFieldTextFieldProps } from "./useMultiInputRangeField.mjs";
 /**
  * @ignore - internal hook.
  */
-export declare function useTextFieldProps<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps>(parameters: UseTextFieldPropsParameters<TManager, TForwardedProps>): UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TForwardedProps>;
+export declare function useTextFieldProps<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps>(parameters: UseTextFieldPropsParameters<TManager, TForwardedProps>): UseMultiInputRangeFieldTextFieldProps<TForwardedProps>;
 interface UseTextFieldPropsParameters<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps> {
   valueType: PickerValueType;
   value: PickerRangeValue;
@@ -26,5 +26,5 @@ export interface UseTextFieldBaseForwardedProps {
   onFocus?: React.FocusEventHandler;
   [key: string]: any;
 }
-interface UseTextFieldSharedInternalProps<TManager extends PickerAnyRangeManager> extends Pick<UseFieldInternalProps<PickerValue, PickerManagerEnableAccessibleFieldDOMStructure<TManager>, PickerManagerError<TManager>>, 'enableAccessibleFieldDOMStructure' | 'disabled' | 'readOnly' | 'timezone' | 'format' | 'formatDensity' | 'shouldRespectLeadingZeros'> {}
+interface UseTextFieldSharedInternalProps<TManager extends PickerAnyRangeManager> extends Pick<UseFieldInternalProps<PickerValue, PickerManagerError<TManager>>, 'disabled' | 'readOnly' | 'timezone' | 'format' | 'formatDensity' | 'shouldRespectLeadingZeros'> {}
 export {};

package/hooks/useMultiInputRangeField/useTextFieldProps.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { UseValidationReturnValue } from '@mui/x-date-pickers/validation';
 import { PickerValueType } from '@mui/x-date-pickers/models';
-import { FieldChangeHandler, PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerError, PickerRangeValue, PickerValue, RangePosition, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
+import { FieldChangeHandler, PickerManagerError, PickerRangeValue, PickerValue, RangePosition, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { PickerAnyRangeManager } from "../../internals/models/managers.js";
 import { UseMultiInputFieldSelectedSectionsResponseItem } from "./useMultiInputRangeFieldSelectedSections.js";
 import type { UseMultiInputRangeFieldTextFieldProps } from "./useMultiInputRangeField.js";
 /**
  * @ignore - internal hook.
  */
-export declare function useTextFieldProps<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps>(parameters: UseTextFieldPropsParameters<TManager, TForwardedProps>): UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TForwardedProps>;
+export declare function useTextFieldProps<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps>(parameters: UseTextFieldPropsParameters<TManager, TForwardedProps>): UseMultiInputRangeFieldTextFieldProps<TForwardedProps>;
 interface UseTextFieldPropsParameters<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps> {
   valueType: PickerValueType;
   value: PickerRangeValue;
@@ -26,5 +26,5 @@ export interface UseTextFieldBaseForwardedProps {
   onFocus?: React.FocusEventHandler;
   [key: string]: any;
 }
-interface UseTextFieldSharedInternalProps<TManager extends PickerAnyRangeManager> extends Pick<UseFieldInternalProps<PickerValue, PickerManagerEnableAccessibleFieldDOMStructure<TManager>, PickerManagerError<TManager>>, 'enableAccessibleFieldDOMStructure' | 'disabled' | 'readOnly' | 'timezone' | 'format' | 'formatDensity' | 'shouldRespectLeadingZeros'> {}
+interface UseTextFieldSharedInternalProps<TManager extends PickerAnyRangeManager> extends Pick<UseFieldInternalProps<PickerValue, PickerManagerError<TManager>>, 'disabled' | 'readOnly' | 'timezone' | 'format' | 'formatDensity' | 'shouldRespectLeadingZeros'> {}
 export {};

package/hooks/useMultiInputRangeField/useTextFieldProps.js

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

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-alpha.4
+ * @mui/x-date-pickers-pro v9.0.0-rc.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-alpha.4
+ * @mui/x-date-pickers-pro v9.0.0-rc.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;
 };