@mui/lab 5.0.0-alpha.50 → 5.0.0-alpha.54

package/node/TimePicker/TimePickerToolbar.js

@@ -5,8 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 exports.getTimePickerToolbarUtilityClass = getTimePickerToolbarUtilityClass;
-exports.default = exports.timePickerToolbarClasses = void 0;
+exports.timePickerToolbarClasses = void 0;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 

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.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 /**
  *

package/node/Timeline/timelineClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTimelineUtilityClass = getTimelineUtilityClass;
 exports.default = void 0;
+exports.getTimelineUtilityClass = getTimelineUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/TimelineConnector/TimelineConnector.js

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

package/node/TimelineConnector/timelineConnectorClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTimelineConnectorUtilityClass = getTimelineConnectorUtilityClass;
 exports.default = void 0;
+exports.getTimelineConnectorUtilityClass = getTimelineConnectorUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/TimelineContent/TimelineContent.js

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

package/node/TimelineContent/timelineContentClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTimelineContentUtilityClass = getTimelineContentUtilityClass;
 exports.default = void 0;
+exports.getTimelineContentUtilityClass = getTimelineContentUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/TimelineDot/TimelineDot.js

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

package/node/TimelineDot/timelineDotClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTimelineDotUtilityClass = getTimelineDotUtilityClass;
 exports.default = void 0;
+exports.getTimelineDotUtilityClass = getTimelineDotUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/TimelineItem/TimelineItem.js

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

package/node/TimelineItem/timelineItemClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTimelineItemUtilityClass = getTimelineItemUtilityClass;
 exports.default = void 0;
+exports.getTimelineItemUtilityClass = getTimelineItemUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/TimelineOppositeContent/TimelineOppositeContent.js

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

package/node/TimelineOppositeContent/timelineOppositeContentClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTimelineOppositeContentUtilityClass = getTimelineOppositeContentUtilityClass;
 exports.default = void 0;
+exports.getTimelineOppositeContentUtilityClass = getTimelineOppositeContentUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/TimelineSeparator/TimelineSeparator.js

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

package/node/TimelineSeparator/timelineSeparatorClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTimelineSeparatorUtilityClass = getTimelineSeparatorUtilityClass;
 exports.default = void 0;
+exports.getTimelineSeparatorUtilityClass = getTimelineSeparatorUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/TreeItem/TreeItem.js

@@ -428,7 +428,7 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/TreeItem/index.js

@@ -15,16 +15,16 @@ Object.defineProperty(exports, "default", {
     return _TreeItem.default;
   }
 });
-Object.defineProperty(exports, "useTreeItem", {
+Object.defineProperty(exports, "treeItemClasses", {
   enumerable: true,
   get: function () {
-    return _useTreeItem.default;
+    return _treeItemClasses.default;
   }
 });
-Object.defineProperty(exports, "treeItemClasses", {
+Object.defineProperty(exports, "useTreeItem", {
   enumerable: true,
   get: function () {
-    return _treeItemClasses.default;
+    return _useTreeItem.default;
   }
 });
 

package/node/TreeItem/treeItemClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTreeItemUtilityClass = getTreeItemUtilityClass;
 exports.default = void 0;
+exports.getTreeItemUtilityClass = getTreeItemUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/TreeView/TreeView.js

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

package/node/TreeView/descendants.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useDescendant = useDescendant;
 exports.DescendantProvider = DescendantProvider;
+exports.useDescendant = useDescendant;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 

package/node/TreeView/treeViewClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTreeViewUtilityClass = getTreeViewUtilityClass;
 exports.default = void 0;
+exports.getTreeViewUtilityClass = getTreeViewUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/YearPicker/PickersYear.js

@@ -5,8 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 exports.getPickersYearUtilityClass = getPickersYearUtilityClass;
-exports.default = exports.pickersYearClasses = void 0;
+exports.pickersYearClasses = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/node/YearPicker/YearPicker.js

@@ -64,6 +64,7 @@ const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, re
     autoFocus,
     className,
     date,
+    disabled,
     disableFuture,
     disablePast,
     isDateDisabled,
@@ -72,6 +73,7 @@ const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, re
     onChange,
     onFocusedDayChange,
     onYearChange,
+    readOnly,
     shouldDisableYear
   } = props;
   const ownerState = props;
@@ -86,6 +88,10 @@ const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, re
   const [focusedYear, setFocusedYear] = React.useState(currentYear);
 
   const handleYearSelection = (event, year, isFinish = 'finish') => {
+    if (readOnly) {
+      return;
+    }
+
     const submitDate = newDate => {
       onChange(newDate, isFinish);
 
@@ -164,7 +170,7 @@ const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, re
         onKeyDown: handleKeyDown,
         autoFocus: autoFocus && yearNumber === focusedYear,
         ref: selected ? selectedYearRef : undefined,
-        disabled: disablePast && utils.isBeforeYear(year, now) || disableFuture && utils.isAfterYear(year, now) || shouldDisableYear && shouldDisableYear(year),
+        disabled: disabled || disablePast && utils.isBeforeYear(year, now) || disableFuture && utils.isAfterYear(year, now) || shouldDisableYear && shouldDisableYear(year),
         children: utils.format(year, 'year')
       }, utils.format(year, 'year'));
     })
@@ -198,6 +204,11 @@ process.env.NODE_ENV !== "production" ? YearPicker.propTypes
    */
   date: _propTypes.default.any,
 
+  /**
+   * @ignore
+   */
+  disabled: _propTypes.default.bool,
+
   /**
    * @ignore
    */
@@ -238,6 +249,11 @@ process.env.NODE_ENV !== "production" ? YearPicker.propTypes
    */
   onYearChange: _propTypes.default.func,
 
+  /**
+   * @ignore
+   */
+  readOnly: _propTypes.default.bool,
+
   /**
    * Disable specific years dynamically.
    * Works like `shouldDisableDate` but for year selection view @DateIOType.

package/node/YearPicker/yearPickerClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getYearPickerUtilityClass = getYearPickerUtilityClass;
 exports.default = void 0;
+exports.getYearPickerUtilityClass = getYearPickerUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.50
+/** @license MUI v5.0.0-alpha.54
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -93,6 +93,12 @@ Object.defineProperty(exports, "CalendarPicker", {
     return _CalendarPicker.default;
   }
 });
+Object.defineProperty(exports, "CalendarPickerSkeleton", {
+  enumerable: true,
+  get: function () {
+    return _CalendarPickerSkeleton.default;
+  }
+});
 Object.defineProperty(exports, "ClockPicker", {
   enumerable: true,
   get: function () {
@@ -201,12 +207,6 @@ Object.defineProperty(exports, "PaginationItem", {
     return _PaginationItem.default;
   }
 });
-Object.defineProperty(exports, "CalendarPickerSkeleton", {
-  enumerable: true,
-  get: function () {
-    return _CalendarPickerSkeleton.default;
-  }
-});
 Object.defineProperty(exports, "PickersDay", {
   enumerable: true,
   get: function () {

package/node/internal/pickers/PickersArrowSwitcher.js

@@ -31,9 +31,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const PickersArrowSwitcherRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})({
+const PickersArrowSwitcherRoot = (0, _styles.styled)('div')({
   display: 'flex'
 });
 const PickersArrowSwitcherSpacer = (0, _styles.styled)('div', {

package/node/internal/pickers/PickersPopper.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var React = _interopRequireWildcard(require("react"));
@@ -25,6 +27,8 @@ var _styles = require("@mui/material/styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+const _excluded = ["onClick", "onTouchStart"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -102,7 +106,8 @@ function useClickAwayListener(active, onClickAway) {
     // 2. The child might render null.
     // 3. Behave like a blur listener.
 
-    if (!nodeRef.current || 'clientX' in event && clickedRootScrollbar(event, doc)) {
+    if (!nodeRef.current || // is a TouchEvent?
+    'clientX' in event && clickedRootScrollbar(event, doc)) {
       return;
     } // Do not act if user performed touchmove
 
@@ -177,7 +182,8 @@ const PickersPopper = props => {
     PopperProps,
     role,
     TransitionComponent = _Grow.default,
-    TrapFocusProps
+    TrapFocusProps,
+    PaperProps = {}
   } = props;
   React.useEffect(() => {
     function handleKeyDown(nativeEvent) {
@@ -209,6 +215,11 @@ const PickersPopper = props => {
   const handleRef = (0, _utils.useForkRef)(paperRef, containerRef);
   const handlePaperRef = (0, _utils.useForkRef)(handleRef, clickAwayRef);
   const ownerState = props;
+  const {
+    onClick: onPaperClickProp,
+    onTouchStart: onPaperTouchStartProp
+  } = PaperProps,
+        otherPaperProps = (0, _objectWithoutPropertiesLoose2.default)(PaperProps, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersPopperRoot, (0, _extends2.default)({
     transition: true,
     role: role,
@@ -226,17 +237,30 @@ const PickersPopper = props => {
       isEnabled: () => true
     }, TrapFocusProps, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({}, TransitionProps, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersPopperPaper, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersPopperPaper, (0, _extends2.default)({
           tabIndex: -1,
           elevation: 8,
           ref: handlePaperRef,
-          onClick: onPaperClick,
-          onTouchStart: onPaperTouchStart,
+          onClick: event => {
+            onPaperClick(event);
+
+            if (onPaperClickProp) {
+              onPaperClickProp(event);
+            }
+          },
+          onTouchStart: event => {
+            onPaperTouchStart(event);
+
+            if (onPaperTouchStartProp) {
+              onPaperTouchStartProp(event);
+            }
+          },
           ownerState: (0, _extends2.default)({}, ownerState, {
             placement
-          }),
+          })
+        }, otherPaperProps, {
           children: children
-        })
+        }))
       }))
     }))
   }));

package/node/internal/pickers/constants/dimensions.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VIEW_HEIGHT = exports.DIALOG_WIDTH = exports.DAY_MARGIN = exports.DAY_SIZE = void 0;
+exports.VIEW_HEIGHT = exports.DIALOG_WIDTH = exports.DAY_SIZE = exports.DAY_MARGIN = void 0;
 const DAY_SIZE = 36;
 exports.DAY_SIZE = DAY_SIZE;
 const DAY_MARGIN = 2;

package/node/internal/pickers/date-utils.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.isWithinRange = exports.isStartOfRange = exports.isRangeValid = exports.isEndOfRange = exports.findClosestEnabledDate = void 0;
 exports.parsePickerInputValue = parsePickerInputValue;
 exports.parseRangeInputValue = parseRangeInputValue;
-exports.validateDateRange = exports.validateDate = exports.isEndOfRange = exports.isStartOfRange = exports.isWithinRange = exports.isRangeValid = exports.findClosestEnabledDate = void 0;
+exports.validateDateRange = exports.validateDate = void 0;
 
 const findClosestEnabledDate = ({
   date,

package/node/internal/pickers/hooks/date-helpers-hooks.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.useMeridiemMode = useMeridiemMode;
 exports.useNextMonthDisabled = useNextMonthDisabled;
 exports.usePreviousMonthDisabled = usePreviousMonthDisabled;
-exports.useMeridiemMode = useMeridiemMode;
 
 var React = _interopRequireWildcard(require("react"));
 

package/node/internal/pickers/hooks/useIsLandscape.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useIsLandscape = useIsLandscape;
 exports.default = void 0;
+exports.useIsLandscape = useIsLandscape;
 
 var React = _interopRequireWildcard(require("react"));
 

package/node/internal/pickers/hooks/useMaskedInput.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMaskedInput = useMaskedInput;
 exports.default = void 0;
+exports.useMaskedInput = useMaskedInput;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/node/internal/pickers/hooks/useOpenState.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useOpenState = useOpenState;
 exports.default = void 0;
+exports.useOpenState = useOpenState;
 
 var React = _interopRequireWildcard(require("react"));
 

package/node/internal/pickers/hooks/useUtils.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useUtils = useUtils;
 exports.useDefaultDates = useDefaultDates;
 exports.useNow = useNow;
+exports.useUtils = useUtils;
 
 var _utils = require("@mui/utils");
 

package/node/internal/pickers/hooks/useValidation.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTimeValidation = useTimeValidation;
-exports.useDateValidation = useDateValidation;
-exports.useDateTimeValidation = useDateTimeValidation;
 exports.useDateRangeValidation = useDateRangeValidation;
+exports.useDateTimeValidation = useDateTimeValidation;
+exports.useDateValidation = useDateValidation;
+exports.useTimeValidation = useTimeValidation;
 
 var React = _interopRequireWildcard(require("react"));
 

package/node/internal/pickers/test-utils.js

@@ -5,10 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapPickerMount = wrapPickerMount;
+exports.adapterToUse = exports.FakeTransitionComponent = exports.AdapterClassToUse = void 0;
 exports.createPickerRender = createPickerRender;
 exports.openMobilePicker = openMobilePicker;
-exports.FakeTransitionComponent = exports.adapterToUse = exports.AdapterClassToUse = void 0;
+exports.wrapPickerMount = wrapPickerMount;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -90,7 +90,9 @@ function createPickerRender(_ref = {}) {
     locale
   } = _ref,
       renderOptions = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  const clientRender = (0, _utils.createClientRender)(renderOptions);
+  const {
+    render: clientRender
+  } = (0, _utils.createRenderer)(renderOptions);
 
   function Wrapper({
     children

package/node/internal/pickers/text-field-helper.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.checkMaskIsValidForCurrentFormat = checkMaskIsValidForCurrentFormat;
+exports.getDisplayDate = void 0;
 exports.getTextFieldAriaText = getTextFieldAriaText;
+exports.maskedDateFormatter = void 0;
 exports.pick12hOr24hFormat = pick12hOr24hFormat;
-exports.checkMaskIsValidForCurrentFormat = checkMaskIsValidForCurrentFormat;
-exports.maskedDateFormatter = exports.getDisplayDate = void 0;
 
 function getTextFieldAriaText(rawValue, utils) {
   // TODO: should `isValid` narrow `TDate | null` to `NonNullable<TDate>`?

package/node/internal/pickers/time-utils.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getMeridiem = exports.createIsAfterIgnoreDatePart = exports.convertValueToMeridiem = exports.convertToMeridiem = void 0;
 exports.getSecondsInDay = getSecondsInDay;
-exports.validateTime = exports.createIsAfterIgnoreDatePart = exports.convertToMeridiem = exports.convertValueToMeridiem = exports.getMeridiem = void 0;
+exports.validateTime = void 0;
 
 const getMeridiem = (date, utils) => {
   if (!date) {

package/node/internal/pickers/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.arrayIncludes = arrayIncludes;
 exports.createDelegatedEventHandler = createDelegatedEventHandler;
-exports.doNothing = exports.executeInTheNextEventLoopTick = exports.pipe = exports.onSpaceOrEnter = void 0;
+exports.pipe = exports.onSpaceOrEnter = exports.executeInTheNextEventLoopTick = exports.doNothing = void 0;
 
 /* Use it instead of .includes method for IE support */
 function arrayIncludes(array, itemOrItems) {

package/node/internal/pickers/wrappers/DesktopWrapper.js

@@ -31,6 +31,7 @@ function DesktopWrapper(props) {
     onDismiss,
     open,
     PopperProps,
+    PaperProps,
     TransitionComponent
   } = props;
   const ownInputRef = React.useRef(null);
@@ -45,6 +46,7 @@ function DesktopWrapper(props) {
       anchorEl: ownInputRef.current,
       TransitionComponent: TransitionComponent,
       PopperProps: PopperProps,
+      PaperProps: PaperProps,
       onClose: onDismiss,
       children: children
     })]

package/node/internal/pickers/wrappers/WrapperVariantContext.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IsStaticVariantContext = exports.WrapperVariantContext = void 0;
+exports.WrapperVariantContext = exports.IsStaticVariantContext = void 0;
 
 var React = _interopRequireWildcard(require("react"));