@mui/x-date-pickers 6.16.0 → 6.16.2

package/modern/dateTimeViewRenderers/dateTimeViewRenderers.js

@@ -3,10 +3,13 @@ import * as React from 'react';
 import Divider from '@mui/material/Divider';
 import { resolveComponentProps } from '@mui/base/utils';
 import { DateCalendar } from '../DateCalendar';
-import { MultiSectionDigitalClock, multiSectionDigitalClockSectionClasses } from '../MultiSectionDigitalClock';
+import { multiSectionDigitalClockSectionClasses } from '../MultiSectionDigitalClock';
 import { DateTimeViewWrapper } from '../internals/components/DateTimeViewWrapper';
 import { isInternalTimeView } from '../internals/utils/time-utils';
 import { isDatePickerView } from '../internals/utils/date-utils';
+import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '../timeViewRenderers';
+import { digitalClockClasses } from '../DigitalClock';
+import { VIEW_HEIGHT } from '../internals/constants/dimensions';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const renderDesktopDateTimeView = ({
@@ -59,9 +62,42 @@ export const renderDesktopDateTimeView = ({
   disableIgnoringDatePartForTimeValidation,
   timeSteps,
   skipDisabled,
-  timeViewsCount
+  timeViewsCount,
+  shouldRenderTimeInASingleColumn
 }) => {
   const isActionBarVisible = !!resolveComponentProps(slotProps?.actionBar ?? componentsProps?.actionBar, {})?.actions?.length;
+  const commonTimeProps = {
+    view: isInternalTimeView(view) ? view : 'hours',
+    onViewChange,
+    focusedView: focusedView && isInternalTimeView(focusedView) ? focusedView : null,
+    onFocusedViewChange,
+    views: views.filter(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__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsxs(DateTimeViewWrapper, {
       children: [/*#__PURE__*/_jsx(DateCalendar, {
@@ -108,45 +144,28 @@ export const renderDesktopDateTimeView = ({
       }), timeViewsCount > 0 && /*#__PURE__*/_jsxs(React.Fragment, {
         children: [/*#__PURE__*/_jsx(Divider, {
           orientation: "vertical"
-        }), /*#__PURE__*/_jsx(MultiSectionDigitalClock, {
+        }), shouldRenderTimeInASingleColumn ? renderDigitalClockTimeView(_extends({}, commonTimeProps, {
+          view: 'hours',
+          views: ['hours'],
+          focusedView: focusedView && isInternalTimeView(focusedView) ? 'hours' : null,
+          sx: _extends({
+            width: 'auto',
+            [`&.${digitalClockClasses.root}`]: {
+              maxHeight: VIEW_HEIGHT
+            }
+          }, Array.isArray(sx) ? sx : [sx])
+        })) : renderMultiSectionDigitalClockTimeView(_extends({}, commonTimeProps, {
           view: isInternalTimeView(view) ? view : 'hours',
-          onViewChange: onViewChange,
-          focusedView: focusedView && isInternalTimeView(focusedView) ? focusedView : null,
-          onFocusedViewChange: onFocusedViewChange,
           views: views.filter(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 && isInternalTimeView(focusedView) ? focusedView : null,
           sx: _extends({
             borderBottom: 0,
             width: 'auto',
             [`.${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__*/_jsx(Divider, {})]
   });

package/modern/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/modern/internals/components/FakeTextField/FakeTextField.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import Stack from '@mui/material/Stack';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function FakeTextField(props) {
+  const {
+    sections
+  } = props;
+  return /*#__PURE__*/_jsx(Stack, {
+    direction: "row",
+    spacing: 1,
+    children: sections.map(section => /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [section.startSeparator, /*#__PURE__*/_jsx("input", {
+        value: section.value,
+        onChange: () => {}
+      }), section.endSeparator]
+    }))
+  });
+}

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

@@ -0,0 +1 @@
+export { FakeTextField } from './FakeTextField';

package/modern/internals/constants/dimensions.js

@@ -1,6 +1,7 @@
 export const DAY_SIZE = 36;
 export const DAY_MARGIN = 2;
 export const DIALOG_WIDTH = 320;
-export const VIEW_HEIGHT = 358;
+export const MAX_CALENDAR_HEIGHT = 280;
+export const VIEW_HEIGHT = 334;
 export const DIGITAL_CLOCK_VIEW_HEIGHT = 232;
 export const MULTI_SECTION_CLOCK_SECTION_WIDTH = 48;

package/modern/internals/hooks/useField/useField.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["onClick", "onKeyDown", "onFocus", "onBlur", "onMouseUp", "onPaste", "error", "clearable", "onClear"];
+const _excluded = ["onClick", "onKeyDown", "onFocus", "onBlur", "onMouseUp", "onPaste", "error", "clearable", "onClear", "disabled"];
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useEventCallback from '@mui/utils/useEventCallback';
@@ -44,7 +44,8 @@ export const useField = params => {
         onPaste,
         error,
         clearable,
-        onClear
+        onClear,
+        disabled
       },
       fieldValueManager,
       valueManager,
@@ -401,7 +402,8 @@ export const useField = params => {
   });
   return _extends({
     placeholder,
-    autoComplete: 'off'
+    autoComplete: 'off',
+    disabled: Boolean(disabled)
   }, otherForwardedProps, {
     value: shouldShowPlaceholder ? '' : valueStr,
     inputMode,
@@ -416,6 +418,6 @@ export const useField = params => {
     onClear: handleClearValue,
     error: inputError,
     ref: handleRef,
-    clearable: Boolean(clearable && !areAllSectionsEmpty && !readOnly)
+    clearable: Boolean(clearable && !areAllSectionsEmpty && !readOnly && !disabled)
   });
 };

package/modern/internals/utils/date-time-utils.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["views", "format"];
-import { resolveTimeFormat, isTimeView } from './time-utils';
+import { resolveTimeFormat, isTimeView, isInternalTimeView } from './time-utils';
 import { resolveDateFormat } from './date-utils';
 export const resolveDateTimeFormat = (utils, _ref) => {
   let {
@@ -38,4 +38,31 @@ export const resolveDateTimeFormat = (utils, _ref) => {
     views: dateViews
   }, other), false);
   return `${dateFormat} ${timeFormat}`;
-};
+};
+const resolveViews = (ampm, views, shouldUseSingleColumn) => {
+  if (shouldUseSingleColumn) {
+    return views.filter(view => !isInternalTimeView(view) || view === 'hours');
+  }
+  return ampm ? [...views, 'meridiem'] : views;
+};
+const resolveShouldRenderTimeInASingleColumn = (timeSteps, threshold) => 24 * 60 / ((timeSteps.hours ?? 1) * (timeSteps.minutes ?? 5)) <= threshold;
+export function resolveTimeViewsResponse({
+  thresholdToRenderTimeInASingleColumn: inThreshold,
+  ampm,
+  timeSteps: inTimeSteps,
+  views
+}) {
+  const thresholdToRenderTimeInASingleColumn = inThreshold ?? 24;
+  const timeSteps = _extends({
+    hours: 1,
+    minutes: 5,
+    seconds: 5
+  }, inTimeSteps);
+  const shouldRenderTimeInASingleColumn = resolveShouldRenderTimeInASingleColumn(timeSteps, thresholdToRenderTimeInASingleColumn);
+  return {
+    thresholdToRenderTimeInASingleColumn,
+    timeSteps,
+    shouldRenderTimeInASingleColumn,
+    views: resolveViews(ampm, views, shouldRenderTimeInASingleColumn)
+  };
+}

package/modern/locales/esES.js

@@ -47,7 +47,7 @@ const esESPickers = {
   timeTableLabel: 'elige la fecha',
   dateTableLabel: 'elige la hora',
   // Field section placeholders
-  fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
+  fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
   fieldDayPlaceholder: () => 'DD',
   fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',

package/node/AdapterDayjs/AdapterDayjs.js

@@ -303,13 +303,15 @@ class AdapterDayjs {
       return parsedValue.locale(this.locale);
     };
     this.getTimezone = value => {
-      if (this.hasUTCPlugin() && value.isUTC()) {
-        return 'UTC';
-      }
       if (this.hasTimezonePlugin()) {
         // @ts-ignore
         const zone = value.$x?.$timezone;
-        return zone ?? 'system';
+        if (zone) {
+          return zone;
+        }
+      }
+      if (this.hasUTCPlugin() && value.isUTC()) {
+        return 'UTC';
       }
       return 'system';
     };

package/node/AdapterMoment/AdapterMoment.js

@@ -247,16 +247,13 @@ class AdapterMoment {
       return this.createTZDate(value, timezone);
     };
     this.getTimezone = value => {
-      if (value.isUTC()) {
-        return 'UTC';
-      }
-
       // @ts-ignore
       // eslint-disable-next-line no-underscore-dangle
       const zone = value._z?.name;
+      const defaultZone = value.isUTC() ? 'UTC' : 'system';
 
       // @ts-ignore
-      return zone ?? this.moment.defaultZone?.name ?? 'system';
+      return zone ?? this.moment.defaultZone?.name ?? defaultZone;
     };
     this.setTimezone = (value, timezone) => {
       if (this.getTimezone(value) === timezone) {

package/node/DateCalendar/DateCalendar.js

@@ -27,6 +27,7 @@ var _useDefaultReduceAnimations = require("../internals/hooks/useDefaultReduceAn
 var _dateCalendarClasses = require("./dateCalendarClasses");
 var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
 var _valueManagers = require("../internals/utils/valueManagers");
+var _dimensions = require("../internals/constants/dimensions");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "defaultCalendarMonth", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "components", "componentsProps", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"];
 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); }
@@ -69,7 +70,8 @@ const DateCalendarRoot = (0, _styles.styled)(_PickerViewRoot.PickerViewRoot, {
   overridesResolver: (props, styles) => styles.root
 })({
   display: 'flex',
-  flexDirection: 'column'
+  flexDirection: 'column',
+  height: _dimensions.VIEW_HEIGHT
 });
 const DateCalendarViewTransitionContainer = (0, _styles.styled)(_PickersFadeTransitionGroup.PickersFadeTransitionGroup, {
   name: 'MuiDateCalendar',
@@ -86,7 +88,7 @@ const DateCalendarViewTransitionContainer = (0, _styles.styled)(_PickersFadeTran
  *
  * - [DateCalendar API](https://mui.com/x/api/date-pickers/date-calendar/)
  */
-const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(inProps, ref) {
+const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(inProps, ref) {
   const utils = (0, _useUtils.useUtils)();
   const id = (0, _utils2.unstable_useId)();
   const props = useDateCalendarDefaultizedProps(inProps, 'MuiDateCalendar');
@@ -353,7 +355,6 @@ const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(inProps
     })]
   }));
 });
-exports.DateCalendar = DateCalendar;
 process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/DateCalendar/DayCalendar.js

@@ -75,7 +75,7 @@ const PickersCalendarWeekDayLabel = (0, _styles.styled)(_Typography.default, {
   color: (theme.vars || theme).palette.text.secondary
 }));
 const PickersCalendarWeekNumberLabel = (0, _styles.styled)(_Typography.default, {
-  name: 'MuiDayPicker',
+  name: 'MuiDayCalendar',
   slot: 'WeekNumberLabel',
   overridesResolver: (_, styles) => styles.weekNumberLabel
 })(({
@@ -91,7 +91,7 @@ const PickersCalendarWeekNumberLabel = (0, _styles.styled)(_Typography.default,
   color: theme.palette.text.disabled
 }));
 const PickersCalendarWeekNumber = (0, _styles.styled)(_Typography.default, {
-  name: 'MuiDayPicker',
+  name: 'MuiDayCalendar',
   slot: 'WeekNumber',
   overridesResolver: (_, styles) => styles.weekNumber
 })(({

package/node/DateCalendar/PickersFadeTransitionGroup.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.PickersFadeTransitionGroup = PickersFadeTransitionGroup;
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
+var _reactTransitionGroup = require("react-transition-group");
 var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
-var _reactTransitionGroup = require("react-transition-group");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersFadeTransitionGroupClasses = require("./pickersFadeTransitionGroupClasses");
 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); }
@@ -22,9 +22,8 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersFadeTransitionGroupClasses.getPickersFadeTransitionGroupUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersFadeTransitionGroupClasses.getPickersFadeTransitionGroupUtilityClass, classes);
 };
-const animationDuration = 500;
 const PickersFadeTransitionGroupRoot = (0, _styles.styled)(_reactTransitionGroup.TransitionGroup, {
   name: 'MuiPickersFadeTransitionGroup',
   slot: 'Root',
@@ -49,6 +48,7 @@ function PickersFadeTransitionGroup(inProps) {
     transKey
   } = props;
   const classes = useUtilityClasses(props);
+  const theme = (0, _styles.useTheme)();
   if (reduceAnimations) {
     return children;
   }
@@ -59,8 +59,8 @@ function PickersFadeTransitionGroup(inProps) {
       mountOnEnter: true,
       unmountOnExit: true,
       timeout: {
-        appear: animationDuration,
-        enter: animationDuration / 2,
+        appear: theme.transitions.duration.enteringScreen,
+        enter: theme.transitions.duration.enteringScreen,
         exit: 0
       },
       children: children

package/node/DateCalendar/PickersSlideTransition.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PickersSlideTransition = PickersSlideTransition;
-exports.slideAnimationDuration = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _reactTransitionGroup = require("react-transition-group");
 var _pickersSlideTransitionClasses = require("./pickersSlideTransitionClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -30,10 +29,8 @@ const useUtilityClasses = ownerState => {
     enter: [`slideEnter-${slideDirection}`],
     exitActive: [`slideExitActiveLeft-${slideDirection}`]
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersSlideTransitionClasses.getPickersSlideTransitionUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersSlideTransitionClasses.getPickersSlideTransitionUtilityClass, classes);
 };
-const slideAnimationDuration = 350;
-exports.slideAnimationDuration = slideAnimationDuration;
 const PickersSlideTransitionRoot = (0, _styles.styled)(_reactTransitionGroup.TransitionGroup, {
   name: 'MuiPickersSlideTransition',
   slot: 'Root',
@@ -54,7 +51,7 @@ const PickersSlideTransitionRoot = (0, _styles.styled)(_reactTransitionGroup.Tra
   theme
 }) => {
   const slideTransition = theme.transitions.create('transform', {
-    duration: slideAnimationDuration,
+    duration: theme.transitions.duration.complex,
     easing: 'cubic-bezier(0.35, 0.8, 0.4, 1)'
   });
   return {
@@ -116,6 +113,7 @@ function PickersSlideTransition(inProps) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const classes = useUtilityClasses(props);
+  const theme = (0, _styles.useTheme)();
   if (reduceAnimations) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _clsx.default)(classes.root, className),
@@ -137,7 +135,7 @@ function PickersSlideTransition(inProps) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
       mountOnEnter: true,
       unmountOnExit: true,
-      timeout: slideAnimationDuration,
+      timeout: theme.transitions.duration.complex,
       classNames: transitionClasses
     }, other, {
       children: children

package/node/DateCalendar/dateCalendarClasses.js

@@ -7,5 +7,4 @@ exports.getDateCalendarUtilityClass = exports.dateCalendarClasses = void 0;
 var _utils = require("@mui/utils");
 const getDateCalendarUtilityClass = slot => (0, _utils.unstable_generateUtilityClass)('MuiDateCalendar', slot);
 exports.getDateCalendarUtilityClass = getDateCalendarUtilityClass;
-const dateCalendarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateCalendar', ['root', 'viewTransitionContainer']);
-exports.dateCalendarClasses = dateCalendarClasses;
+const dateCalendarClasses = exports.dateCalendarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateCalendar', ['root', 'viewTransitionContainer']);

package/node/DateCalendar/dayCalendarClasses.js

@@ -7,5 +7,4 @@ exports.getDayCalendarUtilityClass = exports.dayPickerClasses = void 0;
 var _utils = require("@mui/utils");
 const getDayCalendarUtilityClass = slot => (0, _utils.unstable_generateUtilityClass)('MuiDayCalendar', slot);
 exports.getDayCalendarUtilityClass = getDayCalendarUtilityClass;
-const dayPickerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDayCalendar', ['root', 'header', 'weekDayLabel', 'loadingContainer', 'slideTransition', 'monthContainer', 'weekContainer', 'weekNumberLabel', 'weekNumber']);
-exports.dayPickerClasses = dayPickerClasses;
+const dayPickerClasses = exports.dayPickerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDayCalendar', ['root', 'header', 'weekDayLabel', 'loadingContainer', 'slideTransition', 'monthContainer', 'weekContainer', 'weekNumberLabel', 'weekNumber']);

package/node/DateCalendar/pickersFadeTransitionGroupClasses.js

@@ -7,5 +7,4 @@ exports.pickersFadeTransitionGroupClasses = exports.getPickersFadeTransitionGrou
 var _utils = require("@mui/utils");
 const getPickersFadeTransitionGroupUtilityClass = slot => (0, _utils.unstable_generateUtilityClass)('MuiPickersFadeTransitionGroup', slot);
 exports.getPickersFadeTransitionGroupUtilityClass = getPickersFadeTransitionGroupUtilityClass;
-const pickersFadeTransitionGroupClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersFadeTransitionGroup', ['root']);
-exports.pickersFadeTransitionGroupClasses = pickersFadeTransitionGroupClasses;
+const pickersFadeTransitionGroupClasses = exports.pickersFadeTransitionGroupClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersFadeTransitionGroup', ['root']);

package/node/DateCalendar/pickersSlideTransitionClasses.js

@@ -7,5 +7,4 @@ exports.pickersSlideTransitionClasses = exports.getPickersSlideTransitionUtility
 var _utils = require("@mui/utils");
 const getPickersSlideTransitionUtilityClass = slot => (0, _utils.unstable_generateUtilityClass)('MuiPickersSlideTransition', slot);
 exports.getPickersSlideTransitionUtilityClass = getPickersSlideTransitionUtilityClass;
-const pickersSlideTransitionClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersSlideTransition', ['root', 'slideEnter-left', 'slideEnter-right', 'slideEnterActive', 'slideExit', 'slideExitActiveLeft-left', 'slideExitActiveLeft-right']);
-exports.pickersSlideTransitionClasses = pickersSlideTransitionClasses;
+const pickersSlideTransitionClasses = exports.pickersSlideTransitionClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersSlideTransition', ['root', 'slideEnter-left', 'slideEnter-right', 'slideEnterActive', 'slideExit', 'slideExitActiveLeft-left', 'slideExitActiveLeft-right']);

package/node/DateField/DateField.js

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

package/node/DatePicker/DatePicker.js

@@ -19,7 +19,7 @@ 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 DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(inProps, ref) {
+const DatePicker = exports.DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDatePicker'
@@ -42,7 +42,6 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(inProps, re
     ref: ref
   }, other));
 });
-exports.DatePicker = DatePicker;
 process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/DatePicker/DatePickerToolbar.js

@@ -48,7 +48,7 @@ const DatePickerToolbarTitle = (0, _styles.styled)(_Typography.default, {
 }) => (0, _extends2.default)({}, ownerState.isLandscape && {
   margin: 'auto 16px auto auto'
 }));
-const DatePickerToolbar = /*#__PURE__*/React.forwardRef(function DatePickerToolbar(inProps, ref) {
+const DatePickerToolbar = exports.DatePickerToolbar = /*#__PURE__*/React.forwardRef(function DatePickerToolbar(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDatePickerToolbar'
@@ -90,7 +90,6 @@ const DatePickerToolbar = /*#__PURE__*/React.forwardRef(function DatePickerToolb
     })
   }));
 });
-exports.DatePickerToolbar = DatePickerToolbar;
 process.env.NODE_ENV !== "production" ? DatePickerToolbar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/DatePicker/datePickerToolbarClasses.js

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

package/node/DateTimeField/DateTimeField.js

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

package/node/DateTimePicker/DateTimePicker.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 DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
+/**
+ * Demos:
+ *
+ * - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
+ *
+ * API:
+ *
+ * - [DateTimePicker API](https://mui.com/x/api/date-pickers/date-time-picker/)
+ */
+const DateTimePicker = exports.DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDateTimePicker'
@@ -42,7 +52,6 @@ const DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inP
     ref: ref
   }, other));
 });
-exports.DateTimePicker = DateTimePicker;
 process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -387,6 +396,11 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.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.bool])), _propTypes.default.func, _propTypes.default.object]),
+  /**
+   * Amount of time options below or at which the single column time renderer is used.
+   * @default 24
+   */
+  thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
   /**
    * The time steps between two time unit options.
    * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.

package/node/DateTimePicker/DateTimePickerTabs.js

@@ -55,7 +55,7 @@ const DateTimePickerTabsRoot = (0, _styles.styled)(_Tabs.default, {
     }
   }
 }));
-const DateTimePickerTabs = function DateTimePickerTabs(inProps) {
+const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerTabs(inProps) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDateTimePickerTabs'
@@ -96,7 +96,6 @@ const DateTimePickerTabs = function DateTimePickerTabs(inProps) {
     })]
   });
 };
-exports.DateTimePickerTabs = DateTimePickerTabs;
 process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |