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

package/PickersTextField/PickersTextField.mjs

@@ -217,13 +217,28 @@ process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
     container: PropTypes.object.isRequired,
     content: PropTypes.object.isRequired
   })).isRequired,
+  /**
+   * End `InputAdornment` for this component.
+   */
   endAdornment: PropTypes.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * @default false
+   */
   error: PropTypes.bool.isRequired,
   /**
    * If `true`, the component is displayed in focused state.
    */
   focused: PropTypes.bool,
+  /**
+   * 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
+   */
   fullWidth: PropTypes.bool,
   /**
    * The helper text content.
@@ -236,23 +251,45 @@ process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
    * @default false
    */
   hiddenLabel: PropTypes.bool,
+  /**
+   * 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`](/material-ui/api/filled-input/),
-   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * 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.
+   */
   inputRef: refType,
+  /**
+   * The label content.
+   */
   label: PropTypes.node,
   /**
    * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
    * @default 'none'
    */
   margin: PropTypes.oneOf(['dense', 'none', 'normal']),
+  /**
+   * Name attribute of the `input` element.
+   */
   name: PropTypes.string,
   onBlur: PropTypes.func.isRequired,
   onChange: PropTypes.func.isRequired,
@@ -280,6 +317,9 @@ process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
    * @default 'medium'
    */
   size: PropTypes.oneOf(['medium', 'small']),
+  /**
+   * Start `InputAdornment` for this component.
+   */
   startAdornment: PropTypes.node,
   style: PropTypes.object,
   /**

package/PickersTextField/PickersTextField.types.d.mts

@@ -11,10 +11,23 @@ interface PickersTextFieldPropsUsedByField {
   onFocus: React.FocusEventHandler<HTMLDivElement>;
   onBlur: React.FocusEventHandler<HTMLDivElement>;
   disabled: boolean;
+  /**
+   * If `true`, the `input` will indicate an error.
+   * @default false
+   */
   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>;
   /**
    * The helper text content.
@@ -29,9 +42,10 @@ export interface PickersStandardTextFieldProps extends PickersBaseTextFieldProps
   variant?: 'standard';
   /**
    * Props applied to the Input element.
-   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
-   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * 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>;
 }
@@ -43,9 +57,10 @@ export interface PickersOutlinedTextFieldProps extends PickersBaseTextFieldProps
   variant?: 'outlined';
   /**
    * Props applied to the Input element.
-   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
-   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * 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>;
 }
@@ -57,9 +72,10 @@ export interface PickersFilledTextFieldProps extends PickersBaseTextFieldProps {
   variant?: 'filled';
   /**
    * Props applied to the Input element.
-   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
-   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * 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>;
 }

package/PickersTextField/PickersTextField.types.d.ts

@@ -11,10 +11,23 @@ interface PickersTextFieldPropsUsedByField {
   onFocus: React.FocusEventHandler<HTMLDivElement>;
   onBlur: React.FocusEventHandler<HTMLDivElement>;
   disabled: boolean;
+  /**
+   * If `true`, the `input` will indicate an error.
+   * @default false
+   */
   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>;
   /**
    * The helper text content.
@@ -29,9 +42,10 @@ export interface PickersStandardTextFieldProps extends PickersBaseTextFieldProps
   variant?: 'standard';
   /**
    * Props applied to the Input element.
-   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
-   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * 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>;
 }
@@ -43,9 +57,10 @@ export interface PickersOutlinedTextFieldProps extends PickersBaseTextFieldProps
   variant?: 'outlined';
   /**
    * Props applied to the Input element.
-   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
-   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * 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>;
 }
@@ -57,9 +72,10 @@ export interface PickersFilledTextFieldProps extends PickersBaseTextFieldProps {
   variant?: 'filled';
   /**
    * Props applied to the Input element.
-   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
-   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * 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>;
 }

package/StaticDatePicker/StaticDatePicker.js

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

package/StaticDatePicker/StaticDatePicker.mjs

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

package/StaticDateTimePicker/StaticDateTimePicker.js

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

package/StaticDateTimePicker/StaticDateTimePicker.mjs

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

package/TimeField/TimeField.d.mts

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

package/TimeField/TimeField.d.ts

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

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,18 @@ 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.
+   */
+  fieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -155,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,
   /**
@@ -222,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.
@@ -233,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.
@@ -257,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,
@@ -308,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.
@@ -321,10 +343,6 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

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,18 @@ 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.
+   */
+  fieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -148,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,
   /**
@@ -215,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.
@@ -226,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.
@@ -250,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,
@@ -301,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.
@@ -314,10 +336,6 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

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',