@mui/x-date-pickers 5.0.0 → 5.0.1

package/CHANGELOG.md

@@ -3,6 +3,66 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.2
+
+_Sep 9, 2022_
+
+This release will the last regular release for our `v5` packages.
+From now on, we'll be focusing on developing MUI X v6.
+You can check the [roadmap](https://github.com/mui/mui-x/projects/1) for more details on what's coming next.
+
+And if you'd like to help, please consider volunteering to give us a [user interview](https://docs.google.com/forms/d/11L_zxL7oD_B-ZrZDuSyIkUzJLzOTUU2M4vHXxMVtWhU/edit).
+We'd love to know more about your use cases, pain points and expectations for the future.
+
+The `v5` packages will only get new versions to patch critical bug fixes.
+
+We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 📃 Add support for column grouping when exporting to Excel (#5895) @alexfauquette
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.2` / `@mui/x-data-grid-pro@v5.17.2` / `@mui/x-data-grid-premium@v5.17.2`
+
+#### Changes
+
+- [DataGrid] Revert mode if cell/row couldn't be saved due to validation error (#5897) @m4theushw
+- [DataGridPremium] Export column grouping in Excel (#5895) @alexfauquette
+
+### `@mui/x-date-pickers@v5.0.1` / `@mui/x-date-pickers-pro@v5.0.1`
+
+#### Changes
+
+- [DateTimePicker] Remove circular import (#6087) @flaviendelangle
+- [pickers] Add `sx` prop to the equality check of `PickersDay` (#6030) @TheUnlocked
+- [pickers] Add warning when `openTo` is invalid based on available `views` (#6042) @LukasTy
+- [pickers] Allow keyboard navigation to ignore disabled date for left / right arrow (#6082) @alexfauquette
+- [pickers] Fix mobile picker not opening on label click (#6074) @LukasTy
+
+### Docs
+
+- [docs] Add Recipes section
+
+### Core
+
+- [core] Add `yarn release:tag` script (#5169) @DanailH
+- [core] Upgrade monorepo (#6072) @m4theushw
+
+## 5.17.1
+
+_Sep 5, 2022_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.1` / `@mui/x-data-grid-pro@v5.17.1` / `@mui/x-data-grid-premium@v5.17.1`
+
+#### Changes
+
+- [DataGrid] Fix cells being focused on mouseUp (#5980) @cherniavskii
+- [DataGrid] Fix focused cell if column is spanned and new editing API is used (#5962) @m4theushw
+- [DataGridPro] Fix import in lazy-loading causing a bundling error (#6031) @flaviendelangle
+
 ## 5.17.0
 
 _Sep 2, 2022_

package/CalendarPicker/DayPicker.js

@@ -128,14 +128,36 @@ export function DayPicker(props) {
         break;
 
       case 'ArrowLeft':
-        focusDay(utils.addDays(day, theme.direction === 'ltr' ? -1 : 1));
-        event.preventDefault();
-        break;
+        {
+          const newFocusedDayDefault = utils.addDays(day, theme.direction === 'ltr' ? -1 : 1);
+          const nextAvailableMonth = theme.direction === 'ltr' ? utils.getPreviousMonth(day) : utils.getNextMonth(day);
+          const closestDayToFocus = findClosestEnabledDate({
+            utils,
+            date: newFocusedDayDefault,
+            minDate: theme.direction === 'ltr' ? utils.startOfMonth(nextAvailableMonth) : newFocusedDayDefault,
+            maxDate: theme.direction === 'ltr' ? newFocusedDayDefault : utils.endOfMonth(nextAvailableMonth),
+            isDateDisabled
+          });
+          focusDay(closestDayToFocus || newFocusedDayDefault);
+          event.preventDefault();
+          break;
+        }
 
       case 'ArrowRight':
-        focusDay(utils.addDays(day, theme.direction === 'ltr' ? 1 : -1));
-        event.preventDefault();
-        break;
+        {
+          const newFocusedDayDefault = utils.addDays(day, theme.direction === 'ltr' ? 1 : -1);
+          const nextAvailableMonth = theme.direction === 'ltr' ? utils.getNextMonth(day) : utils.getPreviousMonth(day);
+          const closestDayToFocus = findClosestEnabledDate({
+            utils,
+            date: newFocusedDayDefault,
+            minDate: theme.direction === 'ltr' ? newFocusedDayDefault : utils.startOfMonth(nextAvailableMonth),
+            maxDate: theme.direction === 'ltr' ? utils.endOfMonth(nextAvailableMonth) : newFocusedDayDefault,
+            isDateDisabled
+          });
+          focusDay(closestDayToFocus || newFocusedDayDefault);
+          event.preventDefault();
+          break;
+        }
 
       case 'Home':
         focusDay(utils.startOfWeek(day));

package/DatePicker/DatePicker.js

@@ -290,6 +290,8 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'month', 'year']),
 
@@ -434,6 +436,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired)
 } : void 0;

package/DatePicker/shared.d.ts

@@ -17,6 +17,8 @@ export interface BaseDatePickerProps<TInputDate, TDate> extends ExportedCalendar
     onViewChange?: (view: CalendarPickerView) => void;
     /**
      * First view to show.
+     * Must be a valid option from `views` list
+     * @default 'day'
      */
     openTo?: CalendarPickerView;
     /**
@@ -40,6 +42,7 @@ export interface BaseDatePickerProps<TInputDate, TDate> extends ExportedCalendar
     toolbarTitle?: React.ReactNode;
     /**
      * Array of views to show.
+     * @default ['year', 'day']
      */
     views?: readonly CalendarPickerView[];
 }

package/DateTimePicker/DateTimePicker.js

@@ -366,6 +366,8 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
@@ -524,6 +526,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day', 'hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;

package/DateTimePicker/shared.d.ts

@@ -44,6 +44,8 @@ export interface BaseDateTimePickerProps<TInputDate, TDate> extends ExportedCloc
     onViewChange?: (view: CalendarOrClockPickerView) => void;
     /**
      * First view to show.
+     * Must be a valid option from `views` list
+     * @default 'day'
      */
     openTo?: CalendarOrClockPickerView;
     /**
@@ -67,6 +69,7 @@ export interface BaseDateTimePickerProps<TInputDate, TDate> extends ExportedCloc
     toolbarPlaceholder?: React.ReactNode;
     /**
      * Array of views to show.
+     * @default ['year', 'day', 'hours', 'minutes']
      */
     views?: readonly CalendarOrClockPickerView[];
 }

package/DesktopDatePicker/DesktopDatePicker.js

@@ -292,6 +292,8 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'month', 'year']),
 
@@ -436,6 +438,7 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired)
 } : void 0;

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -10,7 +10,7 @@ import { CalendarOrClockPicker } from '../internals/components/CalendarOrClockPi
 import { useDateTimeValidation } from '../internals/hooks/validation/useDateTimeValidation';
 import { KeyboardDateInput } from '../internals/components/KeyboardDateInput';
 import { usePickerState } from '../internals/hooks/usePickerState';
-import { DateTimePickerTabs } from '../DateTimePicker';
+import { DateTimePickerTabs } from '../DateTimePicker/DateTimePickerTabs';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 /**
@@ -375,6 +375,8 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
@@ -533,6 +535,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day', 'hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;

package/DesktopTimePicker/DesktopTimePicker.js

@@ -269,6 +269,8 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'hours'
    */
   openTo: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
 
@@ -350,6 +352,7 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/MobileDatePicker/MobileDatePicker.js

@@ -292,6 +292,8 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'month', 'year']),
 
@@ -421,6 +423,7 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired)
 } : void 0;

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -10,7 +10,7 @@ import { CalendarOrClockPicker } from '../internals/components/CalendarOrClockPi
 import { useDateTimeValidation } from '../internals/hooks/validation/useDateTimeValidation';
 import { PureDateInput } from '../internals/components/PureDateInput';
 import { usePickerState } from '../internals/hooks/usePickerState';
-import { DateTimePickerTabs } from '../DateTimePicker';
+import { DateTimePickerTabs } from '../DateTimePicker/DateTimePickerTabs';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 /**
@@ -375,6 +375,8 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
@@ -518,6 +520,7 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day', 'hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;

package/MobileTimePicker/MobileTimePicker.js

@@ -269,6 +269,8 @@ process.env.NODE_ENV !== "production" ? MobileTimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'hours'
    */
   openTo: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
 
@@ -335,6 +337,7 @@ process.env.NODE_ENV !== "production" ? MobileTimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/PickersDay/PickersDay.js

@@ -207,7 +207,7 @@ const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps,
   }));
 });
 export const areDayPropsEqual = (prevProps, nextProps) => {
-  return prevProps.autoFocus === nextProps.autoFocus && prevProps.isAnimating === nextProps.isAnimating && prevProps.today === nextProps.today && prevProps.disabled === nextProps.disabled && prevProps.selected === nextProps.selected && prevProps.disableMargin === nextProps.disableMargin && prevProps.showDaysOutsideCurrentMonth === nextProps.showDaysOutsideCurrentMonth && prevProps.disableHighlightToday === nextProps.disableHighlightToday && prevProps.className === nextProps.className && prevProps.outsideCurrentMonth === nextProps.outsideCurrentMonth && prevProps.onFocus === nextProps.onFocus && prevProps.onBlur === nextProps.onBlur && prevProps.onDaySelect === nextProps.onDaySelect;
+  return prevProps.autoFocus === nextProps.autoFocus && prevProps.isAnimating === nextProps.isAnimating && prevProps.today === nextProps.today && prevProps.disabled === nextProps.disabled && prevProps.selected === nextProps.selected && prevProps.disableMargin === nextProps.disableMargin && prevProps.showDaysOutsideCurrentMonth === nextProps.showDaysOutsideCurrentMonth && prevProps.disableHighlightToday === nextProps.disableHighlightToday && prevProps.className === nextProps.className && prevProps.sx === nextProps.sx && prevProps.outsideCurrentMonth === nextProps.outsideCurrentMonth && prevProps.onFocus === nextProps.onFocus && prevProps.onBlur === nextProps.onBlur && prevProps.onDaySelect === nextProps.onDaySelect;
 };
 process.env.NODE_ENV !== "production" ? PickersDayRaw.propTypes = {
   // ----------------------------- Warning --------------------------------

package/StaticDatePicker/StaticDatePicker.js

@@ -274,6 +274,8 @@ process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'month', 'year']),
 
@@ -403,6 +405,7 @@ process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired)
 } : void 0;

package/StaticDateTimePicker/StaticDateTimePicker.js

@@ -9,7 +9,7 @@ import { PickerStaticWrapper } from '../internals/components/PickerStaticWrapper
 import { CalendarOrClockPicker } from '../internals/components/CalendarOrClockPicker';
 import { useDateTimeValidation } from '../internals/hooks/validation/useDateTimeValidation';
 import { usePickerState } from '../internals/hooks/usePickerState';
-import { DateTimePickerTabs } from '../DateTimePicker';
+import { DateTimePickerTabs } from '../DateTimePicker/DateTimePickerTabs';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 /**
@@ -357,6 +357,8 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
@@ -500,6 +502,7 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day', 'hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;

package/StaticTimePicker/StaticTimePicker.js

@@ -251,6 +251,8 @@ process.env.NODE_ENV !== "production" ? StaticTimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'hours'
    */
   openTo: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
 
@@ -317,6 +319,7 @@ process.env.NODE_ENV !== "production" ? StaticTimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/TimePicker/TimePicker.js

@@ -267,6 +267,8 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'hours'
    */
   openTo: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
 
@@ -348,6 +350,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/TimePicker/shared.d.ts

@@ -21,6 +21,8 @@ export interface BaseTimePickerProps<TInputDate, TDate> extends ExportedClockPic
     onViewChange?: (view: ClockPickerView) => void;
     /**
      * First view to show.
+     * Must be a valid option from `views` list
+     * @default 'hours'
      */
     openTo?: ClockPickerView;
     /**
@@ -35,6 +37,7 @@ export interface BaseTimePickerProps<TInputDate, TDate> extends ExportedClockPic
     toolbarTitle?: React.ReactNode;
     /**
      * Array of views to show.
+     * @default ['hours', 'minutes']
      */
     views?: readonly ClockPickerView[];
     components?: any;

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0
+/** @license MUI v5.0.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/internals/components/CalendarOrClockPicker/CalendarOrClockPicker.js

@@ -32,6 +32,7 @@ const isDatePickerView = view => view === 'year' || view === 'month' || view ===
 
 const isTimePickerView = view => view === 'hours' || view === 'minutes' || view === 'seconds';
 
+let warnedOnceNotValidOpenTo = false;
 export function CalendarOrClockPicker(props) {
   var _other$components, _other$componentsProp;
 
@@ -74,6 +75,14 @@ export function CalendarOrClockPicker(props) {
       onViewChange(newView);
     }
   }, [isMobileKeyboardViewOpen, onViewChange, toggleMobileKeyboardView]);
+
+  if (process.env.NODE_ENV !== 'production') {
+    if (!warnedOnceNotValidOpenTo && !views.includes(openTo)) {
+      console.warn(`MUI: \`openTo="${openTo}"\` is not a valid prop.`, `It must be an element of \`views=["${views.join('", "')}"]\`.`);
+      warnedOnceNotValidOpenTo = true;
+    }
+  }
+
   const {
     openView,
     setOpenView,

package/internals/components/PureDateInput.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { useEventCallback } from '@mui/material/utils';
 import { onSpaceOrEnter } from '../utils/utils';
 import { useLocaleText, useUtils } from '../hooks/useUtils';
 import { getDisplayDate } from '../utils/text-field-helper';
@@ -28,6 +29,10 @@ export const PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInpu
     readOnly: true
   }), [InputProps]);
   const inputValue = getDisplayDate(utils, rawValue, inputFormat);
+  const handleOnClick = useEventCallback(event => {
+    event.stopPropagation();
+    onOpen();
+  });
   return renderInput(_extends({
     label,
     disabled,
@@ -35,7 +40,10 @@ export const PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInpu
     inputRef,
     error: validationError,
     InputProps: PureDateInputProps,
-    className,
+    className
+  }, !props.readOnly && !props.disabled && {
+    onClick: handleOnClick
+  }, {
     inputProps: _extends({
       disabled,
       readOnly: true,
@@ -43,7 +51,7 @@ export const PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInpu
       'aria-label': getOpenDialogAriaText(rawValue, utils),
       value: inputValue
     }, !props.readOnly && {
-      onMouseDown: onOpen
+      onClick: handleOnClick
     }, {
       onKeyDown: onSpaceOrEnter(onOpen)
     })

package/legacy/CalendarPicker/DayPicker.js

@@ -143,14 +143,39 @@ export function DayPicker(props) {
         break;
 
       case 'ArrowLeft':
-        focusDay(utils.addDays(day, theme.direction === 'ltr' ? -1 : 1));
-        event.preventDefault();
-        break;
+        {
+          var newFocusedDayDefault = utils.addDays(day, theme.direction === 'ltr' ? -1 : 1);
+          var nextAvailableMonth = theme.direction === 'ltr' ? utils.getPreviousMonth(day) : utils.getNextMonth(day);
+          var closestDayToFocus = findClosestEnabledDate({
+            utils: utils,
+            date: newFocusedDayDefault,
+            minDate: theme.direction === 'ltr' ? utils.startOfMonth(nextAvailableMonth) : newFocusedDayDefault,
+            maxDate: theme.direction === 'ltr' ? newFocusedDayDefault : utils.endOfMonth(nextAvailableMonth),
+            isDateDisabled: isDateDisabled
+          });
+          focusDay(closestDayToFocus || newFocusedDayDefault);
+          event.preventDefault();
+          break;
+        }
 
       case 'ArrowRight':
-        focusDay(utils.addDays(day, theme.direction === 'ltr' ? 1 : -1));
-        event.preventDefault();
-        break;
+        {
+          var _newFocusedDayDefault = utils.addDays(day, theme.direction === 'ltr' ? 1 : -1);
+
+          var _nextAvailableMonth = theme.direction === 'ltr' ? utils.getNextMonth(day) : utils.getPreviousMonth(day);
+
+          var _closestDayToFocus = findClosestEnabledDate({
+            utils: utils,
+            date: _newFocusedDayDefault,
+            minDate: theme.direction === 'ltr' ? _newFocusedDayDefault : utils.startOfMonth(_nextAvailableMonth),
+            maxDate: theme.direction === 'ltr' ? utils.endOfMonth(_nextAvailableMonth) : _newFocusedDayDefault,
+            isDateDisabled: isDateDisabled
+          });
+
+          focusDay(_closestDayToFocus || _newFocusedDayDefault);
+          event.preventDefault();
+          break;
+        }
 
       case 'Home':
         focusDay(utils.startOfWeek(day));

package/legacy/DatePicker/DatePicker.js

@@ -289,6 +289,8 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'month', 'year']),
 
@@ -433,6 +435,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired)
 } : void 0;

package/legacy/DateTimePicker/DateTimePicker.js

@@ -365,6 +365,8 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
@@ -523,6 +525,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day', 'hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;

package/legacy/DesktopDatePicker/DesktopDatePicker.js

@@ -293,6 +293,8 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'month', 'year']),
 
@@ -437,6 +439,7 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired)
 } : void 0;

package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -10,7 +10,7 @@ import { CalendarOrClockPicker } from '../internals/components/CalendarOrClockPi
 import { useDateTimeValidation } from '../internals/hooks/validation/useDateTimeValidation';
 import { KeyboardDateInput } from '../internals/components/KeyboardDateInput';
 import { usePickerState } from '../internals/hooks/usePickerState';
-import { DateTimePickerTabs } from '../DateTimePicker';
+import { DateTimePickerTabs } from '../DateTimePicker/DateTimePickerTabs';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 /**
@@ -379,6 +379,8 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
@@ -537,6 +539,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day', 'hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;

package/legacy/DesktopTimePicker/DesktopTimePicker.js

@@ -270,6 +270,8 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'hours'
    */
   openTo: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
 
@@ -351,6 +353,7 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/legacy/MobileDatePicker/MobileDatePicker.js

@@ -294,6 +294,8 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes = {
 
   /**
    * First view to show.
+   * Must be a valid option from `views` list
+   * @default 'day'
    */
   openTo: PropTypes.oneOf(['day', 'month', 'year']),
 
@@ -423,6 +425,7 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes = {
 
   /**
    * Array of views to show.
+   * @default ['year', 'day']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired)
 } : void 0;