@mui/lab 5.0.0-alpha.58 → 5.0.0-alpha.59

package/legacy/internal/pickers/wrappers/PickerStaticWrapper.js

@@ -0,0 +1,62 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import * as React from 'react';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { DIALOG_WIDTH } from '../constants/dimensions';
+import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function getStaticWrapperUtilityClass(slot) {
+  return generateUtilityClass('MuiPickerStaticWrapper', slot);
+}
+export var pickerStaticWrapperClasses = generateUtilityClasses('MuiPickerStaticWrapper', ['root']);
+
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getStaticWrapperUtilityClass, classes);
+};
+
+var PickerStaticWrapperRoot = styled('div', {
+  name: 'MuiPickerStaticWrapper',
+  slot: 'Root',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.root;
+  },
+  skipSx: true
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    overflow: 'hidden',
+    minWidth: DIALOG_WIDTH,
+    display: 'flex',
+    flexDirection: 'column',
+    backgroundColor: theme.palette.background.paper
+  };
+});
+
+function PickerStaticWrapper(inProps) {
+  var props = useThemeProps({
+    props: inProps,
+    name: 'MuiPickerStaticWrapper'
+  });
+
+  var displayStaticWrapperAs = props.displayStaticWrapperAs,
+      other = _objectWithoutProperties(props, ["displayStaticWrapperAs"]);
+
+  var classes = useUtilityClasses(props);
+  var isStatic = true;
+  return /*#__PURE__*/_jsx(IsStaticVariantContext.Provider, {
+    value: isStatic,
+    children: /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
+      value: displayStaticWrapperAs,
+      children: /*#__PURE__*/_jsx(PickerStaticWrapperRoot, _extends({
+        className: classes.root
+      }, other))
+    })
+  });
+}
+
+export default PickerStaticWrapper;

package/modern/CalendarPicker/CalendarPicker.js

@@ -141,6 +141,18 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
 
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
+  const monthPickerProps = {
+    className,
+    date,
+    disabled: other.disabled,
+    disablePast,
+    disableFuture,
+    onChange,
+    minDate,
+    maxDate,
+    onMonthChange,
+    readOnly: other.readOnly
+  };
   return /*#__PURE__*/_jsxs(CalendarPickerRoot, {
     ref: ref,
     className: clsx(classes.root, className),
@@ -176,13 +188,7 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
           isDateDisabled: isDateDisabled,
           shouldDisableYear: shouldDisableYear,
           onFocusedDayChange: changeFocusedDay
-        })), openView === 'month' && /*#__PURE__*/_jsx(MonthPicker, _extends({}, other, {
-          date: date,
-          onChange: onChange,
-          minDate: minDate,
-          maxDate: maxDate,
-          onMonthChange: onMonthChange
-        })), openView === 'day' && /*#__PURE__*/_jsx(PickersCalendar, _extends({}, other, calendarState, {
+        })), openView === 'month' && /*#__PURE__*/_jsx(MonthPicker, _extends({}, monthPickerProps)), openView === 'day' && /*#__PURE__*/_jsx(PickersCalendar, _extends({}, other, calendarState, {
           autoFocus: autoFocus,
           onMonthSwitchingAnimationEnd: onMonthSwitchingAnimationEnd,
           onFocusedDayChange: changeFocusedDay,

package/modern/CalendarPicker/PickersCalendar.js

@@ -100,7 +100,7 @@ function PickersCalendar(props) {
     onChange(finalDate, isFinish);
   }, [date, now, onChange, readOnly, utils]);
   const currentMonthNumber = utils.getMonth(currentMonth);
-  const selectedDates = (Array.isArray(date) ? date : [date]).filter(Boolean).map(selectedDateItem => selectedDateItem && utils.startOfDay(selectedDateItem)); // need a new ref whenever the `key` of the transition changes: https://reactcommunity.org/react-transition-group/transition#Transition-prop-nodeRef.
+  const selectedDates = (Array.isArray(date) ? date : [date]).filter(Boolean).map(selectedDateItem => selectedDateItem && utils.startOfDay(selectedDateItem)); // need a new ref whenever the `key` of the transition changes: http://reactcommunity.org/react-transition-group/transition/#Transition-prop-nodeRef.
 
   const transitionKey = currentMonthNumber; // eslint-disable-next-line react-hooks/exhaustive-deps
 

package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -144,6 +144,6 @@ process.env.NODE_ENV !== "production" ? CalendarPickerSkeleton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default CalendarPickerSkeleton;

package/modern/DateRangePickerDay/DateRangePickerDay.js

@@ -228,7 +228,7 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDay.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 /**
  *

package/modern/LoadingButton/LoadingButton.js

@@ -220,7 +220,7 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
    * The variant to use.

package/modern/Masonry/Masonry.js

@@ -348,6 +348,6 @@ process.env.NODE_ENV !== "production" ? Masonry.propTypes
   /**
    * Allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default Masonry;

package/modern/MonthPicker/MonthPicker.js

@@ -166,7 +166,7 @@ process.env.NODE_ENV !== "production" ? MonthPicker.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 /**
  *

package/modern/PickersDay/PickersDay.js

@@ -374,7 +374,7 @@ process.env.NODE_ENV !== "production" ? PickersDay.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
    * If `true`, renders as today date.

package/modern/StaticDatePicker/StaticDatePicker.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useDatePickerDefaultizedProps } from '../DatePicker/shared';
 import DatePickerToolbar from '../DatePicker/DatePickerToolbar';
-import StaticWrapper from '../internal/pickers/wrappers/StaticWrapper';
+import PickerStaticWrapper from '../internal/pickers/wrappers/PickerStaticWrapper';
 import Picker from '../internal/pickers/Picker/Picker';
 import { useDateValidation } from '../internal/pickers/hooks/useValidation';
 import { parsePickerInputValue } from '../internal/pickers/date-utils';
@@ -48,7 +48,7 @@ const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker
     validationError
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/modern/StaticDateRangePicker/StaticDateRangePicker.js

@@ -4,7 +4,7 @@ const _excluded = ["calendars", "displayStaticWrapperAs", "value", "onChange", "
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
-import StaticWrapper from '../internal/pickers/wrappers/StaticWrapper';
+import PickerStaticWrapper from '../internal/pickers/wrappers/PickerStaticWrapper';
 import { useDefaultDates, useUtils } from '../internal/pickers/hooks/useUtils';
 import { useDateRangeValidation } from '../internal/pickers/hooks/useValidation';
 import { usePickerState } from '../internal/pickers/hooks/usePickerState';
@@ -81,7 +81,7 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateR
     ref
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(DateRangePickerView, _extends({
       open: wrapperProps.open,

package/modern/StaticDateTimePicker/StaticDateTimePicker.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useDateTimePickerDefaultizedProps } from '../DateTimePicker/shared';
 import DateTimePickerToolbar from '../DateTimePicker/DateTimePickerToolbar';
-import StaticWrapper from '../internal/pickers/wrappers/StaticWrapper';
+import PickerStaticWrapper from '../internal/pickers/wrappers/PickerStaticWrapper';
 import Picker from '../internal/pickers/Picker/Picker';
 import { useDateTimeValidation } from '../internal/pickers/hooks/useValidation';
 import { parsePickerInputValue } from '../internal/pickers/date-utils';
@@ -48,7 +48,7 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTi
     validationError
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/modern/StaticTimePicker/StaticTimePicker.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTimePickerDefaultizedProps } from '../TimePicker/shared';
 import TimePickerToolbar from '../TimePicker/TimePickerToolbar';
-import StaticWrapper from '../internal/pickers/wrappers/StaticWrapper';
+import PickerStaticWrapper from '../internal/pickers/wrappers/PickerStaticWrapper';
 import Picker from '../internal/pickers/Picker/Picker';
 import { useTimeValidation } from '../internal/pickers/hooks/useValidation';
 import { parsePickerInputValue } from '../internal/pickers/date-utils';
@@ -47,7 +47,7 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
     validationError
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/modern/TabPanel/TabPanel.js

@@ -91,7 +91,7 @@ process.env.NODE_ENV !== "production" ? TabPanel.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when

package/modern/Timeline/Timeline.js

@@ -109,7 +109,7 @@ process.env.NODE_ENV !== "production" ? Timeline.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 /**
  *

package/modern/TimelineConnector/TimelineConnector.js

@@ -77,6 +77,6 @@ process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TimelineConnector;

package/modern/TimelineContent/TimelineContent.js

@@ -94,6 +94,6 @@ process.env.NODE_ENV !== "production" ? TimelineContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TimelineContent;

package/modern/TimelineDot/TimelineDot.js

@@ -116,7 +116,7 @@ process.env.NODE_ENV !== "production" ? TimelineDot.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
    * The dot can appear filled or outlined.

package/modern/TimelineItem/TimelineItem.js

@@ -130,6 +130,6 @@ process.env.NODE_ENV !== "production" ? TimelineItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TimelineItem;

package/modern/TimelineOppositeContent/TimelineOppositeContent.js

@@ -95,7 +95,7 @@ process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 TimelineOppositeContent.muiName = 'TimelineOppositeContent';
 export default TimelineOppositeContent;

package/modern/TimelineSeparator/TimelineSeparator.js

@@ -74,6 +74,6 @@ process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TimelineSeparator;

package/modern/TreeItem/TreeItem.js

@@ -405,7 +405,7 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
    * The component used for the transition.
@@ -416,7 +416,7 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes
 
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition) component.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
    */
   TransitionProps: PropTypes.object
 } : void 0;

package/modern/TreeView/TreeView.js

@@ -973,6 +973,6 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TreeView;

package/modern/index.js

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

package/modern/internal/pickers/wrappers/PickerStaticWrapper.js

@@ -0,0 +1,64 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["displayStaticWrapperAs"];
+import * as React from 'react';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { DIALOG_WIDTH } from '../constants/dimensions';
+import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function getStaticWrapperUtilityClass(slot) {
+  return generateUtilityClass('MuiPickerStaticWrapper', slot);
+}
+export const pickerStaticWrapperClasses = generateUtilityClasses('MuiPickerStaticWrapper', ['root']);
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getStaticWrapperUtilityClass, classes);
+};
+
+const PickerStaticWrapperRoot = styled('div', {
+  name: 'MuiPickerStaticWrapper',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
+  skipSx: true
+})(({
+  theme
+}) => ({
+  overflow: 'hidden',
+  minWidth: DIALOG_WIDTH,
+  display: 'flex',
+  flexDirection: 'column',
+  backgroundColor: theme.palette.background.paper
+}));
+
+function PickerStaticWrapper(inProps) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiPickerStaticWrapper'
+  });
+
+  const {
+    displayStaticWrapperAs
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const classes = useUtilityClasses(props);
+  const isStatic = true;
+  return /*#__PURE__*/_jsx(IsStaticVariantContext.Provider, {
+    value: isStatic,
+    children: /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
+      value: displayStaticWrapperAs,
+      children: /*#__PURE__*/_jsx(PickerStaticWrapperRoot, _extends({
+        className: classes.root
+      }, other))
+    })
+  });
+}
+
+export default PickerStaticWrapper;

package/node/CalendarPicker/CalendarPicker.js

@@ -173,6 +173,18 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
 
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
+  const monthPickerProps = {
+    className,
+    date,
+    disabled: other.disabled,
+    disablePast,
+    disableFuture,
+    onChange,
+    minDate,
+    maxDate,
+    onMonthChange,
+    readOnly: other.readOnly
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CalendarPickerRoot, {
     ref: ref,
     className: (0, _clsx.default)(classes.root, className),
@@ -208,13 +220,7 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
           isDateDisabled: isDateDisabled,
           shouldDisableYear: shouldDisableYear,
           onFocusedDayChange: changeFocusedDay
-        })), openView === 'month' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthPicker.default, (0, _extends2.default)({}, other, {
-          date: date,
-          onChange: onChange,
-          minDate: minDate,
-          maxDate: maxDate,
-          onMonthChange: onMonthChange
-        })), openView === 'day' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersCalendar.default, (0, _extends2.default)({}, other, calendarState, {
+        })), openView === 'month' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthPicker.default, (0, _extends2.default)({}, monthPickerProps)), openView === 'day' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersCalendar.default, (0, _extends2.default)({}, other, calendarState, {
           autoFocus: autoFocus,
           onMonthSwitchingAnimationEnd: onMonthSwitchingAnimationEnd,
           onFocusedDayChange: changeFocusedDay,

package/node/CalendarPicker/PickersCalendar.js

@@ -120,7 +120,7 @@ function PickersCalendar(props) {
     onChange(finalDate, isFinish);
   }, [date, now, onChange, readOnly, utils]);
   const currentMonthNumber = utils.getMonth(currentMonth);
-  const selectedDates = (Array.isArray(date) ? date : [date]).filter(Boolean).map(selectedDateItem => selectedDateItem && utils.startOfDay(selectedDateItem)); // need a new ref whenever the `key` of the transition changes: https://reactcommunity.org/react-transition-group/transition#Transition-prop-nodeRef.
+  const selectedDates = (Array.isArray(date) ? date : [date]).filter(Boolean).map(selectedDateItem => selectedDateItem && utils.startOfDay(selectedDateItem)); // need a new ref whenever the `key` of the transition changes: http://reactcommunity.org/react-transition-group/transition/#Transition-prop-nodeRef.
 
   const transitionKey = currentMonthNumber; // eslint-disable-next-line react-hooks/exhaustive-deps
 

package/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -171,7 +171,7 @@ process.env.NODE_ENV !== "production" ? CalendarPickerSkeleton.propTypes
   /**
    * 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.func, _propTypes.default.object])
+  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])
 } : void 0;
 var _default = CalendarPickerSkeleton;
 exports.default = _default;

package/node/DateRangePickerDay/DateRangePickerDay.js

@@ -253,7 +253,7 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDay.propTypes
   /**
    * 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.func, _propTypes.default.object])
+  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])
 } : void 0;
 /**
  *

package/node/LoadingButton/LoadingButton.js

@@ -239,7 +239,7 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
   /**
    * 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.func, _propTypes.default.object]),
+  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]),
 
   /**
    * The variant to use.

package/node/Masonry/Masonry.js

@@ -376,7 +376,7 @@ process.env.NODE_ENV !== "production" ? Masonry.propTypes
   /**
    * 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.func, _propTypes.default.object])
+  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])
 } : void 0;
 var _default = Masonry;
 exports.default = _default;

package/node/MonthPicker/MonthPicker.js

@@ -192,7 +192,7 @@ process.env.NODE_ENV !== "production" ? MonthPicker.propTypes
   /**
    * 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.func, _propTypes.default.object])
+  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])
 } : void 0;
 /**
  *

package/node/PickersDay/PickersDay.js

@@ -405,7 +405,7 @@ process.env.NODE_ENV !== "production" ? PickersDay.propTypes
   /**
    * 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.func, _propTypes.default.object]),
+  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]),
 
   /**
    * If `true`, renders as today date.

package/node/StaticDatePicker/StaticDatePicker.js

@@ -19,7 +19,7 @@ var _shared = require("../DatePicker/shared");
 
 var _DatePickerToolbar = _interopRequireDefault(require("../DatePicker/DatePickerToolbar"));
 
-var _StaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/StaticWrapper"));
+var _PickerStaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/PickerStaticWrapper"));
 
 var _Picker = _interopRequireDefault(require("../internal/pickers/Picker/Picker"));
 
@@ -72,7 +72,7 @@ const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker
     ref,
     validationError
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticWrapper.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerStaticWrapper.default, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, (0, _extends2.default)({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@mui/material/styles");
 
-var _StaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/StaticWrapper"));
+var _PickerStaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/PickerStaticWrapper"));
 
 var _useUtils = require("../internal/pickers/hooks/useUtils");
 
@@ -100,7 +100,7 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateR
     validationError,
     ref
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticWrapper.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerStaticWrapper.default, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateRangePickerView.DateRangePickerView, (0, _extends2.default)({
       open: wrapperProps.open,

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -19,7 +19,7 @@ var _shared = require("../DateTimePicker/shared");
 
 var _DateTimePickerToolbar = _interopRequireDefault(require("../DateTimePicker/DateTimePickerToolbar"));
 
-var _StaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/StaticWrapper"));
+var _PickerStaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/PickerStaticWrapper"));
 
 var _Picker = _interopRequireDefault(require("../internal/pickers/Picker/Picker"));
 
@@ -72,7 +72,7 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTi
     ref,
     validationError
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticWrapper.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerStaticWrapper.default, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, (0, _extends2.default)({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/node/StaticTimePicker/StaticTimePicker.js

@@ -19,7 +19,7 @@ var _shared = require("../TimePicker/shared");
 
 var _TimePickerToolbar = _interopRequireDefault(require("../TimePicker/TimePickerToolbar"));
 
-var _StaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/StaticWrapper"));
+var _PickerStaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/PickerStaticWrapper"));
 
 var _Picker = _interopRequireDefault(require("../internal/pickers/Picker/Picker"));
 
@@ -70,7 +70,7 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
     ref,
     validationError
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticWrapper.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerStaticWrapper.default, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, (0, _extends2.default)({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/node/TabPanel/TabPanel.js

@@ -111,7 +111,7 @@ process.env.NODE_ENV !== "production" ? TabPanel.propTypes
   /**
    * 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.func, _propTypes.default.object]),
+  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]),
 
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when

package/node/Timeline/Timeline.js

@@ -130,7 +130,7 @@ process.env.NODE_ENV !== "production" ? Timeline.propTypes
   /**
    * 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.func, _propTypes.default.object])
+  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])
 } : void 0;
 /**
  *