@mui/x-date-pickers 7.0.0-alpha.3 → 7.0.0-alpha.5

package/internals/utils/convertFieldResponseIntoMuiTextFieldProps.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["onPaste", "onKeyDown", "inputMode", "readOnly", "InputProps", "inputProps", "inputRef"];
+export const convertFieldResponseIntoMuiTextFieldProps = fieldResponse => {
+  const {
+      onPaste,
+      onKeyDown,
+      inputMode,
+      readOnly,
+      InputProps,
+      inputProps,
+      inputRef
+    } = fieldResponse,
+    other = _objectWithoutPropertiesLoose(fieldResponse, _excluded);
+  return _extends({}, other, {
+    InputProps: _extends({}, InputProps != null ? InputProps : {}, {
+      readOnly
+    }),
+    inputProps: _extends({}, inputProps != null ? inputProps : {}, {
+      inputMode,
+      onPaste,
+      onKeyDown,
+      ref: inputRef
+    })
+  });
+};

package/legacy/AdapterLuxon/AdapterLuxon.js

@@ -238,7 +238,6 @@ export var AdapterLuxon = /*#__PURE__*/_createClass(function AdapterLuxon() {
     if (typeof Intl === 'undefined' || typeof Intl.DateTimeFormat === 'undefined') {
       return true; // Luxon defaults to en-US if Intl not found
     }
-
     return Boolean((_Intl$DateTimeFormat = new Intl.DateTimeFormat(_this.locale, {
       hour: 'numeric'
     })) == null || (_Intl$DateTimeFormat = _Intl$DateTimeFormat.resolvedOptions()) == null ? void 0 : _Intl$DateTimeFormat.hour12);

package/legacy/DateCalendar/useCalendarState.js

@@ -63,7 +63,6 @@ export var useCalendarState = function useCalendarState(params) {
     });
   }, [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   var _React$useReducer = React.useReducer(reducerFn, {
       isMonthSwitchingAnimating: false,
       focusedDay: referenceDate,

package/legacy/DateField/DateField.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
-  _excluded2 = ["inputRef"],
-  _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
+var _excluded = ["slots", "slotProps", "InputProps", "inputProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import MuiTextField from '@mui/material/TextField';
@@ -11,6 +9,7 @@ import { useSlotProps } from '@mui/base/utils';
 import { refType } from '@mui/utils';
 import { useDateField } from './useDateField';
 import { useClearableField } from '../hooks';
+import { convertFieldResponseIntoMuiTextFieldProps } from '../internals/utils/convertFieldResponseIntoMuiTextFieldProps';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
@@ -22,7 +21,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * - [DateField API](https://mui.com/x/api/date-pickers/date-field/)
  */
-var DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref) {
+var DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, inRef) {
   var _slots$textField;
   var themeProps = useThemeProps({
     props: inProps,
@@ -35,53 +34,26 @@ var DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref) {
     other = _objectWithoutProperties(themeProps, _excluded);
   var ownerState = themeProps;
   var TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
-  var _useSlotProps = useSlotProps({
-      elementType: TextField,
-      externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
-      externalForwardedProps: other,
-      ownerState: ownerState
-    }),
-    externalInputRef = _useSlotProps.inputRef,
-    textFieldProps = _objectWithoutProperties(_useSlotProps, _excluded2);
+  var textFieldProps = useSlotProps({
+    elementType: TextField,
+    externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
+    externalForwardedProps: other,
+    additionalProps: {
+      ref: inRef
+    },
+    ownerState: ownerState
+  });
 
   // TODO: Remove when mui/material-ui#35088 will be merged
   textFieldProps.inputProps = _extends({}, inputProps, textFieldProps.inputProps);
   textFieldProps.InputProps = _extends({}, InputProps, textFieldProps.InputProps);
-  var _useDateField = useDateField({
-      props: textFieldProps,
-      inputRef: externalInputRef
-    }),
-    inputRef = _useDateField.ref,
-    onPaste = _useDateField.onPaste,
-    onKeyDown = _useDateField.onKeyDown,
-    inputMode = _useDateField.inputMode,
-    readOnly = _useDateField.readOnly,
-    clearable = _useDateField.clearable,
-    onClear = _useDateField.onClear,
-    fieldProps = _objectWithoutProperties(_useDateField, _excluded3);
-  var _useClearableField = useClearableField({
-      onClear: onClear,
-      clearable: clearable,
-      fieldProps: fieldProps,
-      InputProps: fieldProps.InputProps,
-      slots: slots,
-      slotProps: slotProps
-    }),
-    ProcessedInputProps = _useClearableField.InputProps,
-    processedFieldProps = _useClearableField.fieldProps;
-  return /*#__PURE__*/_jsx(TextField, _extends({
-    ref: ref
-  }, processedFieldProps, {
-    InputProps: _extends({}, ProcessedInputProps, {
-      readOnly: readOnly
-    }),
-    inputProps: _extends({}, fieldProps.inputProps, {
-      inputMode: inputMode,
-      onPaste: onPaste,
-      onKeyDown: onKeyDown,
-      ref: inputRef
-    })
+  var fieldResponse = useDateField(textFieldProps);
+  var convertedFieldResponse = convertFieldResponseIntoMuiTextFieldProps(fieldResponse);
+  var processedFieldProps = useClearableField(_extends({}, convertedFieldResponse, {
+    slots: slots,
+    slotProps: slotProps
   }));
+  return /*#__PURE__*/_jsx(TextField, _extends({}, processedFieldProps));
 });
 process.env.NODE_ENV !== "production" ? DateField.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -259,7 +231,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/legacy/DateField/useDateField.js

@@ -17,15 +17,12 @@ var useDefaultizedDateField = function useDefaultizedDateField(props) {
     maxDate: applyDefaultDate(utils, props.maxDate, defaultDates.maxDate)
   });
 };
-export var useDateField = function useDateField(_ref) {
-  var inProps = _ref.props,
-    inputRef = _ref.inputRef;
+export var useDateField = function useDateField(inProps) {
   var props = useDefaultizedDateField(inProps);
   var _splitFieldInternalAn = splitFieldInternalAndForwardedProps(props, 'date'),
     forwardedProps = _splitFieldInternalAn.forwardedProps,
     internalProps = _splitFieldInternalAn.internalProps;
   return useField({
-    inputRef: inputRef,
     forwardedProps: forwardedProps,
     internalProps: internalProps,
     valueManager: singleItemValueManager,

package/legacy/DatePicker/DatePicker.js

@@ -159,6 +159,10 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: PropTypes.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -257,7 +261,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/legacy/DateTimeField/DateTimeField.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
-  _excluded2 = ["inputRef"],
-  _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
+var _excluded = ["slots", "slotProps", "InputProps", "inputProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import MuiTextField from '@mui/material/TextField';
@@ -11,6 +9,7 @@ import { useSlotProps } from '@mui/base/utils';
 import { refType } from '@mui/utils';
 import { useDateTimeField } from './useDateTimeField';
 import { useClearableField } from '../hooks';
+import { convertFieldResponseIntoMuiTextFieldProps } from '../internals/utils/convertFieldResponseIntoMuiTextFieldProps';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
@@ -22,7 +21,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * - [DateTimeField API](https://mui.com/x/api/date-pickers/date-time-field/)
  */
-var DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps, ref) {
+var DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps, inRef) {
   var _slots$textField;
   var themeProps = useThemeProps({
     props: inProps,
@@ -35,53 +34,26 @@ var DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps
     other = _objectWithoutProperties(themeProps, _excluded);
   var ownerState = themeProps;
   var TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
-  var _useSlotProps = useSlotProps({
-      elementType: TextField,
-      externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
-      externalForwardedProps: other,
-      ownerState: ownerState
-    }),
-    externalInputRef = _useSlotProps.inputRef,
-    textFieldProps = _objectWithoutProperties(_useSlotProps, _excluded2);
+  var textFieldProps = useSlotProps({
+    elementType: TextField,
+    externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
+    externalForwardedProps: other,
+    ownerState: ownerState,
+    additionalProps: {
+      ref: inRef
+    }
+  });
 
   // TODO: Remove when mui/material-ui#35088 will be merged
   textFieldProps.inputProps = _extends({}, inputProps, textFieldProps.inputProps);
   textFieldProps.InputProps = _extends({}, InputProps, textFieldProps.InputProps);
-  var _useDateTimeField = useDateTimeField({
-      props: textFieldProps,
-      inputRef: externalInputRef
-    }),
-    inputRef = _useDateTimeField.ref,
-    onPaste = _useDateTimeField.onPaste,
-    onKeyDown = _useDateTimeField.onKeyDown,
-    inputMode = _useDateTimeField.inputMode,
-    readOnly = _useDateTimeField.readOnly,
-    clearable = _useDateTimeField.clearable,
-    onClear = _useDateTimeField.onClear,
-    fieldProps = _objectWithoutProperties(_useDateTimeField, _excluded3);
-  var _useClearableField = useClearableField({
-      onClear: onClear,
-      clearable: clearable,
-      fieldProps: fieldProps,
-      InputProps: fieldProps.InputProps,
-      slots: slots,
-      slotProps: slotProps
-    }),
-    ProcessedInputProps = _useClearableField.InputProps,
-    processedFieldProps = _useClearableField.fieldProps;
-  return /*#__PURE__*/_jsx(TextField, _extends({
-    ref: ref
-  }, processedFieldProps, {
-    InputProps: _extends({}, ProcessedInputProps, {
-      readOnly: readOnly
-    }),
-    inputProps: _extends({}, fieldProps.inputProps, {
-      inputMode: inputMode,
-      onPaste: onPaste,
-      onKeyDown: onKeyDown,
-      ref: inputRef
-    })
+  var fieldResponse = useDateTimeField(textFieldProps);
+  var convertedFieldResponse = convertFieldResponseIntoMuiTextFieldProps(fieldResponse);
+  var processedFieldProps = useClearableField(_extends({}, convertedFieldResponse, {
+    slots: slots,
+    slotProps: slotProps
   }));
+  return /*#__PURE__*/_jsx(TextField, _extends({}, processedFieldProps));
 });
 process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -292,7 +264,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/legacy/DateTimeField/useDateTimeField.js

@@ -22,15 +22,12 @@ var useDefaultizedDateTimeField = function useDefaultizedDateTimeField(props) {
     maxTime: (_props$maxDateTime2 = props.maxDateTime) != null ? _props$maxDateTime2 : props.maxTime
   });
 };
-export var useDateTimeField = function useDateTimeField(_ref) {
-  var inProps = _ref.props,
-    inputRef = _ref.inputRef;
+export var useDateTimeField = function useDateTimeField(inProps) {
   var props = useDefaultizedDateTimeField(inProps);
   var _splitFieldInternalAn = splitFieldInternalAndForwardedProps(props, 'date-time'),
     forwardedProps = _splitFieldInternalAn.forwardedProps,
     internalProps = _splitFieldInternalAn.internalProps;
   return useField({
-    inputRef: inputRef,
     forwardedProps: forwardedProps,
     internalProps: internalProps,
     valueManager: singleItemValueManager,

package/legacy/DateTimePicker/DateTimePicker.js

@@ -197,6 +197,10 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: PropTypes.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -295,7 +299,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/legacy/DesktopDatePicker/DesktopDatePicker.js

@@ -5,7 +5,8 @@ import { resolveComponentProps } from '@mui/base/utils';
 import { refType } from '@mui/utils';
 import { singleItemValueManager } from '../internals/utils/valueManagers';
 import { useDatePickerDefaultizedProps } from '../DatePicker/shared';
-import { useLocaleText, useUtils, validateDate } from '../internals';
+import { useLocaleText, useUtils } from '../internals/hooks/useUtils';
+import { validateDate } from '../internals/utils/validation/validateDate';
 import { useDesktopPicker } from '../internals/hooks/useDesktopPicker';
 import { CalendarIcon } from '../icons';
 import { DateField } from '../DateField';
@@ -177,6 +178,10 @@ DesktopDatePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: PropTypes.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -275,7 +280,7 @@ DesktopDatePicker.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -253,6 +253,10 @@ DesktopDateTimePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: PropTypes.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -351,7 +355,7 @@ DesktopDateTimePicker.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/legacy/DesktopTimePicker/DesktopTimePicker.js

@@ -189,6 +189,10 @@ DesktopTimePicker.propTypes = {
    * @default 1
    */
   minutesStep: PropTypes.number,
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -269,7 +273,7 @@ DesktopTimePicker.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/legacy/MobileDatePicker/MobileDatePicker.js

@@ -5,7 +5,8 @@ import { resolveComponentProps } from '@mui/base/utils';
 import { refType } from '@mui/utils';
 import { useMobilePicker } from '../internals/hooks/useMobilePicker';
 import { useDatePickerDefaultizedProps } from '../DatePicker/shared';
-import { useLocaleText, useUtils, validateDate } from '../internals';
+import { useUtils, useLocaleText } from '../internals/hooks/useUtils';
+import { validateDate } from '../internals/utils/validation/validateDate';
 import { DateField } from '../DateField';
 import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
 import { singleItemValueManager } from '../internals/utils/valueManagers';
@@ -174,6 +175,10 @@ MobileDatePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: PropTypes.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -272,7 +277,7 @@ MobileDatePicker.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/legacy/MobileDateTimePicker/MobileDateTimePicker.js

@@ -223,6 +223,10 @@ MobileDateTimePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: PropTypes.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -321,7 +325,7 @@ MobileDateTimePicker.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/legacy/MobileTimePicker/MobileTimePicker.js

@@ -167,6 +167,10 @@ MobileTimePicker.propTypes = {
    * @default 1
    */
   minutesStep: PropTypes.number,
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -247,7 +251,7 @@ MobileTimePicker.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/legacy/MonthCalendar/MonthCalendar.js

@@ -113,7 +113,6 @@ export var MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalendar(
     });
   }, [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
   var todayMonth = React.useMemo(function () {

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -36,7 +36,12 @@ var MultiSectionDigitalClockSectionRoot = styled(MenuList, {
     '@media (prefers-reduced-motion: no-preference)': {
       scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
     },
-    '&:hover': {
+    '@media (pointer: fine)': {
+      '&:hover': {
+        overflowY: 'auto'
+      }
+    },
+    '@media (pointer: none), (pointer: coarse)': {
       overflowY: 'auto'
     },
     '&:not(:first-of-type)': {
@@ -162,7 +167,8 @@ export var MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(funct
         "aria-disabled": readOnly,
         "aria-label": option.ariaLabel,
         "aria-selected": isSelected,
-        tabIndex: tabIndex
+        tabIndex: tabIndex,
+        className: classes.item
       }, slotProps == null ? void 0 : slotProps.digitalClockSectionItem, {
         children: option.label
       }), option.label);

package/legacy/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js

@@ -1,6 +1,6 @@
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
-  return generateUtilityClass('MuiMultiSectionDigitalClock', slot);
+  return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
 }
-export var multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClock', ['root', 'item']);
+export var multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);

package/legacy/PickersCalendarHeader/PickersCalendarHeader.js

@@ -39,13 +39,13 @@ var PickersCalendarHeaderRoot = styled('div', {
 })({
   display: 'flex',
   alignItems: 'center',
-  marginTop: 16,
-  marginBottom: 8,
+  marginTop: 12,
+  marginBottom: 4,
   paddingLeft: 24,
   paddingRight: 12,
   // prevent jumping in safari
-  maxHeight: 30,
-  minHeight: 30
+  maxHeight: 40,
+  minHeight: 40
 });
 var PickersCalendarHeaderLabelContainer = styled('div', {
   name: 'MuiPickersCalendarHeader',

package/legacy/StaticDatePicker/StaticDatePicker.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { useDatePickerDefaultizedProps } from '../DatePicker/shared';
 import { renderDateViewCalendar } from '../dateViewRenderers';
 import { useStaticPicker } from '../internals/hooks/useStaticPicker';
-import { validateDate } from '../internals';
+import { validateDate } from '../internals/utils/validation/validateDate';
 import { singleItemValueManager } from '../internals/utils/valueManagers';
 /**
  * Demos:

package/legacy/TimeClock/Clock.js

@@ -293,7 +293,6 @@ export function Clock(inProps) {
       // do nothing
     }
   };
-
   return /*#__PURE__*/_jsxs(ClockRoot, {
     className: clsx(className, classes.root),
     children: [/*#__PURE__*/_jsxs(ClockClock, {

package/legacy/TimeClock/ClockPointer.js

@@ -88,7 +88,6 @@ export function ClockPointer(inProps) {
     if (type === 'hours' && viewValue > 12) {
       angle -= 360; // round up angle to max 360 degrees
     }
-
     return {
       height: Math.round((isInner ? 0.26 : 0.4) * CLOCK_WIDTH),
       transform: "rotateZ(".concat(angle, "deg)")