@mui/x-date-pickers 7.0.0-beta.1 → 7.0.0-beta.4

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -119,7 +119,7 @@ MobileDateTimePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker and text field are disabled.
    * @default false
@@ -154,10 +154,13 @@ MobileDateTimePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: _propTypes.default.bool,
+  /**
+   * @default false
+   */
+  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
-   * @default undefined
    */
   fixedWeekNumber: _propTypes.default.number,
   /**
@@ -193,29 +196,29 @@ MobileDateTimePicker.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Maximal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
    */
-  maxDateTime: _propTypes.default.any,
+  maxDateTime: _propTypes.default.object,
   /**
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.any,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
    */
-  minDateTime: _propTypes.default.any,
+  minDateTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.any,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
@@ -312,7 +315,7 @@ MobileDateTimePicker.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Component displaying when passed `loading` true.
    * @returns {React.ReactNode} The node to render when loading.
@@ -321,17 +324,14 @@ MobileDateTimePicker.propTypes = {
   renderLoading: _propTypes.default.func,
   /**
    * The currently selected sections.
-   * This prop accept four formats:
+   * This prop accepts four formats:
    * 1. If a number is provided, the section at this index will be selected.
-   * 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
-   * 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
-   * 4. If `null` is provided, no section will be selected
+   * 2. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
+   * 3. If `"all"` is provided, all the sections will be selected.
+   * 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', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
-    endIndex: _propTypes.default.number.isRequired,
-    startIndex: _propTypes.default.number.isRequired
-  })]),
+  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number]),
   /**
    * Disable specific date.
    *
@@ -401,7 +401,7 @@ MobileDateTimePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/MobileTimePicker/MobileTimePicker.js

@@ -105,7 +105,7 @@ MobileTimePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker and text field are disabled.
    * @default false
@@ -131,6 +131,10 @@ MobileTimePicker.propTypes = {
    * @default false
    */
   disablePast: _propTypes.default.bool,
+  /**
+   * @default false
+   */
+  enableAccessibleFieldDOMStructure: _propTypes.default.any,
   /**
    * Format of the date when rendered in the input(s).
    * Defaults to localized format based on the used `views`.
@@ -159,12 +163,12 @@ MobileTimePicker.propTypes = {
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.any,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.any,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
@@ -244,20 +248,17 @@ MobileTimePicker.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * The currently selected sections.
-   * This prop accept four formats:
+   * This prop accepts four formats:
    * 1. If a number is provided, the section at this index will be selected.
-   * 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
-   * 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
-   * 4. If `null` is provided, no section will be selected
+   * 2. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
+   * 3. If `"all"` is provided, all the sections will be selected.
+   * 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', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number, _propTypes.default.shape({
-    endIndex: _propTypes.default.number.isRequired,
-    startIndex: _propTypes.default.number.isRequired
-  })]),
+  selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number]),
   /**
    * Disable specific time.
    * @template TDate
@@ -292,7 +293,7 @@ MobileTimePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/MonthCalendar/MonthCalendar.js

@@ -254,7 +254,7 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
    * The default selected value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true` picker is disabled
    */
@@ -279,11 +279,11 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Months rendered per row.
    * @default 3
@@ -305,7 +305,7 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid month using the validation props, except callbacks such as `shouldDisableMonth`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Disable specific month.
    * @template TDate
@@ -329,5 +329,5 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any
+  value: _propTypes.default.object
 } : void 0;

package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -359,7 +359,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
    * The default selected value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker views and text field are disabled.
    * @default false
@@ -388,12 +388,12 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.any,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.any,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
@@ -436,7 +436,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Disable specific time.
    * @template TDate
@@ -486,7 +486,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/PickersCalendarHeader/PickersCalendarHeader.js

@@ -239,7 +239,7 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
    */
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
-  currentMonth: _propTypes.default.any.isRequired,
+  currentMonth: _propTypes.default.object.isRequired,
   disabled: _propTypes.default.bool,
   disableFuture: _propTypes.default.bool,
   disablePast: _propTypes.default.bool,
@@ -249,8 +249,8 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
    */
   format: _propTypes.default.string,
   labelId: _propTypes.default.string,
-  maxDate: _propTypes.default.any.isRequired,
-  minDate: _propTypes.default.any.isRequired,
+  maxDate: _propTypes.default.object.isRequired,
+  minDate: _propTypes.default.object.isRequired,
   onMonthChange: _propTypes.default.func.isRequired,
   onViewChange: _propTypes.default.func,
   reduceAnimations: _propTypes.default.bool.isRequired,

package/node/PickersDay/PickersDay.js

@@ -237,7 +237,7 @@ process.env.NODE_ENV !== "production" ? PickersDayRaw.propTypes = {
   /**
    * The date to show.
    */
-  day: _propTypes.default.any.isRequired,
+  day: _propTypes.default.object.isRequired,
   /**
    * If `true`, renders as disabled.
    * @default false

package/node/PickersLayout/PickersLayout.js

@@ -129,6 +129,9 @@ process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   children: _propTypes.default.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
   disabled: _propTypes.default.bool,
@@ -159,6 +162,9 @@ process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
    * @default {}
    */
   slots: _propTypes.default.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   value: _propTypes.default.any,
   view: _propTypes.default.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']),

package/node/PickersSectionList/PickersSectionList.js

@@ -8,7 +8,6 @@ exports.PickersSectionListSectionSeparator = exports.PickersSectionListSectionCo
 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"));
@@ -19,7 +18,7 @@ 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', {
+const PickersSectionListRoot = exports.PickersSectionListRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersSectionList',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -27,19 +26,19 @@ const PickersSectionListRoot = exports.PickersSectionListRoot = (0, _styled.defa
   direction: 'ltr /*! @noflip */',
   outline: 'none'
 });
-const PickersSectionListSection = exports.PickersSectionListSection = (0, _styled.default)('span', {
+const PickersSectionListSection = exports.PickersSectionListSection = (0, _styles.styled)('span', {
   name: 'MuiPickersSectionList',
   slot: 'Section',
   overridesResolver: (props, styles) => styles.section
 })({});
-const PickersSectionListSectionSeparator = exports.PickersSectionListSectionSeparator = (0, _styled.default)('span', {
+const PickersSectionListSectionSeparator = exports.PickersSectionListSectionSeparator = (0, _styles.styled)('span', {
   name: 'MuiPickersSectionList',
   slot: 'SectionSeparator',
   overridesResolver: (props, styles) => styles.sectionSeparator
 })({
   whiteSpace: 'pre'
 });
-const PickersSectionListSectionContent = exports.PickersSectionListSectionContent = (0, _styled.default)('span', {
+const PickersSectionListSectionContent = exports.PickersSectionListSectionContent = (0, _styles.styled)('span', {
   name: 'MuiPickersSectionList',
   slot: 'SectionContent',
   overridesResolver: (props, styles) => styles.sectionContent

package/node/PickersTextField/PickersFilledInput/PickersFilledInput.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormControl = require("@mui/material/FormControl");
 var _styles = require("@mui/material/styles");
+var _utils = require("@mui/utils");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersFilledInputClasses = require("./pickersFilledInputClasses");
 var _PickersInputBase = require("../PickersInputBase");
@@ -208,11 +209,10 @@ process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
   hiddenLabel: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.object
-  })]),
+  inputRef: _utils.refType,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
+  name: _propTypes.default.string,
   onChange: _propTypes.default.func.isRequired,
   onClick: _propTypes.default.func.isRequired,
   onInput: _propTypes.default.func.isRequired,

package/node/PickersTextField/PickersInput/PickersInput.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormControl = require("@mui/material/FormControl");
 var _styles = require("@mui/material/styles");
+var _utils = require("@mui/utils");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersInputClasses = require("./pickersInputClasses");
 var _PickersInputBase = require("../PickersInputBase");
@@ -166,11 +167,10 @@ process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
   fullWidth: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.object
-  })]),
+  inputRef: _utils.refType,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
+  name: _propTypes.default.string,
   onChange: _propTypes.default.func.isRequired,
   onClick: _propTypes.default.func.isRequired,
   onInput: _propTypes.default.func.isRequired,

package/node/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -12,13 +12,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormControl = require("@mui/material/FormControl");
 var _styles = require("@mui/material/styles");
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _utils = require("@mui/utils");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _visuallyHidden = _interopRequireDefault(require("@mui/utils/visuallyHidden"));
 var _pickersInputBaseClasses = require("./pickersInputBaseClasses");
 var _PickersSectionList = require("../../PickersSectionList");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value", "onChange", "id", "autoFocus", "endAdornment", "startAdornment", "renderSuffix", "slots", "contentEditable", "tabIndex", "onInput", "onPaste", "onKeyDown", "fullWidth", "inputProps", "inputRef", "sectionListRef"];
+const _excluded = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value", "onChange", "id", "autoFocus", "endAdornment", "startAdornment", "renderSuffix", "slots", "contentEditable", "tabIndex", "onInput", "onPaste", "onKeyDown", "fullWidth", "name", "readOnly", "inputProps", "inputRef", "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 round = value => Math.round(value * 1e5) / 1e5;
@@ -165,6 +166,8 @@ const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRe
       onInput,
       onPaste,
       onKeyDown,
+      name,
+      readOnly,
       inputProps,
       inputRef,
       sectionListRef
@@ -241,12 +244,16 @@ const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRe
         })
       }
     }), endAdornment, renderSuffix ? renderSuffix((0, _extends2.default)({}, muiFormControl)) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersInputBaseInput, (0, _extends2.default)({
+      name: name,
       className: classes.input,
       value: value,
       onChange: onChange,
       id: id,
       "aria-hidden": "true",
-      tabIndex: -1
+      tabIndex: -1,
+      readOnly: readOnly,
+      required: muiFormControl.required,
+      disabled: muiFormControl.disabled
     }, inputProps, {
       ref: handleInputRef
     }))]
@@ -288,11 +295,10 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
   fullWidth: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.object
-  })]),
+  inputRef: _utils.refType,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
+  name: _propTypes.default.string,
   onChange: _propTypes.default.func.isRequired,
   onClick: _propTypes.default.func.isRequired,
   onInput: _propTypes.default.func.isRequired,

package/node/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormControl = require("@mui/material/FormControl");
 var _styles = require("@mui/material/styles");
+var _utils = require("@mui/utils");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersOutlinedInputClasses = require("./pickersOutlinedInputClasses");
 var _Outline = _interopRequireDefault(require("./Outline"));
@@ -158,11 +159,10 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
   fullWidth: _propTypes.default.bool,
   id: _propTypes.default.string,
   inputProps: _propTypes.default.object,
-  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.object
-  })]),
+  inputRef: _utils.refType,
   label: _propTypes.default.node,
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
+  name: _propTypes.default.string,
   notched: _propTypes.default.bool,
   onChange: _propTypes.default.func.isRequired,
   onClick: _propTypes.default.func.isRequired,

package/node/PickersTextField/PickersTextField.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
+var _utils = require("@mui/utils");
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
@@ -22,7 +23,7 @@ var _PickersOutlinedInput = require("./PickersOutlinedInput");
 var _PickersFilledInput = require("./PickersFilledInput");
 var _PickersInput = require("./PickersInput");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["onFocus", "onBlur", "className", "color", "disabled", "error", "variant", "required", "InputProps", "inputProps", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "helperText", "FormHelperTextProps", "label", "InputLabelProps"];
+const _excluded = ["onFocus", "onBlur", "className", "color", "disabled", "error", "variant", "required", "InputProps", "inputProps", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "name", "helperText", "FormHelperTextProps", "label", "InputLabelProps"];
 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 VARIANT_COMPONENT = {
@@ -82,6 +83,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
       onChange,
       fullWidth,
       id: idProp,
+      name,
       // Props used by FormHelperText
       helperText,
       FormHelperTextProps,
@@ -142,7 +144,10 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
       inputProps: inputProps,
       inputRef: inputRef,
       sectionListRef: sectionListRef,
-      label: label
+      label: label,
+      name: name,
+      role: "group",
+      "aria-labelledby": inputLabelId
     }, InputProps)), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, (0, _extends2.default)({
       id: helperTextId
     }, FormHelperTextProps, {
@@ -215,15 +220,14 @@ process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
    * component depending on the `variant` prop value.
    */
   InputProps: _propTypes.default.object,
-  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.object
-  })]),
+  inputRef: _utils.refType,
   label: _propTypes.default.node,
   /**
    * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
    * @default 'none'
    */
   margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
+  name: _propTypes.default.string,
   onBlur: _propTypes.default.func.isRequired,
   onChange: _propTypes.default.func.isRequired,
   onClick: _propTypes.default.func.isRequired,

package/node/StaticDatePicker/StaticDatePicker.js

@@ -80,7 +80,7 @@ StaticDatePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker and text field are disabled.
    * @default false
@@ -113,7 +113,6 @@ StaticDatePicker.propTypes = {
   /**
    * 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
-   * @default undefined
    */
   fixedWeekNumber: _propTypes.default.number,
   /**
@@ -130,11 +129,11 @@ StaticDatePicker.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Months rendered per row.
    * @default 3
@@ -208,7 +207,7 @@ StaticDatePicker.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Component displaying when passed `loading` true.
    * @returns {React.ReactNode} The node to render when loading.
@@ -276,7 +275,7 @@ StaticDatePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -100,7 +100,7 @@ StaticDateTimePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker and text field are disabled.
    * @default false
@@ -138,7 +138,6 @@ StaticDateTimePicker.propTypes = {
   /**
    * 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
-   * @default undefined
    */
   fixedWeekNumber: _propTypes.default.number,
   /**
@@ -155,29 +154,29 @@ StaticDateTimePicker.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Maximal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
    */
-  maxDateTime: _propTypes.default.any,
+  maxDateTime: _propTypes.default.object,
   /**
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.any,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
    */
-  minDateTime: _propTypes.default.any,
+  minDateTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.any,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
@@ -256,7 +255,7 @@ StaticDateTimePicker.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Component displaying when passed `loading` true.
    * @returns {React.ReactNode} The node to render when loading.
@@ -332,7 +331,7 @@ StaticDateTimePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.