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

package/DatePicker/DatePicker.js

@@ -101,7 +101,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.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,
@@ -120,10 +120,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: _propTypes.default.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: _propTypes.default.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/DatePicker/DatePicker.mjs

@@ -94,7 +94,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.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,
@@ -113,10 +113,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: PropTypes.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: PropTypes.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/DatePicker/DatePicker.types.d.mts

@@ -3,8 +3,8 @@ import { BaseSingleInputFieldProps } from "../internals/models/index.mjs";
 import { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from "../MobileDatePicker/index.mjs";
 import { ValidateDateProps } from "../validation/validateDate.mjs";
 export interface DatePickerSlots extends DesktopDatePickerSlots, MobileDatePickerSlots {}
-export interface DatePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopDatePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileDatePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface DatePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopDatePickerProps<TEnableAccessibleFieldDOMStructure>, MobileDatePickerProps<TEnableAccessibleFieldDOMStructure> {
+export interface DatePickerSlotProps extends DesktopDatePickerSlotProps, MobileDatePickerSlotProps {}
+export interface DatePickerProps extends DesktopDatePickerProps, MobileDatePickerProps {
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -20,7 +20,7 @@ export interface DatePickerProps<TEnableAccessibleFieldDOMStructure extends bool
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: DatePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: DatePickerSlotProps;
   /**
    * Years rendered per row.
    * @default 4 on desktop, 3 on mobile

package/DatePicker/DatePicker.types.d.ts

@@ -3,8 +3,8 @@ import { BaseSingleInputFieldProps } from "../internals/models/index.js";
 import { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from "../MobileDatePicker/index.js";
 import { ValidateDateProps } from "../validation/validateDate.js";
 export interface DatePickerSlots extends DesktopDatePickerSlots, MobileDatePickerSlots {}
-export interface DatePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopDatePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileDatePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface DatePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopDatePickerProps<TEnableAccessibleFieldDOMStructure>, MobileDatePickerProps<TEnableAccessibleFieldDOMStructure> {
+export interface DatePickerSlotProps extends DesktopDatePickerSlotProps, MobileDatePickerSlotProps {}
+export interface DatePickerProps extends DesktopDatePickerProps, MobileDatePickerProps {
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -20,7 +20,7 @@ export interface DatePickerProps<TEnableAccessibleFieldDOMStructure extends bool
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: DatePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: DatePickerSlotProps;
   /**
    * Years rendered per row.
    * @default 4 on desktop, 3 on mobile

package/DateTimeField/DateTimeField.d.mts

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

package/DateTimeField/DateTimeField.d.ts

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

package/DateTimeField/DateTimeField.js

@@ -64,6 +64,12 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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" ? DateTimeField.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" ? DateTimeField.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,
   /**
@@ -240,6 +254,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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.
@@ -251,6 +266,9 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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.
@@ -275,7 +293,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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,
@@ -347,6 +365,10 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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.
@@ -360,10 +382,6 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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/DateTimeField/DateTimeField.mjs

@@ -57,6 +57,12 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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" ? DateTimeField.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" ? DateTimeField.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,
   /**
@@ -233,6 +247,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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.
@@ -244,6 +259,9 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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.
@@ -268,7 +286,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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,
@@ -340,6 +358,10 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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.
@@ -353,10 +375,6 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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/DateTimeField/DateTimeField.types.d.mts

@@ -5,8 +5,8 @@ import { ExportedValidateDateTimeProps } from "../validation/validateDateTime.mj
 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 UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, ExportedPickerFieldUIProps, AmPmProps {}
-export type DateTimeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> = UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure> & Omit<BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure>, keyof UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure>> & {
+export interface UseDateTimeFieldProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, ExportedPickerFieldUIProps, AmPmProps {}
+export type DateTimeFieldProps = UseDateTimeFieldProps & Omit<BuiltInFieldTextFieldProps, keyof UseDateTimeFieldProps> & {
   /**
    * Overridable component slots.
    * @default {}

package/DateTimeField/DateTimeField.types.d.ts

@@ -5,8 +5,8 @@ import { ExportedValidateDateTimeProps } from "../validation/validateDateTime.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 UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, ExportedPickerFieldUIProps, AmPmProps {}
-export type DateTimeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> = UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure> & Omit<BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure>, keyof UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure>> & {
+export interface UseDateTimeFieldProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, ExportedPickerFieldUIProps, AmPmProps {}
+export type DateTimeFieldProps = UseDateTimeFieldProps & Omit<BuiltInFieldTextFieldProps, keyof UseDateTimeFieldProps> & {
   /**
    * Overridable component slots.
    * @default {}

package/DateTimeField/useDateTimeField.d.mts

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

package/DateTimeField/useDateTimeField.d.ts

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

package/DateTimeField/useDateTimeField.js

@@ -8,7 +8,7 @@ exports.useDateTimeField = void 0;
 var _useField = require("../internals/hooks/useField");
 var _managers = require("../managers");
 const useDateTimeField = props => {
-  const manager = (0, _managers.useDateTimeManager)(props);
+  const manager = (0, _managers.useDateTimeManager)();
   return (0, _useField.useField)({
     manager,
     props

package/DateTimeField/useDateTimeField.mjs

@@ -3,7 +3,7 @@
 import { useField } from "../internals/hooks/useField/index.mjs";
 import { useDateTimeManager } from "../managers/index.mjs";
 export const useDateTimeField = props => {
-  const manager = useDateTimeManager(props);
+  const manager = useDateTimeManager();
   return useField({
     manager,
     props

package/DateTimePicker/DateTimePicker.d.mts

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

package/DateTimePicker/DateTimePicker.d.ts

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

package/DateTimePicker/DateTimePicker.js

@@ -111,7 +111,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.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,
@@ -135,10 +135,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: _propTypes.default.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: _propTypes.default.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/DateTimePicker/DateTimePicker.mjs

@@ -104,7 +104,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.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,
@@ -128,10 +128,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: PropTypes.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: PropTypes.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/DateTimePicker/DateTimePicker.types.d.mts

@@ -4,8 +4,8 @@ import { MobileDateTimePickerProps, MobileDateTimePickerSlots, MobileDateTimePic
 import { ValidateDateTimeProps } from "../validation/index.mjs";
 import { ExportedYearCalendarProps } from "../YearCalendar/YearCalendar.types.mjs";
 export interface DateTimePickerSlots extends DesktopDateTimePickerSlots, MobileDateTimePickerSlots {}
-export interface DateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface DateTimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopDateTimePickerProps<TEnableAccessibleFieldDOMStructure>, ExportedYearCalendarProps, Omit<MobileDateTimePickerProps<TEnableAccessibleFieldDOMStructure>, 'views'> {
+export interface DateTimePickerSlotProps extends DesktopDateTimePickerSlotProps, MobileDateTimePickerSlotProps {}
+export interface DateTimePickerProps extends DesktopDateTimePickerProps, ExportedYearCalendarProps, Omit<MobileDateTimePickerProps, 'views'> {
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -21,7 +21,7 @@ export interface DateTimePickerProps<TEnableAccessibleFieldDOMStructure extends
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: DateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: DateTimePickerSlotProps;
   /**
    * Years rendered per row.
    * @default 4 on desktop, 3 on mobile

package/DateTimePicker/DateTimePicker.types.d.ts

@@ -4,8 +4,8 @@ import { MobileDateTimePickerProps, MobileDateTimePickerSlots, MobileDateTimePic
 import { ValidateDateTimeProps } from "../validation/index.js";
 import { ExportedYearCalendarProps } from "../YearCalendar/YearCalendar.types.js";
 export interface DateTimePickerSlots extends DesktopDateTimePickerSlots, MobileDateTimePickerSlots {}
-export interface DateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface DateTimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopDateTimePickerProps<TEnableAccessibleFieldDOMStructure>, ExportedYearCalendarProps, Omit<MobileDateTimePickerProps<TEnableAccessibleFieldDOMStructure>, 'views'> {
+export interface DateTimePickerSlotProps extends DesktopDateTimePickerSlotProps, MobileDateTimePickerSlotProps {}
+export interface DateTimePickerProps extends DesktopDateTimePickerProps, ExportedYearCalendarProps, Omit<MobileDateTimePickerProps, 'views'> {
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -21,7 +21,7 @@ export interface DateTimePickerProps<TEnableAccessibleFieldDOMStructure extends
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: DateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: DateTimePickerSlotProps;
   /**
    * Years rendered per row.
    * @default 4 on desktop, 3 on mobile

package/DesktopDatePicker/DesktopDatePicker.d.mts

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

package/DesktopDatePicker/DesktopDatePicker.d.ts

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

package/DesktopDatePicker/DesktopDatePicker.js

@@ -112,7 +112,7 @@ DesktopDatePicker.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,
@@ -131,10 +131,6 @@ DesktopDatePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: _propTypes.default.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: _propTypes.default.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/DesktopDatePicker/DesktopDatePicker.mjs

@@ -105,7 +105,7 @@ DesktopDatePicker.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,
@@ -124,10 +124,6 @@ DesktopDatePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: PropTypes.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: PropTypes.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/DesktopDatePicker/DesktopDatePicker.types.d.mts

@@ -3,8 +3,8 @@ import { UseDesktopPickerSlots, ExportedUseDesktopPickerSlotProps, DesktopOnlyPi
 import { BaseDatePickerProps, BaseDatePickerSlots, BaseDatePickerSlotProps } from "../DatePicker/shared.mjs";
 import { ExportedYearCalendarProps } from "../YearCalendar/YearCalendar.types.mjs";
 export interface DesktopDatePickerSlots extends BaseDatePickerSlots, MakeOptional<UseDesktopPickerSlots, 'field' | 'openPickerIcon'> {}
-export interface DesktopDatePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDatePickerSlotProps, ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface DesktopDatePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDatePickerProps, DesktopOnlyPickerProps, ExportedYearCalendarProps {
+export interface DesktopDatePickerSlotProps extends BaseDatePickerSlotProps, ExportedUseDesktopPickerSlotProps {}
+export interface DesktopDatePickerProps extends BaseDatePickerProps, DesktopOnlyPickerProps, ExportedYearCalendarProps {
   /**
    * Overridable component slots.
    * @default {}
@@ -14,7 +14,7 @@ export interface DesktopDatePickerProps<TEnableAccessibleFieldDOMStructure exten
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: DesktopDatePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: DesktopDatePickerSlotProps;
   /**
    * Years rendered per row.
    * @default 4

package/DesktopDatePicker/DesktopDatePicker.types.d.ts

@@ -3,8 +3,8 @@ import { UseDesktopPickerSlots, ExportedUseDesktopPickerSlotProps, DesktopOnlyPi
 import { BaseDatePickerProps, BaseDatePickerSlots, BaseDatePickerSlotProps } from "../DatePicker/shared.js";
 import { ExportedYearCalendarProps } from "../YearCalendar/YearCalendar.types.js";
 export interface DesktopDatePickerSlots extends BaseDatePickerSlots, MakeOptional<UseDesktopPickerSlots, 'field' | 'openPickerIcon'> {}
-export interface DesktopDatePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDatePickerSlotProps, ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface DesktopDatePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDatePickerProps, DesktopOnlyPickerProps, ExportedYearCalendarProps {
+export interface DesktopDatePickerSlotProps extends BaseDatePickerSlotProps, ExportedUseDesktopPickerSlotProps {}
+export interface DesktopDatePickerProps extends BaseDatePickerProps, DesktopOnlyPickerProps, ExportedYearCalendarProps {
   /**
    * Overridable component slots.
    * @default {}
@@ -14,7 +14,7 @@ export interface DesktopDatePickerProps<TEnableAccessibleFieldDOMStructure exten
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: DesktopDatePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: DesktopDatePickerSlotProps;
   /**
    * Years rendered per row.
    * @default 4

package/DesktopDateTimePicker/DesktopDateTimePicker.d.mts

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

package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts

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

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -206,7 +206,7 @@ DesktopDateTimePicker.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,
@@ -230,10 +230,6 @@ DesktopDateTimePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: _propTypes.default.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: _propTypes.default.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/DesktopDateTimePicker/DesktopDateTimePicker.mjs

@@ -199,7 +199,7 @@ DesktopDateTimePicker.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,
@@ -223,10 +223,6 @@ DesktopDateTimePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: PropTypes.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: PropTypes.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.mts

@@ -5,8 +5,8 @@ import { DateOrTimeView } from "../models/index.mjs";
 import { DigitalTimePickerProps } from "../internals/models/props/time.mjs";
 import { ExportedYearCalendarProps } from "../YearCalendar/YearCalendar.types.mjs";
 export interface DesktopDateTimePickerSlots extends BaseDateTimePickerSlots, MakeOptional<UseDesktopPickerSlots, 'field' | 'openPickerIcon'> {}
-export interface DesktopDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDateTimePickerSlotProps, ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface DesktopDateTimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDateTimePickerProps, DesktopOnlyPickerProps, DigitalTimePickerProps, ExportedYearCalendarProps {
+export interface DesktopDateTimePickerSlotProps extends BaseDateTimePickerSlotProps, ExportedUseDesktopPickerSlotProps {}
+export interface DesktopDateTimePickerProps extends BaseDateTimePickerProps, DesktopOnlyPickerProps, DigitalTimePickerProps, ExportedYearCalendarProps {
   /**
    * Overridable component slots.
    * @default {}
@@ -16,7 +16,7 @@ export interface DesktopDateTimePickerProps<TEnableAccessibleFieldDOMStructure e
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: DesktopDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: DesktopDateTimePickerSlotProps;
   /**
    * Available views.
    */