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

package/PickersTextField/PickersTextField.types.d.ts

@@ -3,10 +3,57 @@ import { FormControlProps } from '@mui/material/FormControl';
 import { FormHelperTextProps } from '@mui/material/FormHelperText';
 import { InputLabelProps } from '@mui/material/InputLabel';
 import { TextFieldVariants } from '@mui/material/TextField';
-import { PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.js";
+import { PickersInputBaseProps, PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.js";
 import type { PickersInputProps } from "./PickersInput/index.js";
 import type { PickersOutlinedInputProps } from "./PickersOutlinedInput/index.js";
 import type { PickersFilledInputProps } from "./PickersFilledInput/index.js";
+export interface PickersTextFieldSlots {
+  /**
+   * The component used for the root slot.
+   * @default FormControl
+   */
+  root?: React.ElementType;
+  /**
+   * The component used for the input slot.
+   * Defaults to one of `PickersInput`, `PickersFilledInput`, `PickersOutlinedInput` based on `variant`.
+   * @default PickersOutlinedInput
+   */
+  input?: React.ElementType;
+  /**
+   * The component used for the input label slot.
+   * @default InputLabel
+   */
+  inputLabel?: React.ElementType;
+  /**
+   * The component rendered as the underlying hidden `<input>` element.
+   * @default PickersInputBaseInput
+   */
+  htmlInput?: React.ElementType;
+  /**
+   * The component used for the form helper text slot.
+   * @default FormHelperText
+   */
+  formHelperText?: React.ElementType;
+}
+export interface PickersTextFieldSlotProps<InputPropsType extends PickersInputBaseProps> {
+  root?: Partial<FormControlProps>;
+  input?: Partial<InputPropsType>;
+  inputLabel?: Partial<InputLabelProps>;
+  htmlInput?: React.ComponentPropsWithRef<'input'>;
+  formHelperText?: Partial<FormHelperTextProps>;
+}
+export interface PickersTextFieldSlotsAndSlotProps<InputPropsType extends PickersInputBaseProps> {
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots?: PickersTextFieldSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: PickersTextFieldSlotProps<InputPropsType>;
+}
 interface PickersTextFieldPropsUsedByField {
   onFocus: React.FocusEventHandler<HTMLDivElement>;
   onBlur: React.FocusEventHandler<HTMLDivElement>;
@@ -17,67 +64,32 @@ interface PickersTextFieldPropsUsedByField {
    */
   error: boolean;
 }
-export interface PickersBaseTextFieldProps extends PickersInputPropsUsedByField, PickersTextFieldPropsUsedByField, Omit<FormControlProps, keyof PickersInputPropsUsedByField | keyof PickersTextFieldPropsUsedByField> {
-  /**
-   * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
-   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FormHelperTextProps?: Partial<FormHelperTextProps>;
-  /**
-   * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
-   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputLabelProps?: Partial<InputLabelProps>;
+export interface PickersBaseTextFieldProps extends PickersInputPropsUsedByField, PickersTextFieldPropsUsedByField, Omit<FormControlProps, keyof PickersInputPropsUsedByField | keyof PickersTextFieldPropsUsedByField | 'slots' | 'slotProps'> {
   /**
    * The helper text content.
    */
   helperText?: React.ReactNode;
 }
-export interface PickersStandardTextFieldProps extends PickersBaseTextFieldProps {
+export interface PickersStandardTextFieldProps extends PickersBaseTextFieldProps, PickersTextFieldSlotsAndSlotProps<PickersInputProps> {
   /**
    * The variant to use.
    * @default 'outlined'
    */
   variant?: 'standard';
-  /**
-   * Props applied to the Input element.
-   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
-   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
-   * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputProps?: Partial<PickersInputProps>;
 }
-export interface PickersOutlinedTextFieldProps extends PickersBaseTextFieldProps {
+export interface PickersOutlinedTextFieldProps extends PickersBaseTextFieldProps, PickersTextFieldSlotsAndSlotProps<PickersOutlinedInputProps> {
   /**
    * The variant to use.
    * @default 'outlined'
    */
   variant?: 'outlined';
-  /**
-   * Props applied to the Input element.
-   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
-   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
-   * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputProps?: Partial<PickersOutlinedInputProps>;
 }
-export interface PickersFilledTextFieldProps extends PickersBaseTextFieldProps {
+export interface PickersFilledTextFieldProps extends PickersBaseTextFieldProps, PickersTextFieldSlotsAndSlotProps<PickersFilledInputProps> {
   /**
    * The variant to use.
    * @default 'outlined'
    */
   variant?: 'filled';
-  /**
-   * Props applied to the Input element.
-   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
-   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
-   * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputProps?: Partial<PickersFilledInputProps>;
 }
 export type PickersTextFieldProps<Variant extends TextFieldVariants = TextFieldVariants> = Variant extends 'filled' ? PickersFilledTextFieldProps : Variant extends 'standard' ? PickersStandardTextFieldProps : PickersOutlinedTextFieldProps;
 export {};

package/PickersTextField/index.d.mts

@@ -1,5 +1,5 @@
 export { PickersTextField } from "./PickersTextField.mjs";
-export type { PickersTextFieldProps } from "./PickersTextField.types.mjs";
+export type { PickersTextFieldProps, PickersTextFieldSlots, PickersTextFieldSlotProps } from "./PickersTextField.types.mjs";
 export { pickersTextFieldClasses, getPickersTextFieldUtilityClass } from "./pickersTextFieldClasses.mjs";
 export type { PickersTextFieldClasses, PickersTextFieldClassKey } from "./pickersTextFieldClasses.mjs";
 export * from "./PickersInput/index.mjs";

package/PickersTextField/index.d.ts

@@ -1,5 +1,5 @@
 export { PickersTextField } from "./PickersTextField.js";
-export type { PickersTextFieldProps } from "./PickersTextField.types.js";
+export type { PickersTextFieldProps, PickersTextFieldSlots, PickersTextFieldSlotProps } from "./PickersTextField.types.js";
 export { pickersTextFieldClasses, getPickersTextFieldUtilityClass } from "./pickersTextFieldClasses.js";
 export type { PickersTextFieldClasses, PickersTextFieldClassKey } from "./pickersTextFieldClasses.js";
 export * from "./PickersInput/index.js";

package/TimeField/TimeField.js

@@ -16,7 +16,7 @@ var _useTimeField = require("./useTimeField");
 var _PickerFieldUI = require("../internals/components/PickerFieldUI");
 var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "InputProps", "inputProps"];
+const _excluded = ["slots", "slotProps"];
 /**
  * Demos:
  *
@@ -147,11 +147,6 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * @default "dense"
    */
   formatDensity: _propTypes.default.oneOf(['dense', 'spacious']),
-  /**
-   * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
-   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FormHelperTextProps: _propTypes.default.object,
   /**
    * If `true`, the input will take up the full width of its container.
    * @default false
@@ -172,25 +167,6 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * The id of the `input` element.
    */
   id: _propTypes.default.string,
-  /**
-   * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
-   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputLabelProps: _propTypes.default.object,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputProps: _propTypes.default.object,
-  /**
-   * Props applied to the Input element.
-   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
-   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
-   * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputProps: _propTypes.default.object,
   /**
    * Pass a ref to the `input` element.
    */

package/TimeField/TimeField.mjs

@@ -1,7 +1,7 @@
 'use client';
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["slots", "slotProps", "InputProps", "inputProps"];
+const _excluded = ["slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
@@ -140,11 +140,6 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * @default "dense"
    */
   formatDensity: PropTypes.oneOf(['dense', 'spacious']),
-  /**
-   * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
-   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FormHelperTextProps: PropTypes.object,
   /**
    * If `true`, the input will take up the full width of its container.
    * @default false
@@ -165,25 +160,6 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * The id of the `input` element.
    */
   id: PropTypes.string,
-  /**
-   * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
-   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputLabelProps: PropTypes.object,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputProps: PropTypes.object,
-  /**
-   * Props applied to the Input element.
-   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
-   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
-   * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputProps: PropTypes.object,
   /**
    * Pass a ref to the `input` element.
    */

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.0.0-rc.0
+ * @mui/x-date-pickers v9.0.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.0.0-rc.0
+ * @mui/x-date-pickers v9.0.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickerFieldUI.d.mts

@@ -11,14 +11,7 @@ export declare const cleanFieldResponse: <TFieldResponse extends MakeOptional<Us
   [key: string]: any;
 }>, "onClear" | "clearable">>(fieldResponse: TFieldResponse) => ExportedPickerFieldUIProps & {
   openPickerAriaLabel: string;
-  textFieldProps: Partial<PickersTextFieldProps> & {
-    inputProps?: Record<string, any>;
-    InputProps?: Record<string, any>;
-    slotProps?: {
-      input?: Record<string, any>;
-      htmlInput?: Record<string, any>;
-    };
-  };
+  textFieldProps: Partial<PickersTextFieldProps>;
 };
 export declare const PickerFieldUIContext: React.Context<PickerFieldUIContextValue>;
 /**
@@ -93,12 +86,7 @@ export interface PickerFieldUISlotsFromContext extends PickerFieldUISlots {
   openPickerIcon?: React.ElementType;
 }
 export interface PickerFieldUISlotProps {
-  textField?: SlotComponentPropsFromProps<PickersTextFieldProps & {
-    slotProps?: {
-      input?: Record<string, any>;
-      htmlInput?: Record<string, any>;
-    };
-  }, {}, FieldOwnerState>;
+  textField?: SlotComponentPropsFromProps<PickersTextFieldProps, {}, FieldOwnerState>;
   inputAdornment?: SlotComponentPropsFromProps<InputAdornmentProps, {}, FieldInputAdornmentOwnerState>;
   clearIcon?: SlotComponentPropsFromProps<SvgIconProps, {}, FieldOwnerState>;
   clearButton?: SlotComponentPropsFromProps<IconButtonProps, {}, FieldOwnerState>;
@@ -118,13 +106,9 @@ interface PickerFieldUIContextValue {
 export declare function mergeSlotProps<TProps extends {}, TOwnerState extends FieldOwnerState>(slotPropsA: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined, slotPropsB: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined): Partial<TProps> | ((ownerState: TOwnerState) => {}) | undefined;
 /**
  * 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.
+ * TODO v10: Remove the `textField` slot and clean this logic up.
  */
-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?: PickerFieldUISlotProps['textField'];

package/internals/components/PickerFieldUI.d.ts

@@ -11,14 +11,7 @@ export declare const cleanFieldResponse: <TFieldResponse extends MakeOptional<Us
   [key: string]: any;
 }>, "onClear" | "clearable">>(fieldResponse: TFieldResponse) => ExportedPickerFieldUIProps & {
   openPickerAriaLabel: string;
-  textFieldProps: Partial<PickersTextFieldProps> & {
-    inputProps?: Record<string, any>;
-    InputProps?: Record<string, any>;
-    slotProps?: {
-      input?: Record<string, any>;
-      htmlInput?: Record<string, any>;
-    };
-  };
+  textFieldProps: Partial<PickersTextFieldProps>;
 };
 export declare const PickerFieldUIContext: React.Context<PickerFieldUIContextValue>;
 /**
@@ -93,12 +86,7 @@ export interface PickerFieldUISlotsFromContext extends PickerFieldUISlots {
   openPickerIcon?: React.ElementType;
 }
 export interface PickerFieldUISlotProps {
-  textField?: SlotComponentPropsFromProps<PickersTextFieldProps & {
-    slotProps?: {
-      input?: Record<string, any>;
-      htmlInput?: Record<string, any>;
-    };
-  }, {}, FieldOwnerState>;
+  textField?: SlotComponentPropsFromProps<PickersTextFieldProps, {}, FieldOwnerState>;
   inputAdornment?: SlotComponentPropsFromProps<InputAdornmentProps, {}, FieldInputAdornmentOwnerState>;
   clearIcon?: SlotComponentPropsFromProps<SvgIconProps, {}, FieldOwnerState>;
   clearButton?: SlotComponentPropsFromProps<IconButtonProps, {}, FieldOwnerState>;
@@ -118,13 +106,9 @@ interface PickerFieldUIContextValue {
 export declare function mergeSlotProps<TProps extends {}, TOwnerState extends FieldOwnerState>(slotPropsA: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined, slotPropsB: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined): Partial<TProps> | ((ownerState: TOwnerState) => {}) | undefined;
 /**
  * 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.
+ * TODO v10: Remove the `textField` slot and clean this logic up.
  */
-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?: PickerFieldUISlotProps['textField'];

package/internals/components/PickerFieldUI.js

@@ -21,47 +21,55 @@ var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveC
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 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 = ["InputProps", "readOnly", "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 = ["InputProps", "inputProps"];
-const noop = () => {};
+  _excluded6 = ["InputProps", "inputProps", "InputLabelProps", "FormHelperTextProps"];
 const cleanFieldResponse = fieldResponse => {
-  const {
-      InputProps,
+  const _ref = fieldResponse,
+    {
       readOnly,
       onClear,
       clearable,
       clearButtonPosition,
       openPickerButtonPosition,
-      openPickerAriaLabel
-    } = fieldResponse,
-    other = (0, _objectWithoutPropertiesLoose2.default)(fieldResponse, _excluded);
-  const mergedInputProps = other?.slotProps?.input ? mergeSlotProps(other?.slotProps?.input, 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, 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
         })
       })
-    } : {
-      InputProps: (0, _extends2.default)({}, InputProps ?? {}, {
-        readOnly
-      })
     })
   };
 };
@@ -178,13 +186,14 @@ function PickerFieldUI(props) {
     ownerState
   });
   textFieldProps.ref = (0, _useForkRef.default)(textFieldProps.ref, pickerContext?.rootRef);
-  const additionalTextFieldInputProps = {};
-  const textFieldInputProps = (0, _resolveComponentProps.default)(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, {
@@ -192,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, {
@@ -202,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 = [{
@@ -222,19 +231,10 @@ function PickerFieldUI(props) {
       }
     }, ...(Array.isArray(textFieldProps.sx) ? textFieldProps.sx : [textFieldProps.sx])];
   }
-  const resolvedTextFieldInputProps = 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 = textFieldProps?.slotProps?.htmlInput ? (0, _resolveComponentProps.default)(textFieldProps.slotProps.htmlInput, ownerState) : textFieldProps.inputProps;
-
-  // Remove the `input` slotProps to avoid them overriding the manually resolved `InputProps`.
-  // `slotProps` would take precedence over `InputProps`.
-  delete textFieldProps?.slotProps?.input;
-  // 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) {
@@ -250,8 +250,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.
+ * TODO v10: Remove the `textField` slot and clean this logic up.
  */
 function useFieldTextFieldProps(parameters) {
   const {
@@ -262,15 +261,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, _excluded6);
+
+  // 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,
@@ -316,10 +328,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) {