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

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
  *
  * @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
  *
  * @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,18 @@ 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>;
 };
 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 +42,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 +55,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 +86,7 @@ export interface PickerFieldUISlotsFromContext extends PickerFieldUISlots {
   openPickerIcon?: React.ElementType;
 }
 export interface PickerFieldUISlotProps {
-  textField?: SlotComponentPropsFromProps<Omit<TextFieldProps, 'onKeyDown'> | PickersTextFieldProps, {}, FieldOwnerState>;
+  textField?: SlotComponentPropsFromProps<PickersTextFieldProps, {}, FieldOwnerState>;
   inputAdornment?: SlotComponentPropsFromProps<InputAdornmentProps, {}, FieldInputAdornmentOwnerState>;
   clearIcon?: SlotComponentPropsFromProps<SvgIconProps, {}, FieldOwnerState>;
   clearButton?: SlotComponentPropsFromProps<IconButtonProps, {}, FieldOwnerState>;
@@ -111,14 +107,12 @@ 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?: {};
-  InputProps?: {};
-}>(parameters: UseFieldTextFieldPropsParameters): TProps;
+export declare function useFieldTextFieldProps<TProps extends UseFieldOwnerStateParameters>(parameters: UseFieldTextFieldPropsParameters): TProps;
 interface UseFieldTextFieldPropsParameters {
   slotProps: {
-    textField?: SlotComponentPropsFromProps<Omit<TextFieldProps, 'onKeyDown'> | PickersTextFieldProps, {}, FieldOwnerState>;
+    textField?: PickerFieldUISlotProps['textField'];
   } | undefined;
   ref: React.Ref<HTMLDivElement>;
   externalForwardedProps: any;

package/internals/components/PickerFieldUI.d.ts

@@ -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,18 @@ import { FieldOwnerState } from "../../models/index.js";
 import { UseFieldOwnerStateParameters } from "../hooks/useFieldOwnerState.js";
 import type { UseFieldReturnValue, UseFieldProps } from "../hooks/useField/index.js";
 import { PickersTextFieldProps } from "../../PickersTextField/index.js";
-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>;
 };
 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 +42,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 +55,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 +86,7 @@ export interface PickerFieldUISlotsFromContext extends PickerFieldUISlots {
   openPickerIcon?: React.ElementType;
 }
 export interface PickerFieldUISlotProps {
-  textField?: SlotComponentPropsFromProps<Omit<TextFieldProps, 'onKeyDown'> | PickersTextFieldProps, {}, FieldOwnerState>;
+  textField?: SlotComponentPropsFromProps<PickersTextFieldProps, {}, FieldOwnerState>;
   inputAdornment?: SlotComponentPropsFromProps<InputAdornmentProps, {}, FieldInputAdornmentOwnerState>;
   clearIcon?: SlotComponentPropsFromProps<SvgIconProps, {}, FieldOwnerState>;
   clearButton?: SlotComponentPropsFromProps<IconButtonProps, {}, FieldOwnerState>;
@@ -111,14 +107,12 @@ 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?: {};
-  InputProps?: {};
-}>(parameters: UseFieldTextFieldPropsParameters): TProps;
+export declare function useFieldTextFieldProps<TProps extends UseFieldOwnerStateParameters>(parameters: UseFieldTextFieldPropsParameters): TProps;
 interface UseFieldTextFieldPropsParameters {
   slotProps: {
-    textField?: SlotComponentPropsFromProps<Omit<TextFieldProps, 'onKeyDown'> | PickersTextFieldProps, {}, FieldOwnerState>;
+    textField?: PickerFieldUISlotProps['textField'];
   } | undefined;
   ref: React.Ref<HTMLDivElement>;
   externalForwardedProps: any;

package/internals/components/PickerFieldUI.js

@@ -18,107 +18,58 @@ var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
-var _version = require("@mui/material/version");
 var _useSlotProps5 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _warning = require("@mui/x-internals/warning");
 var _useFieldOwnerState = require("../hooks/useFieldOwnerState");
 var _hooks = require("../../hooks");
 var _icons = require("../../icons");
 var _useNullablePickerContext = require("../hooks/useNullablePickerContext");
 var _PickersTextField = require("../../PickersTextField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["enableAccessibleFieldDOMStructure"],
-  _excluded2 = ["InputProps", "readOnly", "onClear", "clearable", "clearButtonPosition", "openPickerButtonPosition", "openPickerAriaLabel"],
-  _excluded3 = ["onPaste", "onKeyDown", "inputMode", "readOnly", "InputProps", "inputProps", "inputRef", "onClear", "clearable", "clearButtonPosition", "openPickerButtonPosition", "openPickerAriaLabel"],
+const _excluded = ["readOnly", "onClear", "clearable", "clearButtonPosition", "openPickerButtonPosition", "openPickerAriaLabel", "InputProps", "inputProps", "InputLabelProps", "FormHelperTextProps"],
+  _excluded2 = ["ownerState"],
+  _excluded3 = ["ownerState"],
   _excluded4 = ["ownerState"],
   _excluded5 = ["ownerState"],
-  _excluded6 = ["ownerState"],
-  _excluded7 = ["ownerState"],
-  _excluded8 = ["InputProps", "inputProps"];
-const noop = () => {};
-const cleanFieldResponse = _ref => {
-  let {
-      enableAccessibleFieldDOMStructure
-    } = _ref,
-    fieldResponse = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  if (enableAccessibleFieldDOMStructure) {
-    const {
-        InputProps,
-        readOnly,
-        onClear,
-        clearable,
-        clearButtonPosition,
-        openPickerButtonPosition,
-        openPickerAriaLabel
-      } = fieldResponse,
-      other = (0, _objectWithoutPropertiesLoose2.default)(fieldResponse, _excluded2);
-    const mergedInputProps = _version.major >= 6 && other?.slotProps?.input ? mergeSlotProps(other?.slotProps?.input, InputProps) : noop;
-    return {
-      clearable,
-      onClear,
-      clearButtonPosition,
-      openPickerButtonPosition,
-      openPickerAriaLabel,
-      textFieldProps: (0, _extends2.default)({}, other, _version.major >= 6 && other?.slotProps?.input ? {
-        slotProps: (0, _extends2.default)({}, other?.slotProps, {
-          input: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(mergedInputProps, ownerState), {
-            readOnly
-          })
-        })
-      } : {
-        InputProps: (0, _extends2.default)({}, InputProps ?? {}, {
-          readOnly
-        })
-      })
-    };
-  }
-  const {
-      onPaste,
-      onKeyDown,
-      inputMode,
+  _excluded6 = ["InputProps", "inputProps", "InputLabelProps", "FormHelperTextProps"];
+const cleanFieldResponse = fieldResponse => {
+  const _ref = fieldResponse,
+    {
       readOnly,
-      InputProps,
-      inputProps,
-      inputRef,
       onClear,
       clearable,
       clearButtonPosition,
       openPickerButtonPosition,
-      openPickerAriaLabel
-    } = fieldResponse,
-    other = (0, _objectWithoutPropertiesLoose2.default)(fieldResponse, _excluded3);
-  const mergedInputProps = _version.major >= 6 && other?.slotProps?.input ? mergeSlotProps(other?.slotProps?.input, InputProps) : noop;
-  const mergedHtmlInputProps = _version.major >= 6 && other?.slotProps?.htmlInput ? mergeSlotProps(other?.slotProps?.htmlInput, inputProps) : noop;
+      openPickerAriaLabel,
+      // TODO v10: remove
+      // Explicitly discard legacy props that are no longer supported on `PickersTextField`.
+      // Without this, any leftover values would silently leak into `...other` and end up spread
+      // as unknown attributes on the underlying form control.
+      InputProps: legacyInputProps,
+      inputProps: legacyHtmlInputProps,
+      InputLabelProps: legacyInputLabelProps,
+      FormHelperTextProps: legacyFormHelperTextProps
+    } = _ref,
+    other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  if (process.env.NODE_ENV !== 'production') {
+    if (legacyInputProps || legacyHtmlInputProps || legacyInputLabelProps || legacyFormHelperTextProps) {
+      (0, _warning.warnOnce)(['MUI X: The `InputProps`, `inputProps`, `InputLabelProps` and `FormHelperTextProps` props are no longer supported on Picker / Field components.', 'They have been silently dropped because they would otherwise be forwarded as unknown attributes on the underlying form control.', 'Use the `slotProps` shape instead (`slotProps.input`, `slotProps.htmlInput`, `slotProps.inputLabel`, `slotProps.formHelperText`).', 'See https://mui.com/x/migration/migration-pickers-v8/#textfield-props for migration details.']);
+    }
+  }
   return {
     clearable,
     onClear,
     clearButtonPosition,
     openPickerButtonPosition,
     openPickerAriaLabel,
-    textFieldProps: (0, _extends2.default)({}, other, _version.major >= 6 && (other?.slotProps?.input || other?.slotProps?.htmlInput) ? {
+    textFieldProps: (0, _extends2.default)({}, other, {
       slotProps: (0, _extends2.default)({}, other?.slotProps, {
-        input: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(mergedInputProps, ownerState), {
+        input: (0, _extends2.default)({}, other?.slotProps?.input, {
           readOnly
-        }),
-        htmlInput: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(mergedHtmlInputProps, ownerState), {
-          inputMode,
-          onPaste,
-          onKeyDown,
-          ref: inputRef
         })
       })
-    } : {
-      InputProps: (0, _extends2.default)({}, InputProps ?? {}, {
-        readOnly
-      }),
-      inputProps: (0, _extends2.default)({}, inputProps ?? {}, {
-        inputMode,
-        onPaste,
-        onKeyDown,
-        ref: inputRef
-      })
     })
   };
 };
@@ -159,7 +110,7 @@ function PickerFieldUI(props) {
   const triggerStatus = pickerContext ? pickerContext.triggerStatus : 'hidden';
   const clearButtonPosition = clearable ? clearButtonPositionProp : null;
   const openPickerButtonPosition = triggerStatus !== 'hidden' ? openPickerButtonPositionProp : null;
-  const TextField = pickerFieldUIContext.slots.textField ?? (fieldResponse.enableAccessibleFieldDOMStructure === false ? _TextField.default : _PickersTextField.PickersTextField);
+  const TextField = pickerFieldUIContext.slots.textField ?? _PickersTextField.PickersTextField;
   const InputAdornment = pickerFieldUIContext.slots.inputAdornment ?? _InputAdornment.default;
   const _useSlotProps = (0, _useSlotProps5.default)({
       elementType: InputAdornment,
@@ -171,7 +122,7 @@ function PickerFieldUI(props) {
         position: 'start'
       })
     }),
-    startInputAdornmentProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded4);
+    startInputAdornmentProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const _useSlotProps2 = (0, _useSlotProps5.default)({
       elementType: InputAdornment,
       externalSlotProps: pickerFieldUIContext.slotProps.inputAdornment,
@@ -182,7 +133,7 @@ function PickerFieldUI(props) {
         position: 'end'
       })
     }),
-    endInputAdornmentProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps2, _excluded5);
+    endInputAdornmentProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps2, _excluded3);
   const OpenPickerButton = pickerFieldUIContext.slots.openPickerButton ?? _IconButton.default;
   // We don't want to forward the `ownerState` to the `<IconButton />` component, see mui/material-ui#34056
   const _useSlotProps3 = (0, _useSlotProps5.default)({
@@ -200,7 +151,7 @@ function PickerFieldUI(props) {
       },
       ownerState
     }),
-    openPickerButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps3, _excluded6);
+    openPickerButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps3, _excluded4);
   const OpenPickerIcon = pickerFieldUIContext.slots.openPickerIcon ?? defaultOpenPickerIcon;
   const openPickerIconProps = (0, _useSlotProps5.default)({
     elementType: OpenPickerIcon,
@@ -224,7 +175,7 @@ function PickerFieldUI(props) {
       },
       ownerState
     }),
-    clearButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps4, _excluded7);
+    clearButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps4, _excluded5);
   const ClearIcon = pickerFieldUIContext.slots.clearIcon ?? _icons.ClearIcon;
   const clearIconProps = (0, _useSlotProps5.default)({
     elementType: ClearIcon,
@@ -235,13 +186,14 @@ function PickerFieldUI(props) {
     ownerState
   });
   textFieldProps.ref = (0, _useForkRef.default)(textFieldProps.ref, pickerContext?.rootRef);
-  const additionalTextFieldInputProps = {};
-  const textFieldInputProps = (0, _resolveComponentProps.default)((_version.major >= 6 && textFieldProps?.slotProps?.input) ?? textFieldProps.InputProps, ownerState);
+  const externalInputSlotProps = textFieldProps.slotProps?.input;
+  const additionalInputSlotProps = {};
+  const forkedInputRef = (0, _useForkRef.default)(externalInputSlotProps?.ref, pickerContext?.triggerRef);
   if (pickerContext) {
-    additionalTextFieldInputProps.ref = pickerContext.triggerRef;
+    additionalInputSlotProps.ref = forkedInputRef;
   }
-  if (!textFieldInputProps?.startAdornment && (clearButtonPosition === 'start' || openPickerButtonPosition === 'start')) {
-    additionalTextFieldInputProps.startAdornment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(InputAdornment, (0, _extends2.default)({}, startInputAdornmentProps, {
+  if (!externalInputSlotProps?.startAdornment && (clearButtonPosition === 'start' || openPickerButtonPosition === 'start')) {
+    additionalInputSlotProps.startAdornment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(InputAdornment, (0, _extends2.default)({}, startInputAdornmentProps, {
       children: [openPickerButtonPosition === 'start' && /*#__PURE__*/(0, _jsxRuntime.jsx)(OpenPickerButton, (0, _extends2.default)({}, openPickerButtonProps, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OpenPickerIcon, (0, _extends2.default)({}, openPickerIconProps))
       })), clearButtonPosition === 'start' && /*#__PURE__*/(0, _jsxRuntime.jsx)(ClearButton, (0, _extends2.default)({}, clearButtonProps, {
@@ -249,8 +201,8 @@ function PickerFieldUI(props) {
       }))]
     }));
   }
-  if (!textFieldInputProps?.endAdornment && (clearButtonPosition === 'end' || openPickerButtonPosition === 'end')) {
-    additionalTextFieldInputProps.endAdornment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(InputAdornment, (0, _extends2.default)({}, endInputAdornmentProps, {
+  if (!externalInputSlotProps?.endAdornment && (clearButtonPosition === 'end' || openPickerButtonPosition === 'end')) {
+    additionalInputSlotProps.endAdornment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(InputAdornment, (0, _extends2.default)({}, endInputAdornmentProps, {
       children: [clearButtonPosition === 'end' && /*#__PURE__*/(0, _jsxRuntime.jsx)(ClearButton, (0, _extends2.default)({}, clearButtonProps, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ClearIcon, (0, _extends2.default)({}, clearIconProps))
       })), openPickerButtonPosition === 'end' && /*#__PURE__*/(0, _jsxRuntime.jsx)(OpenPickerButton, (0, _extends2.default)({}, openPickerButtonProps, {
@@ -259,8 +211,8 @@ function PickerFieldUI(props) {
     }));
   }
   // handle the case of showing custom `inputAdornment` for Field components
-  if (!additionalTextFieldInputProps?.endAdornment && !additionalTextFieldInputProps?.startAdornment && pickerFieldUIContext.slots.inputAdornment) {
-    additionalTextFieldInputProps.endAdornment = /*#__PURE__*/(0, _jsxRuntime.jsx)(InputAdornment, (0, _extends2.default)({}, endInputAdornmentProps));
+  if (!additionalInputSlotProps.endAdornment && !additionalInputSlotProps.startAdornment && pickerFieldUIContext.slots.inputAdornment) {
+    additionalInputSlotProps.endAdornment = /*#__PURE__*/(0, _jsxRuntime.jsx)(InputAdornment, (0, _extends2.default)({}, endInputAdornmentProps));
   }
   if (clearButtonPosition != null) {
     textFieldProps.sx = [{
@@ -279,21 +231,10 @@ function PickerFieldUI(props) {
       }
     }, ...(Array.isArray(textFieldProps.sx) ? textFieldProps.sx : [textFieldProps.sx])];
   }
-  const resolvedTextFieldInputProps = _version.major >= 6 && textFieldProps?.slotProps?.input ? (0, _resolveComponentProps.default)(mergeSlotProps(textFieldInputProps, additionalTextFieldInputProps), ownerState) : (0, _extends2.default)({}, textFieldInputProps, additionalTextFieldInputProps);
-
-  // We need to resolve the `inputProps` since we are messing with those props in this component.
-  textFieldProps.inputProps = _version.major >= 6 && textFieldProps?.slotProps?.htmlInput ? (0, _resolveComponentProps.default)(textFieldProps.slotProps.htmlInput, ownerState) : textFieldProps.inputProps;
-
-  // Remove the `input` slotProps to avoid them overriding the manually resolved `InputProps`.
-  // Relevant on `materialMajor >= 6` since `slotProps` would take precedence.
-  delete textFieldProps?.slotProps?.input;
-  if (fieldResponse.enableAccessibleFieldDOMStructure) {
-    // Remove the `slotProps` on `PickersTextField` as they are not supported.
-    delete textFieldProps?.slotProps;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({}, textFieldProps, {
-    InputProps: resolvedTextFieldInputProps
-  }));
+  textFieldProps.slotProps = (0, _extends2.default)({}, textFieldProps.slotProps, {
+    input: (0, _extends2.default)({}, externalInputSlotProps, additionalInputSlotProps)
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({}, textFieldProps));
 }
 function mergeSlotProps(slotPropsA, slotPropsB) {
   if (!slotPropsA) {
@@ -310,6 +251,7 @@ function mergeSlotProps(slotPropsA, slotPropsB) {
 /**
  * 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.
  */
 function useFieldTextFieldProps(parameters) {
   const {
@@ -320,15 +262,28 @@ function useFieldTextFieldProps(parameters) {
   const pickerFieldUIContext = React.useContext(PickerFieldUIContext);
   const pickerContext = (0, _useNullablePickerContext.useNullablePickerContext)();
   const ownerState = (0, _useFieldOwnerState.useFieldOwnerState)(externalForwardedProps);
-  const {
-      InputProps,
-      inputProps
-    } = externalForwardedProps,
-    otherExternalForwardedProps = (0, _objectWithoutPropertiesLoose2.default)(externalForwardedProps, _excluded8);
+
+  // TODO v10: remove
+  // Strip the legacy `InputProps` / `inputProps` / `InputLabelProps` / `FormHelperTextProps`
+  // before they reach `PickersTextField`, which would silently ignore them. JS users without
+  // TypeScript checks would otherwise see their configuration vanish.
+  const _ref2 = externalForwardedProps ?? {},
+    {
+      InputProps: legacyInputProps,
+      inputProps: legacyHtmlInputProps,
+      InputLabelProps: legacyInputLabelProps,
+      FormHelperTextProps: legacyFormHelperTextProps
+    } = _ref2,
+    sanitizedExternalForwardedProps = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded6);
+  if (process.env.NODE_ENV !== 'production') {
+    if (legacyInputProps || legacyHtmlInputProps || legacyInputLabelProps || legacyFormHelperTextProps) {
+      (0, _warning.warnOnce)(['MUI X: Field components no longer accept the `InputProps`, `inputProps`, `InputLabelProps` and `FormHelperTextProps` props.', 'They have been dropped to avoid leaking unknown attributes onto the underlying form control.', 'Use the nested `slotProps.textField.slotProps.{input,htmlInput,inputLabel,formHelperText}` shape instead.']);
+    }
+  }
   const textFieldProps = (0, _useSlotProps5.default)({
     elementType: _PickersTextField.PickersTextField,
     externalSlotProps: mergeSlotProps(pickerFieldUIContext.slotProps.textField, slotProps?.textField),
-    externalForwardedProps: otherExternalForwardedProps,
+    externalForwardedProps: sanitizedExternalForwardedProps,
     additionalProps: {
       ref,
       sx: pickerContext?.rootSx,
@@ -374,10 +329,6 @@ function useFieldTextFieldProps(parameters) {
       }
     };
   }
-
-  // TODO: Remove when mui/material-ui#35088 will be merged
-  textFieldProps.inputProps = (0, _extends2.default)({}, inputProps, textFieldProps.inputProps);
-  textFieldProps.InputProps = (0, _extends2.default)({}, InputProps, textFieldProps.InputProps);
   return textFieldProps;
 }
 function PickerFieldUIContextProvider(props) {