@mui/x-date-pickers 6.16.1 → 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.1
+ * @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/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/DateField/DateField.js

@@ -21,6 +21,16 @@ 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; }
+/**
+ * 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,

package/node/DateTimeField/DateTimeField.js

@@ -21,6 +21,16 @@ 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; }
+/**
+ * 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,

package/node/DateTimePicker/DateTimePicker.js

@@ -19,6 +19,16 @@ 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; }
+/**
+ * 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,
@@ -386,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/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -23,17 +23,28 @@ var _extractValidationProps = require("../internals/utils/validation/extractVali
 var _dateTimeUtils = require("../internals/utils/date-time-utils");
 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; }
+/**
+ * Demos:
+ *
+ * - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
+ *
+ * API:
+ *
+ * - [DesktopDateTimePicker API](https://mui.com/x/api/date-pickers/desktop-date-time-picker/)
+ */
 const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDateTimePicker(inProps, ref) {
   const localeText = (0, _useUtils.useLocaleText)();
   const utils = (0, _useUtils.useUtils)();
 
   // Props with the default values common to all date time pickers
   const defaultizedProps = (0, _shared.useDateTimePickerDefaultizedProps)(inProps, 'MuiDesktopDateTimePicker');
-  const timeSteps = (0, _extends2.default)({
-    hours: 1,
-    minutes: 5,
-    seconds: 5
-  }, defaultizedProps.timeSteps);
+  const {
+    shouldRenderTimeInASingleColumn,
+    thresholdToRenderTimeInASingleColumn,
+    views,
+    timeSteps
+  } = (0, _dateTimeUtils.resolveTimeViewsResponse)(defaultizedProps);
   const shouldUseNewRenderer = !defaultizedProps.viewRenderers || Object.keys(defaultizedProps.viewRenderers).length === 0;
   const viewRenderers =
   // we can only ensure the expected two-column layout if none of the renderers are overridden
@@ -62,10 +73,12 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
   const props = (0, _extends2.default)({}, defaultizedProps, {
     viewRenderers,
     format: (0, _dateTimeUtils.resolveDateTimeFormat)(utils, defaultizedProps),
-    views: defaultizedProps.ampm ? [...defaultizedProps.views, 'meridiem'] : defaultizedProps.views,
+    views,
     yearsPerRow: defaultizedProps.yearsPerRow ?? 4,
     ampmInClock,
     timeSteps,
+    thresholdToRenderTimeInASingleColumn,
+    shouldRenderTimeInASingleColumn,
     slots: (0, _extends2.default)({
       field: _DateTimeField.DateTimeField,
       openPickerIcon: _icons.CalendarIcon
@@ -436,6 +449,11 @@ DesktopDateTimePicker.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/DesktopTimePicker/DesktopTimePicker.js

@@ -20,21 +20,30 @@ var _useDesktopPicker = require("../internals/hooks/useDesktopPicker");
 var _extractValidationProps = require("../internals/utils/validation/extractValidationProps");
 var _timeViewRenderers = require("../timeViewRenderers");
 var _timeUtils = require("../internals/utils/time-utils");
+var _dateTimeUtils = require("../internals/utils/date-time-utils");
 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; }
+/**
+ * Demos:
+ *
+ * - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
+ *
+ * API:
+ *
+ * - [DesktopTimePicker API](https://mui.com/x/api/date-pickers/desktop-time-picker/)
+ */
 const DesktopTimePicker = exports.DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePicker(inProps, ref) {
   const localeText = (0, _useUtils.useLocaleText)();
   const utils = (0, _useUtils.useUtils)();
 
   // Props with the default values common to all time pickers
   const defaultizedProps = (0, _shared.useTimePickerDefaultizedProps)(inProps, 'MuiDesktopTimePicker');
-  const thresholdToRenderTimeInASingleColumn = defaultizedProps.thresholdToRenderTimeInASingleColumn ?? 24;
-  const timeSteps = (0, _extends2.default)({
-    hours: 1,
-    minutes: 5,
-    seconds: 5
-  }, defaultizedProps.timeSteps);
-  const shouldRenderTimeInASingleColumn = 24 * 60 / (timeSteps.hours * timeSteps.minutes) <= thresholdToRenderTimeInASingleColumn;
+  const {
+    shouldRenderTimeInASingleColumn,
+    views: resolvedViews,
+    timeSteps
+  } = (0, _dateTimeUtils.resolveTimeViewsResponse)(defaultizedProps);
   const renderTimeView = shouldRenderTimeInASingleColumn ? _timeViewRenderers.renderDigitalClockTimeView : _timeViewRenderers.renderMultiSectionDigitalClockTimeView;
   const viewRenderers = (0, _extends2.default)({
     hours: renderTimeView,
@@ -46,7 +55,7 @@ const DesktopTimePicker = exports.DesktopTimePicker = /*#__PURE__*/React.forward
   const actionBarActions = shouldRenderTimeInASingleColumn ? [] : ['accept'];
   // Need to avoid adding the `meridiem` view when unexpected renderer is specified
   const shouldHoursRendererContainMeridiemView = viewRenderers.hours?.name === _timeViewRenderers.renderMultiSectionDigitalClockTimeView.name;
-  const views = defaultizedProps.ampm && shouldHoursRendererContainMeridiemView ? [...defaultizedProps.views, 'meridiem'] : defaultizedProps.views;
+  const views = !shouldHoursRendererContainMeridiemView ? resolvedViews.filter(view => view !== 'meridiem') : resolvedViews;
 
   // Props with the default values specific to the desktop variant
   const props = (0, _extends2.default)({}, defaultizedProps, {

package/node/DigitalClock/DigitalClock.js

@@ -161,7 +161,7 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
     props,
     timezone
   });
-  const handleValueChange = (0, _useEventCallback.default)(newValue => handleRawValueChange(newValue, 'finish'));
+  const handleValueChange = (0, _useEventCallback.default)(newValue => handleRawValueChange(newValue, 'finish', 'hours'));
   const {
     setValueAndGoToNextView
   } = (0, _useViews.useViews)({

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -22,6 +22,16 @@ var _timeViewRenderers = require("../timeViewRenderers");
 var _dateTimeUtils = require("../internals/utils/date-time-utils");
 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; }
+/**
+ * Demos:
+ *
+ * - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
+ *
+ * API:
+ *
+ * - [MobileDateTimePicker API](https://mui.com/x/api/date-pickers/mobile-date-time-picker/)
+ */
 const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTimePicker(inProps, ref) {
   const localeText = (0, _useUtils.useLocaleText)();
   const utils = (0, _useUtils.useUtils)();

package/node/MobileTimePicker/MobileTimePicker.js

@@ -21,6 +21,16 @@ var _timeViewRenderers = require("../timeViewRenderers");
 var _timeUtils = require("../internals/utils/time-utils");
 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; }
+/**
+ * Demos:
+ *
+ * - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
+ *
+ * API:
+ *
+ * - [MobileTimePicker API](https://mui.com/x/api/date-pickers/mobile-time-picker/)
+ */
 const MobileTimePicker = exports.MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker(inProps, ref) {
   const localeText = (0, _useUtils.useLocaleText)();
   const utils = (0, _useUtils.useUtils)();

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -16,6 +16,16 @@ var _useStaticPicker = require("../internals/hooks/useStaticPicker");
 var _validateDateTime = require("../internals/utils/validation/validateDateTime");
 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; }
+/**
+ * Demos:
+ *
+ * - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
+ *
+ * API:
+ *
+ * - [StaticDateTimePicker API](https://mui.com/x/api/date-pickers/static-date-time-picker/)
+ */
 const StaticDateTimePicker = exports.StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTimePicker(inProps, ref) {
   const defaultizedProps = (0, _shared.useDateTimePickerDefaultizedProps)(inProps, 'MuiStaticDateTimePicker');
   const displayStaticWrapperAs = defaultizedProps.displayStaticWrapperAs ?? 'mobile';

package/node/StaticTimePicker/StaticTimePicker.js

@@ -15,6 +15,16 @@ var _useStaticPicker = require("../internals/hooks/useStaticPicker");
 var _validateTime = require("../internals/utils/validation/validateTime");
 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; }
+/**
+ * Demos:
+ *
+ * - [TimePicker](https://mui.com/x/react-date-pickers/time-picker/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
+ *
+ * API:
+ *
+ * - [StaticTimePicker API](https://mui.com/x/api/date-pickers/static-time-picker/)
+ */
 const StaticTimePicker = exports.StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker(inProps, ref) {
   const defaultizedProps = (0, _shared.useTimePickerDefaultizedProps)(inProps, 'MuiStaticTimePicker');
   const displayStaticWrapperAs = defaultizedProps.displayStaticWrapperAs ?? 'mobile';

package/node/TimeField/TimeField.js

@@ -21,6 +21,16 @@ 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; }
+/**
+ * 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,

package/node/TimePicker/TimePicker.js

@@ -19,6 +19,16 @@ 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; }
+/**
+ * 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,