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

package/DateCalendar/DayCalendar.mjs

@@ -12,7 +12,7 @@ import { useRtl } from '@mui/system/RtlProvider';
 import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
-import { PickersDay } from "../PickersDay/index.mjs";
+import { PickerDay } from "../PickerDay/index.mjs";
 import { usePickerAdapter, usePickerTranslations } from "../hooks/index.mjs";
 import { useNow } from "../internals/hooks/useUtils.mjs";
 import { DAY_SIZE, DAY_MARGIN } from "../internals/constants/dimensions.mjs";
@@ -20,7 +20,7 @@ import { PickersSlideTransition } from "./PickersSlideTransition.mjs";
 import { useIsDateDisabled } from "./useIsDateDisabled.mjs";
 import { findClosestEnabledDate, getWeekdays } from "../internals/utils/date-utils.mjs";
 import { getDayCalendarUtilityClass } from "./dayCalendarClasses.mjs";
-import { usePickerDayOwnerState } from "../PickersDay/usePickerDayOwnerState.mjs";
+import { usePickerDayOwnerState } from "../internals/hooks/usePickerDayOwnerState.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {
@@ -37,11 +37,11 @@ const useUtilityClasses = classes => {
   return composeClasses(slots, getDayCalendarUtilityClass, classes);
 };
 const weeksContainerHeight = (DAY_SIZE + DAY_MARGIN * 2) * 6;
-const PickersCalendarDayRoot = styled('div', {
+const PickerCalendarDayRoot = styled('div', {
   name: 'MuiDayCalendar',
   slot: 'Root'
 })({});
-const PickersCalendarDayHeader = styled('div', {
+const PickerCalendarDayHeader = styled('div', {
   name: 'MuiDayCalendar',
   slot: 'Header'
 })({
@@ -49,7 +49,7 @@ const PickersCalendarDayHeader = styled('div', {
   justifyContent: 'center',
   alignItems: 'center'
 });
-const PickersCalendarWeekDayLabel = styled(Typography, {
+const PickerCalendarWeekDayLabel = styled(Typography, {
   name: 'MuiDayCalendar',
   slot: 'WeekDayLabel'
 })(({
@@ -64,7 +64,7 @@ const PickersCalendarWeekDayLabel = styled(Typography, {
   alignItems: 'center',
   color: (theme.vars || theme).palette.text.secondary
 }));
-const PickersCalendarWeekNumberLabel = styled(Typography, {
+const PickerCalendarWeekNumberLabel = styled(Typography, {
   name: 'MuiDayCalendar',
   slot: 'WeekNumberLabel'
 })(({
@@ -79,7 +79,7 @@ const PickersCalendarWeekNumberLabel = styled(Typography, {
   alignItems: 'center',
   color: (theme.vars || theme).palette.text.disabled
 }));
-const PickersCalendarWeekNumber = styled(Typography, {
+const PickerCalendarWeekNumber = styled(Typography, {
   name: 'MuiDayCalendar',
   slot: 'WeekNumber'
 })(({
@@ -95,7 +95,7 @@ const PickersCalendarWeekNumber = styled(Typography, {
   justifyContent: 'center',
   display: 'inline-flex'
 }));
-const PickersCalendarLoadingContainer = styled('div', {
+const PickerCalendarLoadingContainer = styled('div', {
   name: 'MuiDayCalendar',
   slot: 'LoadingContainer'
 })({
@@ -104,19 +104,19 @@ const PickersCalendarLoadingContainer = styled('div', {
   alignItems: 'center',
   minHeight: weeksContainerHeight
 });
-const PickersCalendarSlideTransition = styled(PickersSlideTransition, {
+const PickerCalendarSlideTransition = styled(PickersSlideTransition, {
   name: 'MuiDayCalendar',
   slot: 'SlideTransition'
 })({
   minHeight: weeksContainerHeight
 });
-const PickersCalendarWeekContainer = styled('div', {
+const PickerCalendarWeekContainer = styled('div', {
   name: 'MuiDayCalendar',
   slot: 'MonthContainer'
 })({
   overflow: 'hidden'
 });
-const PickersCalendarWeek = styled('div', {
+const PickerCalendarWeek = styled('div', {
   name: 'MuiDayCalendar',
   slot: 'WeekContainer'
 })({
@@ -152,18 +152,16 @@ function WrappedDay(_ref) {
   const isToday = adapter.isSameDay(day, now);
   const isDisabled = React.useMemo(() => disabled || isDateDisabled(day), [disabled, isDateDisabled, day]);
   const isOutsideCurrentMonth = React.useMemo(() => adapter.getMonth(day) !== currentMonthNumber, [adapter, day, currentMonthNumber]);
-  const ownerState = usePickerDayOwnerState({
+  const ownerStateBase = usePickerDayOwnerState({
     day,
     selected: isSelected,
     disabled: isDisabled,
     today: isToday,
     outsideCurrentMonth: isOutsideCurrentMonth,
-    disableMargin: undefined,
-    // This prop can only be defined using slotProps.day so the ownerState for useSlotProps cannot have its value.
     disableHighlightToday,
     showDaysOutsideCurrentMonth
   });
-  const Day = slots?.day ?? PickersDay;
+  const Day = slots?.day ?? PickerDay;
   // We don't want to pass to ownerState down, to avoid re-rendering all the day whenever a prop changes.
   const _useSlotProps = useSlotProps({
       elementType: Day,
@@ -176,7 +174,7 @@ function WrappedDay(_ref) {
         // it is used in date range dragging logic by accessing `dataset.timestamp`
         'data-timestamp': adapter.toJsDate(day).valueOf()
       }, other),
-      ownerState: _extends({}, ownerState, {
+      ownerState: _extends({}, ownerStateBase, {
         day,
         isDayDisabled: isDisabled,
         isDaySelected: isSelected
@@ -375,30 +373,30 @@ export function DayCalendar(inProps) {
     }
     return toDisplay;
   }, [currentMonth, fixedWeekNumber, adapter]);
-  return /*#__PURE__*/_jsxs(PickersCalendarDayRoot, {
+  return /*#__PURE__*/_jsxs(PickerCalendarDayRoot, {
     role: "grid",
     "aria-labelledby": gridLabelId,
     className: classes.root,
-    children: [/*#__PURE__*/_jsxs(PickersCalendarDayHeader, {
+    children: [/*#__PURE__*/_jsxs(PickerCalendarDayHeader, {
       role: "row",
       className: classes.header,
-      children: [displayWeekNumber && /*#__PURE__*/_jsx(PickersCalendarWeekNumberLabel, {
+      children: [displayWeekNumber && /*#__PURE__*/_jsx(PickerCalendarWeekNumberLabel, {
         variant: "caption",
         role: "columnheader",
         "aria-label": translations.calendarWeekNumberHeaderLabel,
         className: classes.weekNumberLabel,
         children: translations.calendarWeekNumberHeaderText
-      }), getWeekdays(adapter, now).map((weekday, i) => /*#__PURE__*/_jsx(PickersCalendarWeekDayLabel, {
+      }), getWeekdays(adapter, now).map((weekday, i) => /*#__PURE__*/_jsx(PickerCalendarWeekDayLabel, {
         variant: "caption",
         role: "columnheader",
         "aria-label": adapter.format(weekday, 'weekday'),
         className: classes.weekDayLabel,
         children: dayOfWeekFormatter(weekday)
       }, i.toString()))]
-    }), loading ? /*#__PURE__*/_jsx(PickersCalendarLoadingContainer, {
+    }), loading ? /*#__PURE__*/_jsx(PickerCalendarLoadingContainer, {
       className: classes.loadingContainer,
       children: renderLoading()
-    }) : /*#__PURE__*/_jsx(PickersCalendarSlideTransition, _extends({
+    }) : /*#__PURE__*/_jsx(PickerCalendarSlideTransition, _extends({
       transKey: transitionKey,
       onExited: onMonthSwitchingAnimationEnd,
       reduceAnimations: reduceAnimations,
@@ -406,18 +404,18 @@ export function DayCalendar(inProps) {
       className: clsx(className, classes.slideTransition)
     }, TransitionProps, {
       nodeRef: slideNodeRef,
-      children: /*#__PURE__*/_jsx(PickersCalendarWeekContainer, {
+      children: /*#__PURE__*/_jsx(PickerCalendarWeekContainer, {
         ref: slideNodeRef,
         role: "rowgroup",
         className: classes.monthContainer,
-        children: weeksToDisplay.map((week, index) => /*#__PURE__*/_jsxs(PickersCalendarWeek, {
+        children: weeksToDisplay.map((week, index) => /*#__PURE__*/_jsxs(PickerCalendarWeek, {
           role: "row",
           className: classes.weekContainer
           // fix issue of announcing row 1 as row 2
           // caused by week day labels row
           ,
           "aria-rowindex": index + 1,
-          children: [displayWeekNumber && /*#__PURE__*/_jsx(PickersCalendarWeekNumber, {
+          children: [displayWeekNumber && /*#__PURE__*/_jsx(PickerCalendarWeekNumber, {
             className: classes.weekNumber,
             role: "rowheader",
             "aria-label": translations.calendarWeekNumberAriaLabelText(adapter.getWeekNumber(week[0])),

package/DateField/DateField.d.mts

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

package/DateField/DateField.d.ts

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

package/DateField/DateField.js

@@ -59,6 +59,12 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
+  /**
+   * 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
@@ -105,9 +111,14 @@ process.env.NODE_ENV !== "production" ? DateField.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.
    */
@@ -149,7 +160,6 @@ process.env.NODE_ENV !== "production" ? DateField.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,
   /**
@@ -211,6 +221,7 @@ process.env.NODE_ENV !== "production" ? DateField.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.
@@ -222,6 +233,9 @@ process.env.NODE_ENV !== "production" ? DateField.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.
@@ -246,7 +260,7 @@ process.env.NODE_ENV !== "production" ? DateField.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,
@@ -311,6 +325,10 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * @default {}
    */
   slots: _propTypes.default.object,
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: _propTypes.default.node,
   style: _propTypes.default.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/DateField/DateField.mjs

@@ -52,6 +52,12 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
+  /**
+   * 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
@@ -98,9 +104,14 @@ process.env.NODE_ENV !== "production" ? DateField.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.
    */
@@ -142,7 +153,6 @@ process.env.NODE_ENV !== "production" ? DateField.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,
   /**
@@ -204,6 +214,7 @@ process.env.NODE_ENV !== "production" ? DateField.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.
@@ -215,6 +226,9 @@ process.env.NODE_ENV !== "production" ? DateField.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.
@@ -239,7 +253,7 @@ process.env.NODE_ENV !== "production" ? DateField.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,
@@ -304,6 +318,10 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * @default {}
    */
   slots: PropTypes.object,
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: PropTypes.node,
   style: PropTypes.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/DateField/DateField.types.d.mts

@@ -4,8 +4,8 @@ import { UseFieldInternalProps } from "../internals/hooks/useField/index.mjs";
 import { ExportedValidateDateProps } from "../validation/validateDate.mjs";
 import { PickerValue } from "../internals/models/index.mjs";
 import { ExportedPickerFieldUIProps, PickerFieldUISlotProps, PickerFieldUISlots } from "../internals/components/PickerFieldUI.mjs";
-export interface UseDateFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError>, 'format'>, ExportedValidateDateProps, ExportedPickerFieldUIProps {}
-export type DateFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> = UseDateFieldProps<TEnableAccessibleFieldDOMStructure> & Omit<BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure>, keyof UseDateFieldProps<TEnableAccessibleFieldDOMStructure>> & {
+export interface UseDateFieldProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateValidationError>, 'format'>, ExportedValidateDateProps, ExportedPickerFieldUIProps {}
+export type DateFieldProps = UseDateFieldProps & Omit<BuiltInFieldTextFieldProps, keyof UseDateFieldProps> & {
   /**
    * Overridable component slots.
    * @default {}
@@ -17,6 +17,6 @@ export type DateFieldProps<TEnableAccessibleFieldDOMStructure extends boolean =
    */
   slotProps?: DateFieldSlotProps;
 };
-export type DateFieldOwnerState<TEnableAccessibleFieldDOMStructure extends boolean> = DateFieldProps<TEnableAccessibleFieldDOMStructure>;
+export type DateFieldOwnerState = DateFieldProps;
 export interface DateFieldSlots extends PickerFieldUISlots {}
 export interface DateFieldSlotProps extends PickerFieldUISlotProps {}

package/DateField/DateField.types.d.ts

@@ -4,8 +4,8 @@ import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
 import { ExportedValidateDateProps } from "../validation/validateDate.js";
 import { PickerValue } from "../internals/models/index.js";
 import { ExportedPickerFieldUIProps, PickerFieldUISlotProps, PickerFieldUISlots } from "../internals/components/PickerFieldUI.js";
-export interface UseDateFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError>, 'format'>, ExportedValidateDateProps, ExportedPickerFieldUIProps {}
-export type DateFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> = UseDateFieldProps<TEnableAccessibleFieldDOMStructure> & Omit<BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure>, keyof UseDateFieldProps<TEnableAccessibleFieldDOMStructure>> & {
+export interface UseDateFieldProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateValidationError>, 'format'>, ExportedValidateDateProps, ExportedPickerFieldUIProps {}
+export type DateFieldProps = UseDateFieldProps & Omit<BuiltInFieldTextFieldProps, keyof UseDateFieldProps> & {
   /**
    * Overridable component slots.
    * @default {}
@@ -17,6 +17,6 @@ export type DateFieldProps<TEnableAccessibleFieldDOMStructure extends boolean =
    */
   slotProps?: DateFieldSlotProps;
 };
-export type DateFieldOwnerState<TEnableAccessibleFieldDOMStructure extends boolean> = DateFieldProps<TEnableAccessibleFieldDOMStructure>;
+export type DateFieldOwnerState = DateFieldProps;
 export interface DateFieldSlots extends PickerFieldUISlots {}
 export interface DateFieldSlotProps extends PickerFieldUISlotProps {}

package/DateField/useDateField.d.mts

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

package/DateField/useDateField.d.ts

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

package/DateField/useDateField.js

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

package/DateField/useDateField.mjs

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

package/DatePicker/DatePicker.d.mts

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

package/DatePicker/DatePicker.d.ts

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

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,14 @@ 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.
    */
@@ -159,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,
   /**
@@ -244,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.
@@ -255,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.
@@ -279,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,
@@ -351,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.