@mui/x-date-pickers 6.16.0 → 6.16.2

package/node/TimeClock/TimeClock.js

@@ -65,7 +65,7 @@ const TIME_CLOCK_DEFAULT_VIEWS = ['hours', 'minutes'];
  *
  * - [TimeClock API](https://mui.com/x/api/date-pickers/time-clock/)
  */
-const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProps, ref) {
+const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProps, ref) {
   const utils = (0, _useUtils.useUtils)();
   const props = (0, _styles.useThemeProps)({
     props: inProps,
@@ -323,7 +323,6 @@ const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProps, ref)
     })]
   }));
 });
-exports.TimeClock = TimeClock;
 process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/TimeClock/clockClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getClockUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiClock', slot);
 }
-const clockClasses = (0, _utils.unstable_generateUtilityClasses)('MuiClock', ['root', 'clock', 'wrapper', 'squareMask', 'pin', 'amButton', 'pmButton', 'meridiemText']);
-exports.clockClasses = clockClasses;
+const clockClasses = exports.clockClasses = (0, _utils.unstable_generateUtilityClasses)('MuiClock', ['root', 'clock', 'wrapper', 'squareMask', 'pin', 'amButton', 'pmButton', 'meridiemText']);

package/node/TimeClock/clockNumberClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getClockNumberUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiClockNumber', slot);
 }
-const clockNumberClasses = (0, _utils.unstable_generateUtilityClasses)('MuiClockNumber', ['root', 'selected', 'disabled']);
-exports.clockNumberClasses = clockNumberClasses;
+const clockNumberClasses = exports.clockNumberClasses = (0, _utils.unstable_generateUtilityClasses)('MuiClockNumber', ['root', 'selected', 'disabled']);

package/node/TimeClock/clockPointerClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getClockPointerUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiClockPointer', slot);
 }
-const clockPointerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiClockPointer', ['root', 'thumb']);
-exports.clockPointerClasses = clockPointerClasses;
+const clockPointerClasses = exports.clockPointerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiClockPointer', ['root', 'thumb']);

package/node/TimeClock/shared.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMinutes = exports.getHours = exports.CLOCK_WIDTH = exports.CLOCK_HOUR_WIDTH = void 0;
-const CLOCK_WIDTH = 220;
-exports.CLOCK_WIDTH = CLOCK_WIDTH;
-const CLOCK_HOUR_WIDTH = 36;
-exports.CLOCK_HOUR_WIDTH = CLOCK_HOUR_WIDTH;
+const CLOCK_WIDTH = exports.CLOCK_WIDTH = 220;
+const CLOCK_HOUR_WIDTH = exports.CLOCK_HOUR_WIDTH = 36;
 const clockCenter = {
   x: CLOCK_WIDTH / 2,
   y: CLOCK_WIDTH / 2

package/node/TimeClock/timeClockClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getTimeClockUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiTimeClock', slot);
 }
-const timeClockClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTimeClock', ['root', 'arrowSwitcher']);
-exports.timeClockClasses = timeClockClasses;
+const timeClockClasses = exports.timeClockClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTimeClock', ['root', 'arrowSwitcher']);

package/node/TimeField/TimeField.js

@@ -21,7 +21,17 @@ const _excluded = ["slots", "slotProps", "components", "componentsProps", "Input
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 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; }
-const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref) {
+/**
+ * Demos:
+ *
+ * - [TimeField](http://mui.com/x/react-date-pickers/time-field/)
+ * - [Fields](https://mui.com/x/react-date-pickers/fields/)
+ *
+ * API:
+ *
+ * - [TimeField API](https://mui.com/x/api/date-pickers/time-field/)
+ */
+const TimeField = exports.TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref) {
   const themeProps = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiTimeField'
@@ -92,7 +102,6 @@ const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref)
     })
   }));
 });
-exports.TimeField = TimeField;
 process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/TimePicker/TimePicker.js

@@ -19,7 +19,17 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["desktopModeMediaQuery"];
 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; }
-const TimePicker = /*#__PURE__*/React.forwardRef(function TimePicker(inProps, ref) {
+/**
+ * Demos:
+ *
+ * - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
+ *
+ * API:
+ *
+ * - [TimePicker API](https://mui.com/x/api/date-pickers/time-picker/)
+ */
+const TimePicker = exports.TimePicker = /*#__PURE__*/React.forwardRef(function TimePicker(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiTimePicker'
@@ -42,7 +52,6 @@ const TimePicker = /*#__PURE__*/React.forwardRef(function TimePicker(inProps, re
     ref: ref
   }, other));
 });
-exports.TimePicker = TimePicker;
 process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/TimePicker/timePickerToolbarClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getTimePickerToolbarUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiTimePickerToolbar', slot);
 }
-const timePickerToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTimePickerToolbar', ['root', 'separator', 'hourMinuteLabel', 'hourMinuteLabelLandscape', 'hourMinuteLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel']);
-exports.timePickerToolbarClasses = timePickerToolbarClasses;
+const timePickerToolbarClasses = exports.timePickerToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTimePickerToolbar', ['root', 'separator', 'hourMinuteLabel', 'hourMinuteLabelLandscape', 'hourMinuteLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel']);

package/node/YearCalendar/PickersYear.js

@@ -56,7 +56,7 @@ const PickersYearButton = (0, _styles.styled)('button', {
   border: 0,
   outline: 0
 }, theme.typography.subtitle1, {
-  margin: '8px 0',
+  margin: '6px 0',
   height: 36,
   width: 72,
   borderRadius: 18,
@@ -86,7 +86,7 @@ const PickersYearButton = (0, _styles.styled)('button', {
 /**
  * @ignore - internal component.
  */
-const PickersYear = /*#__PURE__*/React.memo(function PickersYear(inProps) {
+const PickersYear = exports.PickersYear = /*#__PURE__*/React.memo(function PickersYear(inProps) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiPickersYear'
@@ -138,5 +138,4 @@ const PickersYear = /*#__PURE__*/React.memo(function PickersYear(inProps) {
       children: children
     })
   }));
-});
-exports.PickersYear = PickersYear;
+});

package/node/YearCalendar/YearCalendar.js

@@ -20,6 +20,7 @@ var _dateUtils = require("../internals/utils/date-utils");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _getDefaultReferenceDate = require("../internals/utils/getDefaultReferenceDate");
 var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
+var _dimensions = require("../internals/constants/dimensions");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["autoFocus", "className", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "readOnly", "shouldDisableYear", "disableHighlightToday", "onYearFocus", "hasFocus", "onFocusedViewChange", "yearsPerRow", "timezone", "gridLabelId"];
 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); }
@@ -44,6 +45,7 @@ function useYearCalendarDefaultizedProps(props, name) {
     disablePast: false,
     disableFuture: false
   }, themeProps, {
+    yearsPerRow: themeProps.yearsPerRow ?? 3,
     minDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.minDate, defaultDates.minDate),
     maxDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.maxDate, defaultDates.maxDate)
   });
@@ -59,13 +61,13 @@ const YearCalendarRoot = (0, _styles.styled)('div', {
   overflowY: 'auto',
   height: '100%',
   padding: '0 4px',
-  width: 320,
-  maxHeight: 304,
+  width: _dimensions.DIALOG_WIDTH,
+  maxHeight: _dimensions.MAX_CALENDAR_HEIGHT,
   // avoid padding increasing width over defined
   boxSizing: 'border-box',
   position: 'relative'
 });
-const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps, ref) {
+const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps, ref) {
   const props = useYearCalendarDefaultizedProps(inProps, 'MuiYearCalendar');
   const {
       autoFocus,
@@ -85,7 +87,7 @@ const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps
       onYearFocus,
       hasFocus,
       onFocusedViewChange,
-      yearsPerRow = 3,
+      yearsPerRow,
       timezone: timezoneProp,
       gridLabelId
     } = props,
@@ -257,7 +259,6 @@ const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps
     })
   }));
 });
-exports.YearCalendar = YearCalendar;
 process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/YearCalendar/pickersYearClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getPickersYearUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiPickersYear', slot);
 }
-const pickersYearClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersYear', ['root', 'yearButton', 'selected', 'disabled']);
-exports.pickersYearClasses = pickersYearClasses;
+const pickersYearClasses = exports.pickersYearClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersYear', ['root', 'yearButton', 'selected', 'disabled']);

package/node/YearCalendar/yearCalendarClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getYearCalendarUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiYearCalendar', slot);
 }
-const yearCalendarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiYearCalendar', ['root']);
-exports.yearCalendarClasses = yearCalendarClasses;
+const yearCalendarClasses = exports.yearCalendarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiYearCalendar', ['root']);

package/node/dateTimeViewRenderers/dateTimeViewRenderers.js

@@ -14,6 +14,9 @@ var _MultiSectionDigitalClock = require("../MultiSectionDigitalClock");
 var _DateTimeViewWrapper = require("../internals/components/DateTimeViewWrapper");
 var _timeUtils = require("../internals/utils/time-utils");
 var _dateUtils = require("../internals/utils/date-utils");
+var _timeViewRenderers = require("../timeViewRenderers");
+var _DigitalClock = require("../DigitalClock");
+var _dimensions = require("../internals/constants/dimensions");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -67,9 +70,42 @@ const renderDesktopDateTimeView = ({
   disableIgnoringDatePartForTimeValidation,
   timeSteps,
   skipDisabled,
-  timeViewsCount
+  timeViewsCount,
+  shouldRenderTimeInASingleColumn
 }) => {
   const isActionBarVisible = !!(0, _utils.resolveComponentProps)(slotProps?.actionBar ?? componentsProps?.actionBar, {})?.actions?.length;
+  const commonTimeProps = {
+    view: (0, _timeUtils.isInternalTimeView)(view) ? view : 'hours',
+    onViewChange,
+    focusedView: focusedView && (0, _timeUtils.isInternalTimeView)(focusedView) ? focusedView : null,
+    onFocusedViewChange,
+    views: views.filter(_timeUtils.isInternalTimeView),
+    value,
+    defaultValue,
+    referenceDate,
+    onChange,
+    className,
+    classes,
+    disableFuture,
+    disablePast,
+    minTime,
+    maxTime,
+    shouldDisableTime,
+    shouldDisableClock,
+    minutesStep,
+    ampm,
+    components,
+    componentsProps,
+    slots,
+    slotProps,
+    readOnly,
+    disabled,
+    autoFocus,
+    disableIgnoringDatePartForTimeValidation,
+    timeSteps,
+    skipDisabled,
+    timezone
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_DateTimeViewWrapper.DateTimeViewWrapper, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DateCalendar.DateCalendar, {
@@ -116,45 +152,28 @@ const renderDesktopDateTimeView = ({
       }), timeViewsCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
           orientation: "vertical"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiSectionDigitalClock.MultiSectionDigitalClock, {
+        }), shouldRenderTimeInASingleColumn ? (0, _timeViewRenderers.renderDigitalClockTimeView)((0, _extends2.default)({}, commonTimeProps, {
+          view: 'hours',
+          views: ['hours'],
+          focusedView: focusedView && (0, _timeUtils.isInternalTimeView)(focusedView) ? 'hours' : null,
+          sx: (0, _extends2.default)({
+            width: 'auto',
+            [`&.${_DigitalClock.digitalClockClasses.root}`]: {
+              maxHeight: _dimensions.VIEW_HEIGHT
+            }
+          }, Array.isArray(sx) ? sx : [sx])
+        })) : (0, _timeViewRenderers.renderMultiSectionDigitalClockTimeView)((0, _extends2.default)({}, commonTimeProps, {
           view: (0, _timeUtils.isInternalTimeView)(view) ? view : 'hours',
-          onViewChange: onViewChange,
-          focusedView: focusedView && (0, _timeUtils.isInternalTimeView)(focusedView) ? focusedView : null,
-          onFocusedViewChange: onFocusedViewChange,
           views: views.filter(_timeUtils.isInternalTimeView),
-          value: value,
-          defaultValue: defaultValue,
-          referenceDate: referenceDate,
-          onChange: onChange,
-          className: className,
-          classes: classes,
-          disableFuture: disableFuture,
-          disablePast: disablePast,
-          minTime: minTime,
-          maxTime: maxTime,
-          shouldDisableTime: shouldDisableTime,
-          shouldDisableClock: shouldDisableClock,
-          minutesStep: minutesStep,
-          ampm: ampm,
-          components: components,
-          componentsProps: componentsProps,
-          slots: slots,
-          slotProps: slotProps,
-          readOnly: readOnly,
-          disabled: disabled,
+          focusedView: focusedView && (0, _timeUtils.isInternalTimeView)(focusedView) ? focusedView : null,
           sx: (0, _extends2.default)({
             borderBottom: 0,
             width: 'auto',
             [`.${_MultiSectionDigitalClock.multiSectionDigitalClockSectionClasses.root}`]: {
               maxHeight: '100%'
             }
-          }, Array.isArray(sx) ? sx : [sx]),
-          autoFocus: autoFocus,
-          disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation,
-          timeSteps: timeSteps,
-          skipDisabled: skipDisabled,
-          timezone: timezone
-        })]
+          }, Array.isArray(sx) ? sx : [sx])
+        }))]
       })]
     }), isActionBarVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {})]
   });

package/node/icons/index.js

@@ -12,39 +12,35 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * @ignore - internal component.
  */
-const ArrowDropDownIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+const ArrowDropDownIcon = exports.ArrowDropDownIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M7 10l5 5 5-5z"
 }), 'ArrowDropDown');
 
 /**
  * @ignore - internal component.
  */
-exports.ArrowDropDownIcon = ArrowDropDownIcon;
-const ArrowLeftIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+const ArrowLeftIcon = exports.ArrowLeftIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
 }), 'ArrowLeft');
 
 /**
  * @ignore - internal component.
  */
-exports.ArrowLeftIcon = ArrowLeftIcon;
-const ArrowRightIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+const ArrowRightIcon = exports.ArrowRightIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
 }), 'ArrowRight');
 
 /**
  * @ignore - internal component.
  */
-exports.ArrowRightIcon = ArrowRightIcon;
-const CalendarIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+const CalendarIcon = exports.CalendarIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"
 }), 'Calendar');
 
 /**
  * @ignore - internal component.
  */
-exports.CalendarIcon = CalendarIcon;
-const ClockIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+const ClockIcon = exports.ClockIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
@@ -55,16 +51,14 @@ const ClockIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(
 /**
  * @ignore - internal component.
  */
-exports.ClockIcon = ClockIcon;
-const DateRangeIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+const DateRangeIcon = exports.DateRangeIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
 }), 'DateRange');
 
 /**
  * @ignore - internal component.
  */
-exports.DateRangeIcon = DateRangeIcon;
-const TimeIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+const TimeIcon = exports.TimeIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
@@ -75,8 +69,6 @@ const TimeIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(R
 /**
  * @ignore - internal component.
  */
-exports.TimeIcon = TimeIcon;
-const ClearIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+const ClearIcon = exports.ClearIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), 'Clear');
-exports.ClearIcon = ClearIcon;
+}), 'Clear');

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.16.0
+ * @mui/x-date-pickers v6.16.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/components/DateTimeViewWrapper/DateTimeViewWrapper.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DateTimeViewWrapper = void 0;
 var _styles = require("@mui/material/styles");
-const DateTimeViewWrapper = (0, _styles.styled)('div')({
+const DateTimeViewWrapper = exports.DateTimeViewWrapper = (0, _styles.styled)('div')({
   display: 'flex',
   margin: '0 auto'
-});
-exports.DateTimeViewWrapper = DateTimeViewWrapper;
+});

package/node/internals/components/FakeTextField/FakeTextField.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FakeTextField = FakeTextField;
+var React = _interopRequireWildcard(require("react"));
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+function FakeTextField(props) {
+  const {
+    sections
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stack.default, {
+    direction: "row",
+    spacing: 1,
+    children: sections.map(section => /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [section.startSeparator, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        value: section.value,
+        onChange: () => {}
+      }), section.endSeparator]
+    }))
+  });
+}

package/node/internals/components/FakeTextField/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FakeTextField", {
+  enumerable: true,
+  get: function () {
+    return _FakeTextField.FakeTextField;
+  }
+});
+var _FakeTextField = require("./FakeTextField");

package/node/internals/components/PickerViewRoot/PickerViewRoot.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.PickerViewRoot = void 0;
 var _styles = require("@mui/material/styles");
 var _dimensions = require("../../constants/dimensions");
-const PickerViewRoot = (0, _styles.styled)('div')({
+const PickerViewRoot = exports.PickerViewRoot = (0, _styles.styled)('div')({
   overflow: 'hidden',
   width: _dimensions.DIALOG_WIDTH,
   maxHeight: _dimensions.VIEW_HEIGHT,
   display: 'flex',
   flexDirection: 'column',
   margin: '0 auto'
-});
-exports.PickerViewRoot = PickerViewRoot;
+});

package/node/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -58,7 +58,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _utils.unstable_composeClasses)(slots, _pickersArrowSwitcherClasses.getPickersArrowSwitcherUtilityClass, classes);
 };
-const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(inProps, ref) {
+const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(inProps, ref) {
   const theme = (0, _styles.useTheme)();
   const isRTL = theme.direction === 'rtl';
   const props = (0, _styles.useThemeProps)({
@@ -168,5 +168,4 @@ const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrow
       children: isRTL ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LeftArrowIcon, (0, _extends2.default)({}, leftArrowIconProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(RightArrowIcon, (0, _extends2.default)({}, rightArrowIconProps))
     }))]
   }));
-});
-exports.PickersArrowSwitcher = PickersArrowSwitcher;
+});

package/node/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getPickersArrowSwitcherUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiPickersArrowSwitcher', slot);
 }
-const pickersArrowSwitcherClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersArrowSwitcher', ['root', 'spacer', 'button']);
-exports.pickersArrowSwitcherClasses = pickersArrowSwitcherClasses;
+const pickersArrowSwitcherClasses = exports.pickersArrowSwitcherClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersArrowSwitcher', ['root', 'spacer', 'button']);

package/node/internals/components/PickersToolbar.js

@@ -62,7 +62,7 @@ const PickersToolbarContent = (0, _styles.styled)('div', {
   flex: 1,
   alignItems: ownerState.isLandscape ? 'flex-start' : 'center'
 }));
-const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersToolbar(inProps, ref) {
+const PickersToolbar = exports.PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersToolbar(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiPickersToolbar'
@@ -94,5 +94,4 @@ const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersToolbar(inP
       children: children
     })]
   });
-});
-exports.PickersToolbar = PickersToolbar;
+});

package/node/internals/components/PickersToolbarButton.js

@@ -36,7 +36,7 @@ const PickersToolbarButtonRoot = (0, _styles.styled)(_Button.default, {
   minWidth: 16,
   textTransform: 'none'
 });
-const PickersToolbarButton = /*#__PURE__*/React.forwardRef(function PickersToolbarButton(inProps, ref) {
+const PickersToolbarButton = exports.PickersToolbarButton = /*#__PURE__*/React.forwardRef(function PickersToolbarButton(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiPickersToolbarButton'
@@ -69,5 +69,4 @@ const PickersToolbarButton = /*#__PURE__*/React.forwardRef(function PickersToolb
       selected: selected
     })
   }));
-});
-exports.PickersToolbarButton = PickersToolbarButton;
+});

package/node/internals/components/PickersToolbarText.js

@@ -42,7 +42,7 @@ const PickersToolbarTextRoot = (0, _styles.styled)(_Typography.default, {
     color: (theme.vars || theme).palette.text.primary
   }
 }));
-const PickersToolbarText = /*#__PURE__*/React.forwardRef(function PickersToolbarText(inProps, ref) {
+const PickersToolbarText = exports.PickersToolbarText = /*#__PURE__*/React.forwardRef(function PickersToolbarText(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiPickersToolbarText'
@@ -60,5 +60,4 @@ const PickersToolbarText = /*#__PURE__*/React.forwardRef(function PickersToolbar
   }, other, {
     children: value
   }));
-});
-exports.PickersToolbarText = PickersToolbarText;
+});

package/node/internals/components/pickersPopperClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getPickersPopperUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiPickersPopper', slot);
 }
-const pickersPopperClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersPopper', ['root', 'paper']);
-exports.pickersPopperClasses = pickersPopperClasses;
+const pickersPopperClasses = exports.pickersPopperClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersPopper', ['root', 'paper']);

package/node/internals/components/pickersToolbarButtonClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getPickersToolbarButtonUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiPickersToolbarButton', slot);
 }
-const pickersToolbarButtonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersToolbarButton', ['root']);
-exports.pickersToolbarButtonClasses = pickersToolbarButtonClasses;
+const pickersToolbarButtonClasses = exports.pickersToolbarButtonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersToolbarButton', ['root']);

package/node/internals/components/pickersToolbarClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getPickersToolbarUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiPickersToolbar', slot);
 }
-const pickersToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersToolbar', ['root', 'content']);
-exports.pickersToolbarClasses = pickersToolbarClasses;
+const pickersToolbarClasses = exports.pickersToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersToolbar', ['root', 'content']);

package/node/internals/components/pickersToolbarTextClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getPickersToolbarTextUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiPickersToolbarText', slot);
 }
-const pickersToolbarTextClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersToolbarText', ['root', 'selected']);
-exports.pickersToolbarTextClasses = pickersToolbarTextClasses;
+const pickersToolbarTextClasses = exports.pickersToolbarTextClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersToolbarText', ['root', 'selected']);

package/node/internals/constants/dimensions.js

@@ -3,16 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VIEW_HEIGHT = exports.MULTI_SECTION_CLOCK_SECTION_WIDTH = exports.DIGITAL_CLOCK_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;
-exports.DAY_MARGIN = DAY_MARGIN;
-const DIALOG_WIDTH = 320;
-exports.DIALOG_WIDTH = DIALOG_WIDTH;
-const VIEW_HEIGHT = 358;
-exports.VIEW_HEIGHT = VIEW_HEIGHT;
-const DIGITAL_CLOCK_VIEW_HEIGHT = 232;
-exports.DIGITAL_CLOCK_VIEW_HEIGHT = DIGITAL_CLOCK_VIEW_HEIGHT;
-const MULTI_SECTION_CLOCK_SECTION_WIDTH = 48;
-exports.MULTI_SECTION_CLOCK_SECTION_WIDTH = MULTI_SECTION_CLOCK_SECTION_WIDTH;
+exports.VIEW_HEIGHT = exports.MULTI_SECTION_CLOCK_SECTION_WIDTH = exports.MAX_CALENDAR_HEIGHT = exports.DIGITAL_CLOCK_VIEW_HEIGHT = exports.DIALOG_WIDTH = exports.DAY_SIZE = exports.DAY_MARGIN = void 0;
+const DAY_SIZE = exports.DAY_SIZE = 36;
+const DAY_MARGIN = exports.DAY_MARGIN = 2;
+const DIALOG_WIDTH = exports.DIALOG_WIDTH = 320;
+const MAX_CALENDAR_HEIGHT = exports.MAX_CALENDAR_HEIGHT = 280;
+const VIEW_HEIGHT = exports.VIEW_HEIGHT = 334;
+const DIGITAL_CLOCK_VIEW_HEIGHT = exports.DIGITAL_CLOCK_VIEW_HEIGHT = 232;
+const MULTI_SECTION_CLOCK_SECTION_WIDTH = exports.MULTI_SECTION_CLOCK_SECTION_WIDTH = 48;