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

package/TimeField/TimeField.js

@@ -64,6 +64,12 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: _propTypes.default.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.default.bool,
   /**
    * If `true`, the `input` element is focused during the first mount.
    * @default false
@@ -115,9 +121,14 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    */
   disablePast: _propTypes.default.bool,
   /**
-   * @default true
+   * End `InputAdornment` for this component.
    */
-  enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  endAdornment: _propTypes.default.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * @default false
+   */
+  error: _propTypes.default.bool,
   /**
    * The ref object used to imperatively interact with the field.
    */
@@ -159,7 +170,6 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
   hiddenLabel: _propTypes.default.bool,
   /**
    * The id of the `input` element.
-   * Use this prop to make `label` and `helperText` accessible for screen readers.
    */
   id: _propTypes.default.string,
   /**
@@ -226,6 +236,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * Callback fired when the clear button is clicked.
    */
   onClear: _propTypes.default.func,
+  onClick: _propTypes.default.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.
@@ -237,6 +248,9 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    */
   onError: _propTypes.default.func,
   onFocus: _propTypes.default.func,
+  onInput: _propTypes.default.func,
+  onKeyDown: _propTypes.default.func,
+  onPaste: _propTypes.default.func,
   /**
    * Callback fired when the selected sections change.
    * @param {FieldSelectedSections} newValue The new selected sections.
@@ -261,7 +275,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    */
   referenceDate: _propTypes.default.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.default.bool,
@@ -312,6 +326,10 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * @default {}
    */
   slots: _propTypes.default.object,
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: _propTypes.default.node,
   style: _propTypes.default.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/TimeField/TimeField.mjs

@@ -57,6 +57,12 @@ process.env.NODE_ENV !== "production" ? TimeField.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
@@ -108,9 +114,14 @@ process.env.NODE_ENV !== "production" ? TimeField.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.
    */
@@ -152,7 +163,6 @@ process.env.NODE_ENV !== "production" ? TimeField.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,
   /**
@@ -219,6 +229,7 @@ process.env.NODE_ENV !== "production" ? TimeField.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.
@@ -230,6 +241,9 @@ process.env.NODE_ENV !== "production" ? TimeField.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" ? TimeField.propTypes = {
    */
   referenceDate: 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" ? TimeField.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/TimeField/TimeField.types.d.mts

@@ -5,8 +5,8 @@ import { ExportedValidateTimeProps } from "../validation/validateTime.mjs";
 import { AmPmProps } from "../internals/models/props/time.mjs";
 import { PickerValue } from "../internals/models/index.mjs";
 import { ExportedPickerFieldUIProps, PickerFieldUISlotProps, PickerFieldUISlots } from "../internals/components/PickerFieldUI.mjs";
-export interface UseTimeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, TimeValidationError>, 'format'>, ExportedValidateTimeProps, ExportedPickerFieldUIProps, AmPmProps {}
-export type TimeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> = UseTimeFieldProps<TEnableAccessibleFieldDOMStructure> & Omit<BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure>, keyof UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>> & {
+export interface UseTimeFieldProps extends MakeOptional<UseFieldInternalProps<PickerValue, TimeValidationError>, 'format'>, ExportedValidateTimeProps, ExportedPickerFieldUIProps, AmPmProps {}
+export type TimeFieldProps = UseTimeFieldProps & Omit<BuiltInFieldTextFieldProps, keyof UseTimeFieldProps> & {
   /**
    * Overridable component slots.
    * @default {}

package/TimeField/TimeField.types.d.ts

@@ -5,8 +5,8 @@ import { ExportedValidateTimeProps } from "../validation/validateTime.js";
 import { AmPmProps } from "../internals/models/props/time.js";
 import { PickerValue } from "../internals/models/index.js";
 import { ExportedPickerFieldUIProps, PickerFieldUISlotProps, PickerFieldUISlots } from "../internals/components/PickerFieldUI.js";
-export interface UseTimeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, TimeValidationError>, 'format'>, ExportedValidateTimeProps, ExportedPickerFieldUIProps, AmPmProps {}
-export type TimeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> = UseTimeFieldProps<TEnableAccessibleFieldDOMStructure> & Omit<BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure>, keyof UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>> & {
+export interface UseTimeFieldProps extends MakeOptional<UseFieldInternalProps<PickerValue, TimeValidationError>, 'format'>, ExportedValidateTimeProps, ExportedPickerFieldUIProps, AmPmProps {}
+export type TimeFieldProps = UseTimeFieldProps & Omit<BuiltInFieldTextFieldProps, keyof UseTimeFieldProps> & {
   /**
    * Overridable component slots.
    * @default {}

package/TimeField/useTimeField.d.mts

@@ -1,2 +1,2 @@
 import { UseTimeFieldProps } from "./TimeField.types.mjs";
-export declare const useTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals/index.mjs").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useTimeField: <TProps extends UseTimeFieldProps>(props: TProps) => import("../internals/index.mjs").UseFieldReturnValue<TProps>;

package/TimeField/useTimeField.d.ts

@@ -1,2 +1,2 @@
 import { UseTimeFieldProps } from "./TimeField.types.js";
-export declare const useTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useTimeField: <TProps extends UseTimeFieldProps>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TProps>;

package/TimePicker/TimePicker.d.mts

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

package/TimePicker/TimePicker.d.ts

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

package/TimePicker/TimePicker.js

@@ -119,10 +119,6 @@ process.env.NODE_ENV !== "production" ? TimePicker.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/TimePicker/TimePicker.mjs

@@ -112,10 +112,6 @@ process.env.NODE_ENV !== "production" ? TimePicker.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/TimePicker/TimePicker.types.d.mts

@@ -3,8 +3,8 @@ import { BaseSingleInputFieldProps, TimeViewWithMeridiem } from "../internals/mo
 import { MobileTimePickerProps, MobileTimePickerSlots, MobileTimePickerSlotProps } from "../MobileTimePicker/index.mjs";
 import { ValidateTimeProps } from "../validation/validateTime.mjs";
 export interface TimePickerSlots extends DesktopTimePickerSlots, MobileTimePickerSlots {}
-export interface TimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileTimePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface TimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopTimePickerProps<TEnableAccessibleFieldDOMStructure>, Omit<MobileTimePickerProps<TimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure>, 'views'> {
+export interface TimePickerSlotProps extends DesktopTimePickerSlotProps, MobileTimePickerSlotProps {}
+export interface TimePickerProps extends DesktopTimePickerProps, Omit<MobileTimePickerProps<TimeViewWithMeridiem>, 'views'> {
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -20,7 +20,7 @@ export interface TimePickerProps<TEnableAccessibleFieldDOMStructure extends bool
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: TimePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: TimePickerSlotProps;
 }
 /**
  * Props the field can receive when used inside a Time Picker (<TimePicker />, <DesktopTimePicker /> or <MobileTimePicker /> component).

package/TimePicker/TimePicker.types.d.ts

@@ -3,8 +3,8 @@ import { BaseSingleInputFieldProps, TimeViewWithMeridiem } from "../internals/mo
 import { MobileTimePickerProps, MobileTimePickerSlots, MobileTimePickerSlotProps } from "../MobileTimePicker/index.js";
 import { ValidateTimeProps } from "../validation/validateTime.js";
 export interface TimePickerSlots extends DesktopTimePickerSlots, MobileTimePickerSlots {}
-export interface TimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileTimePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface TimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopTimePickerProps<TEnableAccessibleFieldDOMStructure>, Omit<MobileTimePickerProps<TimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure>, 'views'> {
+export interface TimePickerSlotProps extends DesktopTimePickerSlotProps, MobileTimePickerSlotProps {}
+export interface TimePickerProps extends DesktopTimePickerProps, Omit<MobileTimePickerProps<TimeViewWithMeridiem>, 'views'> {
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -20,7 +20,7 @@ export interface TimePickerProps<TEnableAccessibleFieldDOMStructure extends bool
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: TimePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: TimePickerSlotProps;
 }
 /**
  * Props the field can receive when used inside a Time Picker (<TimePicker />, <DesktopTimePicker /> or <MobileTimePicker /> component).

package/YearCalendar/YearCalendarButton.js

@@ -45,10 +45,10 @@ const DefaultYearButton = (0, _styles.styled)('button', {
   borderRadius: 18,
   cursor: 'pointer',
   '&:focus': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.focusOpacity})` : (0, _styles.alpha)(theme.palette.action.active, theme.palette.action.focusOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.focusOpacity)
   },
   '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _styles.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)
   },
   '&:disabled': {
     cursor: 'auto',

package/YearCalendar/YearCalendarButton.mjs

@@ -4,7 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["autoFocus", "classes", "disabled", "selected", "value", "onClick", "onKeyDown", "onFocus", "onBlur", "slots", "slotProps"];
 import * as React from 'react';
-import { styled, alpha } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
 import useSlotProps from '@mui/utils/useSlotProps';
 import composeClasses from '@mui/utils/composeClasses';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
@@ -38,10 +38,10 @@ const DefaultYearButton = styled('button', {
   borderRadius: 18,
   cursor: 'pointer',
   '&:focus': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.action.active, theme.palette.action.focusOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.focusOpacity)
   },
   '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)
   },
   '&:disabled': {
     cursor: 'auto',

package/hooks/useParsedFormat.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useParsedFormat = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _RtlProvider = require("@mui/system/RtlProvider");
 var _usePickerAdapter = require("./usePickerAdapter");
 var _buildSectionsFromFormat = require("../internals/hooks/useField/buildSectionsFromFormat");
 var _useField = require("../internals/hooks/useField/useField.utils");
@@ -23,7 +22,6 @@ var _useNullablePickerContext = require("../internals/hooks/useNullablePickerCon
 const useParsedFormat = (parameters = {}) => {
   const pickerContext = (0, _useNullablePickerContext.useNullablePickerContext)();
   const adapter = (0, _usePickerAdapter.usePickerAdapter)();
-  const isRtl = (0, _RtlProvider.useRtl)();
   const translations = (0, _usePickerTranslations.usePickerTranslations)();
   const localizedDigits = React.useMemo(() => (0, _useField.getLocalizedDigits)(adapter), [adapter]);
   const {
@@ -34,15 +32,15 @@ const useParsedFormat = (parameters = {}) => {
       adapter,
       format,
       formatDensity: 'dense',
-      isRtl,
+      // Pass `isRtl: false` to prevent RTL format reversal.
+      // `useParsedFormat` builds a display string, not a field layout.
+      isRtl: false,
       shouldRespectLeadingZeros: true,
       localeText: translations,
       localizedDigits,
-      date: null,
-      // TODO v9: Make sure we still don't reverse in `buildSectionsFromFormat` when using `useParsedFormat`.
-      enableAccessibleFieldDOMStructure: false
+      date: null
     });
     return sections.map(section => `${section.startSeparator}${section.placeholder}${section.endSeparator}`).join('');
-  }, [adapter, isRtl, translations, localizedDigits, format]);
+  }, [adapter, translations, localizedDigits, format]);
 };
 exports.useParsedFormat = useParsedFormat;

package/hooks/useParsedFormat.mjs

@@ -1,7 +1,6 @@
 'use client';
 
 import * as React from 'react';
-import { useRtl } from '@mui/system/RtlProvider';
 import { usePickerAdapter } from "./usePickerAdapter.mjs";
 import { buildSectionsFromFormat } from "../internals/hooks/useField/buildSectionsFromFormat.mjs";
 import { getLocalizedDigits } from "../internals/hooks/useField/useField.utils.mjs";
@@ -17,7 +16,6 @@ import { useNullablePickerContext } from "../internals/hooks/useNullablePickerCo
 export const useParsedFormat = (parameters = {}) => {
   const pickerContext = useNullablePickerContext();
   const adapter = usePickerAdapter();
-  const isRtl = useRtl();
   const translations = usePickerTranslations();
   const localizedDigits = React.useMemo(() => getLocalizedDigits(adapter), [adapter]);
   const {
@@ -28,14 +26,14 @@ export const useParsedFormat = (parameters = {}) => {
       adapter,
       format,
       formatDensity: 'dense',
-      isRtl,
+      // Pass `isRtl: false` to prevent RTL format reversal.
+      // `useParsedFormat` builds a display string, not a field layout.
+      isRtl: false,
       shouldRespectLeadingZeros: true,
       localeText: translations,
       localizedDigits,
-      date: null,
-      // TODO v9: Make sure we still don't reverse in `buildSectionsFromFormat` when using `useParsedFormat`.
-      enableAccessibleFieldDOMStructure: false
+      date: null
     });
     return sections.map(section => `${section.startSeparator}${section.placeholder}${section.endSeparator}`).join('');
-  }, [adapter, isRtl, translations, localizedDigits, format]);
+  }, [adapter, translations, localizedDigits, format]);
 };

package/hooks/useSplitFieldProps.d.mts

@@ -1,6 +1,6 @@
 import { DATE_TIME_VALIDATION_PROP_NAMES, DATE_VALIDATION_PROP_NAMES, TIME_VALIDATION_PROP_NAMES } from "../validation/extractValidationProps.mjs";
 import { PickerValueType } from "../models/common.mjs";
-declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "fieldRef", "startFieldRef", "endFieldRef", "enableAccessibleFieldDOMStructure", "disabled", "readOnly", "dateSeparator", "autoFocus", "focused"];
+declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "fieldRef", "startFieldRef", "endFieldRef", "disabled", "readOnly", "dateSeparator", "autoFocus", "focused"];
 export type InternalPropNames<TValueType extends PickerValueType> = (typeof SHARED_FIELD_INTERNAL_PROP_NAMES)[number] | (TValueType extends 'date' | 'date-time' ? (typeof DATE_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'time' | 'date-time' ? (typeof TIME_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'date-time' ? (typeof DATE_TIME_VALIDATION_PROP_NAMES)[number] : never);
 /**
  * Split the props received by the field component into:

package/hooks/useSplitFieldProps.d.ts

@@ -1,6 +1,6 @@
 import { DATE_TIME_VALIDATION_PROP_NAMES, DATE_VALIDATION_PROP_NAMES, TIME_VALIDATION_PROP_NAMES } from "../validation/extractValidationProps.js";
 import { PickerValueType } from "../models/common.js";
-declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "fieldRef", "startFieldRef", "endFieldRef", "enableAccessibleFieldDOMStructure", "disabled", "readOnly", "dateSeparator", "autoFocus", "focused"];
+declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "fieldRef", "startFieldRef", "endFieldRef", "disabled", "readOnly", "dateSeparator", "autoFocus", "focused"];
 export type InternalPropNames<TValueType extends PickerValueType> = (typeof SHARED_FIELD_INTERNAL_PROP_NAMES)[number] | (TValueType extends 'date' | 'date-time' ? (typeof DATE_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'time' | 'date-time' ? (typeof TIME_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'date-time' ? (typeof DATE_TIME_VALIDATION_PROP_NAMES)[number] : never);
 /**
  * Split the props received by the field component into:

package/hooks/useSplitFieldProps.js

@@ -10,7 +10,7 @@ exports.useSplitFieldProps = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _extractValidationProps = require("../validation/extractValidationProps");
-const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'fieldRef', 'startFieldRef', 'endFieldRef', 'enableAccessibleFieldDOMStructure', 'disabled', 'readOnly', 'dateSeparator', 'autoFocus', 'focused'];
+const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'fieldRef', 'startFieldRef', 'endFieldRef', 'disabled', 'readOnly', 'dateSeparator', 'autoFocus', 'focused'];
 /**
  * Split the props received by the field component into:
  * - `internalProps` which are used by the various hooks called by the field component.

package/hooks/useSplitFieldProps.mjs

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { DATE_TIME_VALIDATION_PROP_NAMES, DATE_VALIDATION_PROP_NAMES, TIME_VALIDATION_PROP_NAMES } from "../validation/extractValidationProps.mjs";
-const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'fieldRef', 'startFieldRef', 'endFieldRef', 'enableAccessibleFieldDOMStructure', 'disabled', 'readOnly', 'dateSeparator', 'autoFocus', 'focused'];
+const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'fieldRef', 'startFieldRef', 'endFieldRef', 'disabled', 'readOnly', 'dateSeparator', 'autoFocus', 'focused'];
 /**
  * Split the props received by the field component into:
  * - `internalProps` which are used by the various hooks called by the field component.

package/index.d.mts

@@ -2,8 +2,7 @@ export * from "./TimeClock/index.mjs";
 export * from "./DigitalClock/index.mjs";
 export * from "./MultiSectionDigitalClock/index.mjs";
 export * from "./LocalizationProvider/index.mjs";
-export * from "./PickersDay/index.mjs";
-export * from "./PickerDay2/index.mjs";
+export * from "./PickerDay/index.mjs";
 export * from "./locales/utils/pickersLocaleTextApi.mjs";
 export * from "./DateField/index.mjs";
 export * from "./TimeField/index.mjs";

package/index.d.ts

@@ -2,8 +2,7 @@ export * from "./TimeClock/index.js";
 export * from "./DigitalClock/index.js";
 export * from "./MultiSectionDigitalClock/index.js";
 export * from "./LocalizationProvider/index.js";
-export * from "./PickersDay/index.js";
-export * from "./PickerDay2/index.js";
+export * from "./PickerDay/index.js";
 export * from "./locales/utils/pickersLocaleTextApi.js";
 export * from "./DateField/index.js";
 export * from "./TimeField/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.0.0-alpha.4
+ * @mui/x-date-pickers v9.0.0-rc.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -67,19 +67,7 @@ Object.keys(_LocalizationProvider).forEach(function (key) {
     }
   });
 });
-var _PickersDay = require("./PickersDay");
-Object.keys(_PickersDay).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PickersDay[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PickersDay[key];
-    }
-  });
-});
-var _PickerDay = require("./PickerDay2");
+var _PickerDay = require("./PickerDay");
 Object.keys(_PickerDay).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.0.0-alpha.4
+ * @mui/x-date-pickers v9.0.0-rc.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -10,8 +10,7 @@ export * from "./TimeClock/index.mjs";
 export * from "./DigitalClock/index.mjs";
 export * from "./MultiSectionDigitalClock/index.mjs";
 export * from "./LocalizationProvider/index.mjs";
-export * from "./PickersDay/index.mjs";
-export * from "./PickerDay2/index.mjs";
+export * from "./PickerDay/index.mjs";
 export * from "./locales/utils/pickersLocaleTextApi.mjs";
 
 // Fields

package/internals/components/PickerFieldUI.d.mts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { TextFieldProps } from '@mui/material/TextField';
 import { IconButtonProps } from '@mui/material/IconButton';
 import { InputAdornmentProps } from '@mui/material/InputAdornment';
 import { SvgIconProps } from '@mui/material/SvgIcon';
@@ -8,21 +7,25 @@ import { FieldOwnerState } from "../../models/index.mjs";
 import { UseFieldOwnerStateParameters } from "../hooks/useFieldOwnerState.mjs";
 import type { UseFieldReturnValue, UseFieldProps } from "../hooks/useField/index.mjs";
 import { PickersTextFieldProps } from "../../PickersTextField/index.mjs";
-export declare const cleanFieldResponse: <TFieldResponse extends MakeOptional<UseFieldReturnValue<any, ExportedPickerFieldUIProps & {
+export declare const cleanFieldResponse: <TFieldResponse extends MakeOptional<UseFieldReturnValue<ExportedPickerFieldUIProps & {
   [key: string]: any;
-}>, "onClear" | "clearable">>({
-  enableAccessibleFieldDOMStructure,
-  ...fieldResponse
-}: TFieldResponse) => ExportedPickerFieldUIProps & {
+}>, "onClear" | "clearable">>(fieldResponse: TFieldResponse) => ExportedPickerFieldUIProps & {
   openPickerAriaLabel: string;
-  textFieldProps: TextFieldProps | PickersTextFieldProps;
+  textFieldProps: Partial<PickersTextFieldProps> & {
+    inputProps?: Record<string, any>;
+    InputProps?: Record<string, any>;
+    slotProps?: {
+      input?: Record<string, any>;
+      htmlInput?: Record<string, any>;
+    };
+  };
 };
 export declare const PickerFieldUIContext: React.Context<PickerFieldUIContextValue>;
 /**
  * Adds the button to open the Picker and the button to clear the value of the field.
  * @ignore - internal component.
  */
-export declare function PickerFieldUI<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>>(props: PickerFieldUIProps<TEnableAccessibleFieldDOMStructure, TProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PickerFieldUI<TProps extends UseFieldProps>(props: PickerFieldUIProps<TProps>): import("react/jsx-runtime").JSX.Element;
 export interface ExportedPickerFieldUIProps {
   /**
    * If `true`, a clear button will be shown in the field allowing value clearing.
@@ -46,11 +49,11 @@ export interface ExportedPickerFieldUIProps {
    */
   openPickerButtonPosition?: 'start' | 'end';
 }
-export interface PickerFieldUIProps<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>> {
+export interface PickerFieldUIProps<TProps extends UseFieldProps> {
   /**
    * Object returned by the `useField` hook or one of its wrapper (for example `useDateField`).
    */
-  fieldResponse: UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+  fieldResponse: UseFieldReturnValue<TProps>;
   /**
    * The component to use to render the Picker opening icon if none is provided in the Picker's slots.
    */
@@ -59,7 +62,7 @@ export interface PickerFieldUIProps<TEnableAccessibleFieldDOMStructure extends b
 export interface PickerFieldUISlots {
   /**
    * Form control with an input to render the value.
-   * @default <PickersTextField />, or <TextField /> from '@mui/material' if `enableAccessibleFieldDOMStructure` is `false`.
+   * @default <PickersTextField />
    */
   textField?: React.ElementType;
   /**
@@ -90,7 +93,12 @@ export interface PickerFieldUISlotsFromContext extends PickerFieldUISlots {
   openPickerIcon?: React.ElementType;
 }
 export interface PickerFieldUISlotProps {
-  textField?: SlotComponentPropsFromProps<Omit<TextFieldProps, 'onKeyDown'> | PickersTextFieldProps, {}, FieldOwnerState>;
+  textField?: SlotComponentPropsFromProps<PickersTextFieldProps & {
+    slotProps?: {
+      input?: Record<string, any>;
+      htmlInput?: Record<string, any>;
+    };
+  }, {}, FieldOwnerState>;
   inputAdornment?: SlotComponentPropsFromProps<InputAdornmentProps, {}, FieldInputAdornmentOwnerState>;
   clearIcon?: SlotComponentPropsFromProps<SvgIconProps, {}, FieldOwnerState>;
   clearButton?: SlotComponentPropsFromProps<IconButtonProps, {}, FieldOwnerState>;
@@ -111,6 +119,7 @@ export declare function mergeSlotProps<TProps extends {}, TOwnerState extends Fi
 /**
  * The `textField` slot props cannot be handled inside `PickerFieldUI` because it would be a breaking change to not pass the enriched props to `useField`.
  * Once the non-accessible DOM structure will be removed, we will be able to remove the `textField` slot and clean this logic.
+ * TODO: Address with the needed support for the `textField` slotProps given the change of minimum version of MUI.
  */
 export declare function useFieldTextFieldProps<TProps extends UseFieldOwnerStateParameters & {
   inputProps?: {};
@@ -118,7 +127,7 @@ export declare function useFieldTextFieldProps<TProps extends UseFieldOwnerState
 }>(parameters: UseFieldTextFieldPropsParameters): TProps;
 interface UseFieldTextFieldPropsParameters {
   slotProps: {
-    textField?: SlotComponentPropsFromProps<Omit<TextFieldProps, 'onKeyDown'> | PickersTextFieldProps, {}, FieldOwnerState>;
+    textField?: PickerFieldUISlotProps['textField'];
   } | undefined;
   ref: React.Ref<HTMLDivElement>;
   externalForwardedProps: any;