@mui/x-date-pickers 7.0.0-alpha.4 → 7.0.0-alpha.6

package/node/DateTimeField/DateTimeField.js

@@ -13,12 +13,11 @@ var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _styles = require("@mui/material/styles");
 var _utils = require("@mui/base/utils");
 var _utils2 = require("@mui/utils");
-var _useDateTimeField2 = require("./useDateTimeField");
+var _useDateTimeField = require("./useDateTimeField");
 var _hooks = require("../hooks");
+var _convertFieldResponseIntoMuiTextFieldProps = require("../internals/utils/convertFieldResponseIntoMuiTextFieldProps");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
-  _excluded2 = ["inputRef"],
-  _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
+const _excluded = ["slots", "slotProps", "InputProps", "inputProps"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -31,7 +30,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  * - [DateTimeField API](https://mui.com/x/api/date-pickers/date-time-field/)
  */
-const DateTimeField = exports.DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps, ref) {
+const DateTimeField = exports.DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps, inRef) {
   const themeProps = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDateTimeField'
@@ -45,58 +44,26 @@ const DateTimeField = exports.DateTimeField = /*#__PURE__*/React.forwardRef(func
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
   const TextField = slots?.textField ?? _TextField.default;
-  const _useSlotProps = (0, _utils.useSlotProps)({
-      elementType: TextField,
-      externalSlotProps: slotProps?.textField,
-      externalForwardedProps: other,
-      ownerState
-    }),
-    {
-      inputRef: externalInputRef
-    } = _useSlotProps,
-    textFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+  const textFieldProps = (0, _utils.useSlotProps)({
+    elementType: TextField,
+    externalSlotProps: slotProps?.textField,
+    externalForwardedProps: other,
+    ownerState,
+    additionalProps: {
+      ref: inRef
+    }
+  });
 
   // TODO: Remove when mui/material-ui#35088 will be merged
   textFieldProps.inputProps = (0, _extends2.default)({}, inputProps, textFieldProps.inputProps);
   textFieldProps.InputProps = (0, _extends2.default)({}, InputProps, textFieldProps.InputProps);
-  const _useDateTimeField = (0, _useDateTimeField2.useDateTimeField)({
-      props: textFieldProps,
-      inputRef: externalInputRef
-    }),
-    {
-      ref: inputRef,
-      onPaste,
-      onKeyDown,
-      inputMode,
-      readOnly,
-      clearable,
-      onClear
-    } = _useDateTimeField,
-    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useDateTimeField, _excluded3);
-  const {
-    InputProps: ProcessedInputProps,
-    fieldProps: processedFieldProps
-  } = (0, _hooks.useClearableField)({
-    onClear,
-    clearable,
-    fieldProps,
-    InputProps: fieldProps.InputProps,
+  const fieldResponse = (0, _useDateTimeField.useDateTimeField)(textFieldProps);
+  const convertedFieldResponse = (0, _convertFieldResponseIntoMuiTextFieldProps.convertFieldResponseIntoMuiTextFieldProps)(fieldResponse);
+  const processedFieldProps = (0, _hooks.useClearableField)((0, _extends2.default)({}, convertedFieldResponse, {
     slots,
     slotProps
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
-    ref: ref
-  }, processedFieldProps, {
-    InputProps: (0, _extends2.default)({}, ProcessedInputProps, {
-      readOnly
-    }),
-    inputProps: (0, _extends2.default)({}, fieldProps.inputProps, {
-      inputMode,
-      onPaste,
-      onKeyDown,
-      ref: inputRef
-    })
   }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({}, processedFieldProps));
 });
 process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -307,7 +274,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.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
+  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
     endIndex: _propTypes.default.number.isRequired,
     startIndex: _propTypes.default.number.isRequired
   })]),

package/node/DateTimeField/useDateTimeField.js

@@ -28,17 +28,13 @@ const useDefaultizedDateTimeField = props => {
     maxTime: props.maxDateTime ?? props.maxTime
   });
 };
-const useDateTimeField = ({
-  props: inProps,
-  inputRef
-}) => {
+const useDateTimeField = inProps => {
   const props = useDefaultizedDateTimeField(inProps);
   const {
     forwardedProps,
     internalProps
   } = (0, _fields.splitFieldInternalAndForwardedProps)(props, 'date-time');
   return (0, _useField.useField)({
-    inputRef,
     forwardedProps,
     internalProps,
     valueManager: _valueManagers.singleItemValueManager,

package/node/DateTimePicker/DateTimePicker.js

@@ -207,6 +207,10 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: _propTypes.default.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: _propTypes.default.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.
@@ -305,7 +309,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.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
+  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
     endIndex: _propTypes.default.number.isRequired,
     startIndex: _propTypes.default.number.isRequired
   })]),

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -12,7 +12,8 @@ var _utils = require("@mui/base/utils");
 var _utils2 = require("@mui/utils");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _shared = require("../DatePicker/shared");
-var _internals = require("../internals");
+var _useUtils = require("../internals/hooks/useUtils");
+var _validateDate = require("../internals/utils/validation/validateDate");
 var _useDesktopPicker = require("../internals/hooks/useDesktopPicker");
 var _icons = require("../icons");
 var _DateField = require("../DateField");
@@ -32,8 +33,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - [DesktopDatePicker API](https://mui.com/x/api/date-pickers/desktop-date-picker/)
  */
 const DesktopDatePicker = exports.DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePicker(inProps, ref) {
-  const localeText = (0, _internals.useLocaleText)();
-  const utils = (0, _internals.useUtils)();
+  const localeText = (0, _useUtils.useLocaleText)();
+  const utils = (0, _useUtils.useUtils)();
 
   // Props with the default values common to all date pickers
   const defaultizedProps = (0, _shared.useDatePickerDefaultizedProps)(inProps, 'MuiDesktopDatePicker');
@@ -68,7 +69,7 @@ const DesktopDatePicker = exports.DesktopDatePicker = /*#__PURE__*/React.forward
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date',
     getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? localeText.openDatePickerDialogue,
-    validator: _internals.validateDate
+    validator: _validateDate.validateDate
   });
   return renderPicker();
 });
@@ -183,6 +184,10 @@ DesktopDatePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: _propTypes.default.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: _propTypes.default.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.
@@ -281,7 +286,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.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
+  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
     endIndex: _propTypes.default.number.isRequired,
     startIndex: _propTypes.default.number.isRequired
   })]),

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -260,6 +260,10 @@ DesktopDateTimePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: _propTypes.default.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: _propTypes.default.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.
@@ -358,7 +362,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.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
+  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
     endIndex: _propTypes.default.number.isRequired,
     startIndex: _propTypes.default.number.isRequired
   })]),

package/node/DesktopTimePicker/DesktopTimePicker.js

@@ -194,6 +194,10 @@ DesktopTimePicker.propTypes = {
    * @default 1
    */
   minutesStep: _propTypes.default.number,
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: _propTypes.default.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.
@@ -274,7 +278,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.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
+  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
     endIndex: _propTypes.default.number.isRequired,
     startIndex: _propTypes.default.number.isRequired
   })]),

package/node/MobileDatePicker/MobileDatePicker.js

@@ -12,7 +12,8 @@ var _utils = require("@mui/base/utils");
 var _utils2 = require("@mui/utils");
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
 var _shared = require("../DatePicker/shared");
-var _internals = require("../internals");
+var _useUtils = require("../internals/hooks/useUtils");
+var _validateDate = require("../internals/utils/validation/validateDate");
 var _DateField = require("../DateField");
 var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
 var _valueManagers = require("../internals/utils/valueManagers");
@@ -31,8 +32,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - [MobileDatePicker API](https://mui.com/x/api/date-pickers/mobile-date-picker/)
  */
 const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker(inProps, ref) {
-  const localeText = (0, _internals.useLocaleText)();
-  const utils = (0, _internals.useUtils)();
+  const localeText = (0, _useUtils.useLocaleText)();
+  const utils = (0, _useUtils.useUtils)();
 
   // Props with the default values common to all date pickers
   const defaultizedProps = (0, _shared.useDatePickerDefaultizedProps)(inProps, 'MuiMobileDatePicker');
@@ -65,7 +66,7 @@ const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRe
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date',
     getOpenDialogAriaText: props.localeText?.openDatePickerDialogue ?? localeText.openDatePickerDialogue,
-    validator: _internals.validateDate
+    validator: _validateDate.validateDate
   });
   return renderPicker();
 });
@@ -180,6 +181,10 @@ MobileDatePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: _propTypes.default.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: _propTypes.default.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.
@@ -278,7 +283,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.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
+  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
     endIndex: _propTypes.default.number.isRequired,
     startIndex: _propTypes.default.number.isRequired
   })]),

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -229,6 +229,10 @@ MobileDateTimePicker.propTypes = {
    * @default 3
    */
   monthsPerRow: _propTypes.default.oneOf([3, 4]),
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: _propTypes.default.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.
@@ -327,7 +331,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.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
+  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
     endIndex: _propTypes.default.number.isRequired,
     startIndex: _propTypes.default.number.isRequired
   })]),

package/node/MobileTimePicker/MobileTimePicker.js

@@ -173,6 +173,10 @@ MobileTimePicker.propTypes = {
    * @default 1
    */
   minutesStep: _propTypes.default.number,
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: _propTypes.default.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.
@@ -253,7 +257,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.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
+  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
     endIndex: _propTypes.default.number.isRequired,
     startIndex: _propTypes.default.number.isRequired
   })]),

package/node/PickersSectionList/PickersSectionList.js

@@ -0,0 +1,228 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickersSectionListSectionSeparator = exports.PickersSectionListSectionContent = exports.PickersSectionListSection = exports.PickersSectionListRoot = exports.PickersSectionList = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _styled = _interopRequireDefault(require("@mui/system/styled"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("@mui/base/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _pickersSectionListClasses = require("./pickersSectionListClasses");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["slots", "slotProps", "elements", "sectionListRef"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const PickersSectionListRoot = exports.PickersSectionListRoot = (0, _styled.default)('div', {
+  name: 'MuiPickersSectionList',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})({
+  direction: 'ltr /*! @noflip */',
+  outline: 'none'
+});
+const PickersSectionListSection = exports.PickersSectionListSection = (0, _styled.default)('span', {
+  name: 'MuiPickersSectionList',
+  slot: 'Section',
+  overridesResolver: (props, styles) => styles.section
+})({});
+const PickersSectionListSectionSeparator = exports.PickersSectionListSectionSeparator = (0, _styled.default)('span', {
+  name: 'MuiPickersSectionList',
+  slot: 'SectionSeparator',
+  overridesResolver: (props, styles) => styles.sectionSeparator
+})({
+  whiteSpace: 'pre'
+});
+const PickersSectionListSectionContent = exports.PickersSectionListSectionContent = (0, _styled.default)('span', {
+  name: 'MuiPickersSectionList',
+  slot: 'SectionContent',
+  overridesResolver: (props, styles) => styles.sectionContent
+})({
+  outline: 'none'
+});
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root'],
+    section: ['section'],
+    sectionContent: ['sectionContent']
+  };
+  return (0, _composeClasses.default)(slots, _pickersSectionListClasses.getPickersSectionListUtilityClass, classes);
+};
+/**
+ * Demos:
+ *
+ * - [Custom field](https://mui.com/x/react-date-pickers/custom-field/)
+ *
+ * API:
+ *
+ * - [PickersSectionList API](https://mui.com/x/api/date-pickers/pickers-section-list/)
+ */
+function PickersSection(props) {
+  const {
+    slots,
+    slotProps,
+    element,
+    classes
+  } = props;
+  const Section = slots?.section ?? PickersSectionListSection;
+  const sectionProps = (0, _utils.useSlotProps)({
+    elementType: Section,
+    externalSlotProps: slotProps?.section,
+    externalForwardedProps: element.container,
+    className: classes.section,
+    ownerState: {}
+  });
+  const SectionContent = slots?.sectionContent ?? PickersSectionListSectionContent;
+  const sectionContentProps = (0, _utils.useSlotProps)({
+    elementType: SectionContent,
+    externalSlotProps: slotProps?.sectionContent,
+    externalForwardedProps: element.content,
+    additionalProps: {
+      suppressContentEditableWarning: true
+    },
+    className: classes.sectionContent,
+    ownerState: {}
+  });
+  const SectionSeparator = slots?.sectionSeparator ?? PickersSectionListSectionSeparator;
+  const sectionSeparatorBeforeProps = (0, _utils.useSlotProps)({
+    elementType: SectionSeparator,
+    externalSlotProps: slotProps?.sectionSeparator,
+    externalForwardedProps: element.before,
+    ownerState: {
+      position: 'before'
+    }
+  });
+  const sectionSeparatorAfterProps = (0, _utils.useSlotProps)({
+    elementType: SectionSeparator,
+    externalSlotProps: slotProps?.sectionSeparator,
+    externalForwardedProps: element.after,
+    ownerState: {
+      position: 'after'
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Section, (0, _extends2.default)({}, sectionProps, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionSeparator, (0, _extends2.default)({}, sectionSeparatorBeforeProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionContent, (0, _extends2.default)({}, sectionContentProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionSeparator, (0, _extends2.default)({}, sectionSeparatorAfterProps))]
+  }));
+}
+const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwardRef(function PickersSectionList(props, ref) {
+  const {
+      slots,
+      slotProps,
+      elements,
+      sectionListRef
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const classes = useUtilityClasses(props);
+  const rootRef = React.useRef(null);
+  const handleRootRef = (0, _useForkRef.default)(ref, rootRef);
+  const getRoot = methodName => {
+    if (!rootRef.current) {
+      throw new Error(`MUI: Cannot call sectionListRef.${methodName} before the mount of the component`);
+    }
+    return rootRef.current;
+  };
+  React.useImperativeHandle(sectionListRef, () => ({
+    getRoot() {
+      return getRoot('getRoot');
+    },
+    getSectionContainer(index) {
+      const root = getRoot('getSectionContainer');
+      return root.querySelector(`.${_pickersSectionListClasses.pickersSectionListClasses.section}[data-sectionindex="${index}"]`);
+    },
+    getSectionContent(index) {
+      const root = getRoot('getSectionContent');
+      return root.querySelector(`.${_pickersSectionListClasses.pickersSectionListClasses.section}[data-sectionindex="${index}"] .${_pickersSectionListClasses.pickersSectionListClasses.sectionContent}`);
+    },
+    getSectionIndexFromDOMElement(element) {
+      const root = getRoot('getSectionIndexFromDOMElement');
+      if (element == null || !root.contains(element)) {
+        return null;
+      }
+      let sectionContainer = null;
+      if (element.classList.contains(_pickersSectionListClasses.pickersSectionListClasses.section)) {
+        sectionContainer = element;
+      } else if (element.classList.contains(_pickersSectionListClasses.pickersSectionListClasses.sectionContent)) {
+        sectionContainer = element.parentElement;
+      }
+      if (sectionContainer == null) {
+        return null;
+      }
+      return Number(sectionContainer.dataset.sectionindex);
+    }
+  }));
+  const Root = slots?.root ?? PickersSectionListRoot;
+  const rootProps = (0, _utils.useSlotProps)({
+    elementType: Root,
+    externalSlotProps: slotProps?.root,
+    externalForwardedProps: other,
+    additionalProps: {
+      ref: handleRootRef,
+      suppressContentEditableWarning: true
+    },
+    className: classes.root,
+    ownerState: {}
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, rootProps, {
+    children: rootProps.contentEditable ? elements.map(({
+      content,
+      before,
+      after
+    }) => `${before.children}${content.children}${after.children}`).join('') : /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+      children: elements.map((element, elementIndex) => /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersSection, {
+        slots: slots,
+        slotProps: slotProps,
+        element: element,
+        classes: classes
+      }, elementIndex))
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" ? PickersSectionList.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  /**
+   * If true, the whole element is editable.
+   * Useful when all the sections are selected.
+   */
+  contentEditable: _propTypes.default.bool.isRequired,
+  /**
+   * The elements to render.
+   * Each element contains the prop to edit a section of the value.
+   */
+  elements: _propTypes.default.arrayOf(_propTypes.default.shape({
+    after: _propTypes.default.object.isRequired,
+    before: _propTypes.default.object.isRequired,
+    container: _propTypes.default.object.isRequired,
+    content: _propTypes.default.object.isRequired
+  })).isRequired,
+  sectionListRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      getRoot: _propTypes.default.func.isRequired,
+      getSectionContainer: _propTypes.default.func.isRequired,
+      getSectionContent: _propTypes.default.func.isRequired,
+      getSectionIndexFromDOMElement: _propTypes.default.func.isRequired
+    })
+  })]),
+  /**
+   * The props used for each component slot.
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   */
+  slots: _propTypes.default.object
+} : void 0;

package/node/PickersSectionList/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Unstable_PickersSectionList", {
+  enumerable: true,
+  get: function () {
+    return _PickersSectionList.PickersSectionList;
+  }
+});
+Object.defineProperty(exports, "Unstable_PickersSectionListRoot", {
+  enumerable: true,
+  get: function () {
+    return _PickersSectionList.PickersSectionListRoot;
+  }
+});
+Object.defineProperty(exports, "Unstable_PickersSectionListSection", {
+  enumerable: true,
+  get: function () {
+    return _PickersSectionList.PickersSectionListSection;
+  }
+});
+Object.defineProperty(exports, "Unstable_PickersSectionListSectionContent", {
+  enumerable: true,
+  get: function () {
+    return _PickersSectionList.PickersSectionListSectionContent;
+  }
+});
+Object.defineProperty(exports, "Unstable_PickersSectionListSectionSeparator", {
+  enumerable: true,
+  get: function () {
+    return _PickersSectionList.PickersSectionListSectionSeparator;
+  }
+});
+Object.defineProperty(exports, "getPickersSectionListUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _pickersSectionListClasses.getPickersSectionListUtilityClass;
+  }
+});
+Object.defineProperty(exports, "pickersSectionListClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickersSectionListClasses.pickersSectionListClasses;
+  }
+});
+var _PickersSectionList = require("./PickersSectionList");
+var _pickersSectionListClasses = require("./pickersSectionListClasses");

package/node/PickersSectionList/pickersSectionListClasses.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPickersSectionListUtilityClass = getPickersSectionListUtilityClass;
+exports.pickersSectionListClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getPickersSectionListUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPickersSectionList', slot);
+}
+const pickersSectionListClasses = exports.pickersSectionListClasses = (0, _generateUtilityClasses.default)('MuiPickersSectionList', ['root', 'section', 'sectionContent']);

package/node/StaticDatePicker/StaticDatePicker.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _shared = require("../DatePicker/shared");
 var _dateViewRenderers = require("../dateViewRenderers");
 var _useStaticPicker = require("../internals/hooks/useStaticPicker");
-var _internals = require("../internals");
+var _validateDate = require("../internals/utils/validation/validateDate");
 var _valueManagers = require("../internals/utils/valueManagers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -51,7 +51,7 @@ const StaticDatePicker = exports.StaticDatePicker = /*#__PURE__*/React.forwardRe
     props,
     valueManager: _valueManagers.singleItemValueManager,
     valueType: 'date',
-    validator: _internals.validateDate,
+    validator: _validateDate.validateDate,
     ref
   });
   return renderPicker();