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

package/node/DateTimeField/useDateTimeField.js

@@ -1,35 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDateTimeField = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useField = require("../internals/hooks/useField");
 var _validateDateTime = require("../internals/utils/validation/validateDateTime");
-var _dateUtils = require("../internals/utils/date-utils");
-var _useUtils = require("../internals/hooks/useUtils");
 var _fields = require("../internals/utils/fields");
-const useDefaultizedDateTimeField = props => {
-  const utils = (0, _useUtils.useUtils)();
-  const defaultDates = (0, _useUtils.useDefaultDates)();
-  const ampm = props.ampm ?? utils.is12HourCycleInCurrentLocale();
-  const defaultFormat = ampm ? utils.formats.keyboardDateTime12h : utils.formats.keyboardDateTime24h;
-  return (0, _extends2.default)({}, props, {
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false,
-    format: props.format ?? defaultFormat,
-    disableIgnoringDatePartForTimeValidation: Boolean(props.minDateTime || props.maxDateTime),
-    minDate: (0, _dateUtils.applyDefaultDate)(utils, props.minDateTime ?? props.minDate, defaultDates.minDate),
-    maxDate: (0, _dateUtils.applyDefaultDate)(utils, props.maxDateTime ?? props.maxDate, defaultDates.maxDate),
-    minTime: props.minDateTime ?? props.minTime,
-    maxTime: props.maxDateTime ?? props.maxTime
-  });
-};
+var _defaultizedFieldProps = require("../internals/hooks/defaultizedFieldProps");
 const useDateTimeField = inProps => {
-  const props = useDefaultizedDateTimeField(inProps);
+  const props = (0, _defaultizedFieldProps.useDefaultizedDateTimeField)(inProps);
   const {
     forwardedProps,
     internalProps

package/node/DateTimePicker/DateTimePicker.js

@@ -91,7 +91,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -132,10 +132,13 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.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,
   /**
@@ -171,29 +174,29 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.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
@@ -290,7 +293,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.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.
@@ -299,17 +302,14 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.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.
    *
@@ -400,7 +400,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.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/DateTimePicker/DateTimePickerTabs.js

@@ -78,7 +78,8 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     timeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.TimeIcon, {}),
     view,
     hidden = typeof window === 'undefined' || window.innerHeight < 667,
-    className
+    className,
+    sx
   } = props;
   const localeText = (0, _useUtils.useLocaleText)();
   const classes = useUtilityClasses(props);
@@ -94,6 +95,7 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     value: viewToTab(view),
     onChange: handleChange,
     className: (0, _clsx.default)(className, classes.root),
+    sx: sx,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
       value: "date",
       "aria-label": localeText.dateTableLabel,
@@ -135,6 +137,10 @@ process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes = {
    * @param {TView} view The view to open
    */
   onViewChange: _propTypes.default.func.isRequired,
+  /**
+   * 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]),
   /**
    * Time tab icon.
    * @default Time

package/node/DateTimePicker/DateTimePickerToolbar.js

@@ -344,6 +344,9 @@ process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
    */
   onViewChange: _propTypes.default.func.isRequired,
   readOnly: _propTypes.default.bool,
+  /**
+   * 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]),
   titleId: _propTypes.default.string,
   /**
@@ -360,7 +363,7 @@ process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
    */
   toolbarTitle: _propTypes.default.node,
   toolbarVariant: _propTypes.default.oneOf(['desktop', 'mobile']),
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * Currently visible picker view.
    */

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -102,7 +102,7 @@ DesktopDatePicker.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
@@ -132,10 +132,13 @@ DesktopDatePicker.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,
   /**
@@ -171,11 +174,11 @@ DesktopDatePicker.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
@@ -267,7 +270,7 @@ DesktopDatePicker.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,17 +279,14 @@ DesktopDatePicker.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.
    *
@@ -348,7 +348,7 @@ DesktopDatePicker.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/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -150,7 +150,7 @@ DesktopDateTimePicker.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
@@ -185,10 +185,13 @@ DesktopDateTimePicker.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,
   /**
@@ -224,29 +227,29 @@ DesktopDateTimePicker.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
@@ -343,7 +346,7 @@ DesktopDateTimePicker.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.
@@ -352,17 +355,14 @@ DesktopDateTimePicker.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.
    *
@@ -453,7 +453,7 @@ DesktopDateTimePicker.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/DesktopTimePicker/DesktopTimePicker.js

@@ -126,7 +126,7 @@ DesktopTimePicker.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
@@ -152,6 +152,10 @@ DesktopTimePicker.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`.
@@ -180,12 +184,12 @@ DesktopTimePicker.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
@@ -265,20 +269,17 @@ DesktopTimePicker.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
@@ -334,7 +335,7 @@ DesktopTimePicker.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/DigitalClock/DigitalClock.js

@@ -294,7 +294,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.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
@@ -323,12 +323,12 @@ process.env.NODE_ENV !== "production" ? DigitalClock.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
@@ -371,7 +371,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.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
@@ -417,7 +417,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.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/LocalizationProvider/LocalizationProvider.js

@@ -115,6 +115,7 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
    */
   dateFormats: _propTypes.default.shape({
     dayOfMonth: _propTypes.default.string,
+    dayOfMonthFull: _propTypes.default.string,
     fullDate: _propTypes.default.string,
     fullTime: _propTypes.default.string,
     fullTime12h: _propTypes.default.string,

package/node/MobileDatePicker/MobileDatePicker.js

@@ -99,7 +99,7 @@ MobileDatePicker.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
@@ -129,10 +129,13 @@ MobileDatePicker.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,
   /**
@@ -168,11 +171,11 @@ MobileDatePicker.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
@@ -264,7 +267,7 @@ MobileDatePicker.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.
@@ -273,17 +276,14 @@ MobileDatePicker.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.
    *
@@ -345,7 +345,7 @@ MobileDatePicker.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.