@mui/x-date-pickers 8.0.0-alpha.11 → 8.0.0-alpha.12

package/DateTimePicker/DateTimePickerTabs.js

@@ -1,21 +1,28 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import Tab from '@mui/material/Tab';
-import Tabs, { tabsClasses } from '@mui/material/Tabs';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { TimeIcon, DateRangeIcon } from "../icons/index.js";
-import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-import { getDateTimePickerTabsUtilityClass } from "./dateTimePickerTabsClasses.js";
-import { isDatePickerView } from "../internals/utils/date-utils.js";
-import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
-import { usePickerContext } from "../hooks/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimePickerTabs = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
+var _Tabs = _interopRequireWildcard(require("@mui/material/Tabs"));
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _icons = require("../icons");
+var _usePickerTranslations = require("../hooks/usePickerTranslations");
+var _dateTimePickerTabsClasses = require("./dateTimePickerTabsClasses");
+var _dateUtils = require("../internals/utils/date-utils");
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _hooks = require("../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 const viewToTab = view => {
-  if (isDatePickerView(view)) {
+  if ((0, _dateUtils.isDatePickerView)(view)) {
     return 'date';
   }
   return 'time';
@@ -30,9 +37,9 @@ const useUtilityClasses = classes => {
   const slots = {
     root: ['root']
   };
-  return composeClasses(slots, getDateTimePickerTabsUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dateTimePickerTabsClasses.getDateTimePickerTabsUtilityClass, classes);
 };
-const DateTimePickerTabsRoot = styled(Tabs, {
+const DateTimePickerTabsRoot = (0, _styles.styled)(_Tabs.default, {
   name: 'MuiDateTimePickerTabs',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
@@ -42,7 +49,7 @@ const DateTimePickerTabsRoot = styled(Tabs, {
   boxShadow: `0 -1px 0 0 inset ${(theme.vars || theme).palette.divider}`,
   '&:last-child': {
     boxShadow: `0 1px 0 0 inset ${(theme.vars || theme).palette.divider}`,
-    [`& .${tabsClasses.indicator}`]: {
+    [`& .${_Tabs.tabsClasses.indicator}`]: {
       bottom: 'auto',
       top: 0
     }
@@ -59,27 +66,27 @@ const DateTimePickerTabsRoot = styled(Tabs, {
  *
  * - [DateTimePickerTabs API](https://mui.com/x/api/date-pickers/date-time-picker-tabs/)
  */
-const DateTimePickerTabs = function DateTimePickerTabs(inProps) {
-  const props = useThemeProps({
+const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerTabs(inProps) {
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDateTimePickerTabs'
   });
   const {
-    dateIcon = /*#__PURE__*/_jsx(DateRangeIcon, {}),
-    timeIcon = /*#__PURE__*/_jsx(TimeIcon, {}),
+    dateIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DateRangeIcon, {}),
+    timeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.TimeIcon, {}),
     hidden = typeof window === 'undefined' || window.innerHeight < 667,
     className,
     classes: classesProp,
     sx
   } = props;
-  const translations = usePickerTranslations();
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
   const {
     ownerState
-  } = usePickerPrivateContext();
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
   const {
     view,
     setView
-  } = usePickerContext();
+  } = (0, _hooks.usePickerContext)();
   const classes = useUtilityClasses(classesProp);
   const handleChange = (event, value) => {
     setView(tabToView(value));
@@ -87,23 +94,23 @@ const DateTimePickerTabs = function DateTimePickerTabs(inProps) {
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(DateTimePickerTabsRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerTabsRoot, {
     ownerState: ownerState,
     variant: "fullWidth",
     value: viewToTab(view),
     onChange: handleChange,
-    className: clsx(className, classes.root),
+    className: (0, _clsx.default)(className, classes.root),
     sx: sx,
-    children: [/*#__PURE__*/_jsx(Tab, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
       value: "date",
       "aria-label": translations.dateTableLabel,
-      icon: /*#__PURE__*/_jsx(React.Fragment, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
         children: dateIcon
       })
-    }), /*#__PURE__*/_jsx(Tab, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
       value: "time",
       "aria-label": translations.timeTableLabel,
-      icon: /*#__PURE__*/_jsx(React.Fragment, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
         children: timeIcon
       })
     })]
@@ -117,26 +124,25 @@ process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * Date tab icon.
    * @default DateRange
    */
-  dateIcon: PropTypes.node,
+  dateIcon: _propTypes.default.node,
   /**
    * Toggles visibility of the tabs allowing view switching.
    * @default `window.innerHeight < 667` for `DesktopDateTimePicker` and `MobileDateTimePicker`, `displayStaticWrapperAs === 'desktop'` for `StaticDateTimePicker`
    */
-  hidden: PropTypes.bool,
+  hidden: _propTypes.default.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * Time tab icon.
    * @default Time
    */
-  timeIcon: PropTypes.node
-} : void 0;
-export { DateTimePickerTabs };
+  timeIcon: _propTypes.default.node
+} : void 0;

package/DateTimePicker/DateTimePickerToolbar.d.ts

@@ -1,22 +1,22 @@
 import * as React from 'react';
-import { BaseToolbarProps, ExportedBaseToolbarProps } from '../internals/models/props/toolbar';
-import { DateTimePickerToolbarClasses } from './dateTimePickerToolbarClasses';
-import { DateOrTimeViewWithMeridiem, PickerValue } from '../internals/models';
-import { DateTimeValidationError } from '../models';
-import { SetValueActionOptions } from '../internals/hooks/usePicker/usePickerValue.types';
+import { BaseToolbarProps, ExportedBaseToolbarProps } from "../internals/models/props/toolbar.js";
+import { DateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";
+import { DateOrTimeViewWithMeridiem, PickerValue } from "../internals/models/index.js";
+import { DateTimeValidationError } from "../models/index.js";
+import { SetValueActionOptions } from "../internals/hooks/usePicker/usePickerValue.types.js";
 export interface ExportedDateTimePickerToolbarProps extends ExportedBaseToolbarProps {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<DateTimePickerToolbarClasses>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DateTimePickerToolbarClasses>;
 }
 export interface DateTimePickerToolbarProps extends ExportedDateTimePickerToolbarProps, BaseToolbarProps {
-    /**
-     * If provided, it will be used instead of `dateTimePickerToolbarTitle` from localization.
-     */
-    toolbarTitle?: React.ReactNode;
-    ampm?: boolean;
-    ampmInClock?: boolean;
+  /**
+   * If provided, it will be used instead of `dateTimePickerToolbarTitle` from localization.
+   */
+  toolbarTitle?: React.ReactNode;
+  ampm?: boolean;
+  ampmInClock?: boolean;
 }
 /**
  * If `forceDesktopVariant` is set to `true`, the toolbar will always be rendered in the desktop mode.
@@ -24,11 +24,11 @@ export interface DateTimePickerToolbarProps extends ExportedDateTimePickerToolba
  * This is used by the Date Time Range Picker Toolbar.
  */
 export declare const DateTimePickerToolbarOverrideContext: React.Context<{
-    value: PickerValue;
-    setValue: (value: PickerValue, options?: SetValueActionOptions<DateTimeValidationError>) => void;
-    forceDesktopVariant: boolean;
-    setView: (view: DateOrTimeViewWithMeridiem) => void;
-    view: DateOrTimeViewWithMeridiem | null;
+  value: PickerValue;
+  setValue: (value: PickerValue, options?: SetValueActionOptions<DateTimeValidationError>) => void;
+  forceDesktopVariant: boolean;
+  setView: (view: DateOrTimeViewWithMeridiem) => void;
+  view: DateOrTimeViewWithMeridiem | null;
 } | null>;
 /**
  * Demos:
@@ -42,6 +42,6 @@ export declare const DateTimePickerToolbarOverrideContext: React.Context<{
  */
 declare function DateTimePickerToolbar(inProps: DateTimePickerToolbarProps): React.JSX.Element;
 declare namespace DateTimePickerToolbar {
-    var propTypes: any;
+  var propTypes: any;
 }
-export { DateTimePickerToolbar };
+export { DateTimePickerToolbar };

package/DateTimePicker/DateTimePickerToolbar.js

@@ -1,28 +1,36 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimePickerToolbar = DateTimePickerToolbar;
+exports.DateTimePickerToolbarOverrideContext = 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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _createStyled = require("@mui/system/createStyled");
+var _PickersToolbarText = require("../internals/components/PickersToolbarText");
+var _PickersToolbar = require("../internals/components/PickersToolbar");
+var _PickersToolbarButton = require("../internals/components/PickersToolbarButton");
+var _usePickerTranslations = require("../hooks/usePickerTranslations");
+var _useUtils = require("../internals/hooks/useUtils");
+var _dateTimePickerToolbarClasses = require("./dateTimePickerToolbarClasses");
+var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
+var _dimensions = require("../internals/constants/dimensions");
+var _dateUtils = require("../internals/utils/date-utils");
+var _pickersToolbarTextClasses = require("../internals/components/pickersToolbarTextClasses");
+var _pickersToolbarClasses = require("../internals/components/pickersToolbarClasses");
+var _usePickerContext = require("../hooks/usePickerContext");
+var _useToolbarOwnerState = require("../internals/hooks/useToolbarOwnerState");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["ampm", "ampmInClock", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "className", "classes"];
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { shouldForwardProp } from '@mui/system/createStyled';
-import { PickersToolbarText } from "../internals/components/PickersToolbarText.js";
-import { PickersToolbar } from "../internals/components/PickersToolbar.js";
-import { PickersToolbarButton } from "../internals/components/PickersToolbarButton.js";
-import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-import { useUtils } from "../internals/hooks/useUtils.js";
-import { dateTimePickerToolbarClasses, getDateTimePickerToolbarUtilityClass } from "./dateTimePickerToolbarClasses.js";
-import { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.js";
-import { MULTI_SECTION_CLOCK_SECTION_WIDTH } from "../internals/constants/dimensions.js";
-import { formatMeridiem } from "../internals/utils/date-utils.js";
-import { pickersToolbarTextClasses } from "../internals/components/pickersToolbarTextClasses.js";
-import { pickersToolbarClasses } from "../internals/components/pickersToolbarClasses.js";
-import { usePickerContext } from "../hooks/usePickerContext.js";
-import { useToolbarOwnerState } from "../internals/hooks/useToolbarOwnerState.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = (classes, ownerState) => {
   const {
     pickerOrientation,
@@ -37,13 +45,13 @@ const useUtilityClasses = (classes, ownerState) => {
     ampmSelection: ['ampmSelection', pickerOrientation === 'landscape' && 'ampmLandscape'],
     ampmLabel: ['ampmLabel']
   };
-  return composeClasses(slots, getDateTimePickerToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dateTimePickerToolbarClasses.getDateTimePickerToolbarUtilityClass, classes);
 };
-const DateTimePickerToolbarRoot = styled(PickersToolbar, {
+const DateTimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToolbar, {
   name: 'MuiDateTimePickerToolbar',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'toolbarVariant'
 })(({
   theme
 }) => ({
@@ -57,7 +65,7 @@ const DateTimePickerToolbarRoot = styled(PickersToolbar, {
     },
     style: {
       borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
-      [`& .${pickersToolbarClasses.content} .${pickersToolbarTextClasses.selected}`]: {
+      [`& .${_pickersToolbarClasses.pickersToolbarClasses.content} .${_pickersToolbarTextClasses.pickersToolbarTextClasses.selected}`]: {
         color: (theme.vars || theme).palette.primary.main,
         fontWeight: theme.typography.fontWeightBold
       }
@@ -81,7 +89,7 @@ const DateTimePickerToolbarRoot = styled(PickersToolbar, {
     }
   }]
 }));
-const DateTimePickerToolbarDateContainer = styled('div', {
+const DateTimePickerToolbarDateContainer = (0, _styles.styled)('div', {
   name: 'MuiDateTimePickerToolbar',
   slot: 'DateContainer',
   overridesResolver: (props, styles) => styles.dateContainer
@@ -90,11 +98,11 @@ const DateTimePickerToolbarDateContainer = styled('div', {
   flexDirection: 'column',
   alignItems: 'flex-start'
 });
-const DateTimePickerToolbarTimeContainer = styled('div', {
+const DateTimePickerToolbarTimeContainer = (0, _styles.styled)('div', {
   name: 'MuiDateTimePickerToolbar',
   slot: 'TimeContainer',
   overridesResolver: (props, styles) => styles.timeContainer,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'toolbarVariant'
 })({
   display: 'flex',
   flexDirection: 'row',
@@ -134,11 +142,11 @@ const DateTimePickerToolbarTimeContainer = styled('div', {
     }
   }]
 });
-const DateTimePickerToolbarTimeDigitsContainer = styled('div', {
+const DateTimePickerToolbarTimeDigitsContainer = (0, _styles.styled)('div', {
   name: 'MuiDateTimePickerToolbar',
   slot: 'TimeDigitsContainer',
   overridesResolver: (props, styles) => styles.timeDigitsContainer,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'toolbarVariant'
 })({
   display: 'flex',
   variants: [{
@@ -157,11 +165,11 @@ const DateTimePickerToolbarTimeDigitsContainer = styled('div', {
     }
   }]
 });
-const DateTimePickerToolbarSeparator = styled(PickersToolbarText, {
+const DateTimePickerToolbarSeparator = (0, _styles.styled)(_PickersToolbarText.PickersToolbarText, {
   name: 'MuiDateTimePickerToolbar',
   slot: 'Separator',
   overridesResolver: (props, styles) => styles.separator,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'toolbarVariant'
 })({
   margin: '0 4px 0 2px',
   cursor: 'default',
@@ -176,20 +184,20 @@ const DateTimePickerToolbarSeparator = styled(PickersToolbarText, {
 });
 
 // Taken from TimePickerToolbar
-const DateTimePickerToolbarAmPmSelection = styled('div', {
+const DateTimePickerToolbarAmPmSelection = (0, _styles.styled)('div', {
   name: 'MuiDateTimePickerToolbar',
   slot: 'AmPmSelection',
   overridesResolver: (props, styles) => [{
-    [`.${dateTimePickerToolbarClasses.ampmLabel}`]: styles.ampmLabel
+    [`.${_dateTimePickerToolbarClasses.dateTimePickerToolbarClasses.ampmLabel}`]: styles.ampmLabel
   }, {
-    [`&.${dateTimePickerToolbarClasses.ampmLandscape}`]: styles.ampmLandscape
+    [`&.${_dateTimePickerToolbarClasses.dateTimePickerToolbarClasses.ampmLandscape}`]: styles.ampmLandscape
   }, styles.ampmSelection]
 })({
   display: 'flex',
   flexDirection: 'column',
   marginRight: 'auto',
   marginLeft: 12,
-  [`& .${dateTimePickerToolbarClasses.ampmLabel}`]: {
+  [`& .${_dateTimePickerToolbarClasses.dateTimePickerToolbarClasses.ampmLabel}`]: {
     fontSize: 17
   },
   variants: [{
@@ -210,7 +218,7 @@ const DateTimePickerToolbarAmPmSelection = styled('div', {
  * If `onViewChange` is defined, the toolbar will call it instead of calling the default handler from `usePickerContext`.
  * This is used by the Date Time Range Picker Toolbar.
  */
-export const DateTimePickerToolbarOverrideContext = /*#__PURE__*/React.createContext(null);
+const DateTimePickerToolbarOverrideContext = exports.DateTimePickerToolbarOverrideContext = /*#__PURE__*/React.createContext(null);
 
 /**
  * Demos:
@@ -223,7 +231,7 @@ export const DateTimePickerToolbarOverrideContext = /*#__PURE__*/React.createCon
  * - [DateTimePickerToolbar API](https://mui.com/x/api/date-pickers/date-time-picker-toolbar/)
  */
 function DateTimePickerToolbar(inProps) {
-  const props = useThemeProps({
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDateTimePickerToolbar'
   });
@@ -236,7 +244,7 @@ function DateTimePickerToolbar(inProps) {
       className,
       classes: classesProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     value: valueContext,
     setValue: setValueContext,
@@ -247,11 +255,11 @@ function DateTimePickerToolbar(inProps) {
     view: viewContext,
     setView: setViewContext,
     views
-  } = usePickerContext();
-  const translations = usePickerTranslations();
-  const ownerState = useToolbarOwnerState();
+  } = (0, _usePickerContext.usePickerContext)();
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
+  const ownerState = (0, _useToolbarOwnerState.useToolbarOwnerState)();
   const classes = useUtilityClasses(classesProp, ownerState);
-  const utils = useUtils();
+  const utils = (0, _useUtils.useUtils)();
   const overrides = React.useContext(DateTimePickerToolbarOverrideContext);
   const value = overrides ? overrides.value : valueContext;
   const setValue = overrides ? overrides.setValue : setValueContext;
@@ -260,7 +268,7 @@ function DateTimePickerToolbar(inProps) {
   const {
     meridiemMode,
     handleMeridiemChange
-  } = useMeridiemMode(value, ampm, newValue => setValue(newValue, {
+  } = (0, _dateHelpersHooks.useMeridiemMode)(value, ampm, newValue => setValue(newValue, {
     changeImportance: 'set'
   }));
   const toolbarVariant = overrides?.forceDesktopVariant ? 'desktop' : variant;
@@ -282,96 +290,96 @@ function DateTimePickerToolbar(inProps) {
     }
     return utils.format(value, format);
   };
-  return /*#__PURE__*/_jsxs(DateTimePickerToolbarRoot, _extends({
-    className: clsx(classes.root, className),
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerToolbarRoot, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className),
     toolbarTitle: toolbarTitle,
     toolbarVariant: toolbarVariant
   }, other, {
     ownerState: ownerState,
-    children: [/*#__PURE__*/_jsxs(DateTimePickerToolbarDateContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerToolbarDateContainer, {
       className: classes.dateContainer,
       ownerState: ownerState,
-      children: [views.includes('year') && /*#__PURE__*/_jsx(PickersToolbarButton, {
+      children: [views.includes('year') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         tabIndex: -1,
         variant: "subtitle1",
         onClick: () => setView('year'),
         selected: view === 'year',
         value: formatSection('year', '–')
-      }), views.includes('day') && /*#__PURE__*/_jsx(PickersToolbarButton, {
+      }), views.includes('day') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         tabIndex: -1,
         variant: isDesktop ? 'h5' : 'h4',
         onClick: () => setView('day'),
         selected: view === 'day',
         value: dateText
       })]
-    }), /*#__PURE__*/_jsxs(DateTimePickerToolbarTimeContainer, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerToolbarTimeContainer, {
       className: classes.timeContainer,
       ownerState: ownerState,
       toolbarVariant: toolbarVariant,
-      children: [/*#__PURE__*/_jsxs(DateTimePickerToolbarTimeDigitsContainer, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerToolbarTimeDigitsContainer, {
         className: classes.timeDigitsContainer,
         ownerState: ownerState,
         toolbarVariant: toolbarVariant,
-        children: [views.includes('hours') && /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
+        children: [views.includes('hours') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
             variant: isDesktop ? 'h5' : 'h3',
-            width: isDesktop && orientation === 'portrait' ? MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
+            width: isDesktop && orientation === 'portrait' ? _dimensions.MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
             onClick: () => setView('hours'),
             selected: view === 'hours',
             value: formatSection(ampm ? 'hours12h' : 'hours24h', '--')
-          }), /*#__PURE__*/_jsx(DateTimePickerToolbarSeparator, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimePickerToolbarSeparator, {
             variant: isDesktop ? 'h5' : 'h3',
             value: ":",
             className: classes.separator,
             ownerState: ownerState,
             toolbarVariant: toolbarVariant
-          }), /*#__PURE__*/_jsx(PickersToolbarButton, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
             variant: isDesktop ? 'h5' : 'h3',
-            width: isDesktop && orientation === 'portrait' ? MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
+            width: isDesktop && orientation === 'portrait' ? _dimensions.MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
             onClick: () => setView('minutes'),
             selected: view === 'minutes' || !views.includes('minutes') && view === 'hours',
             value: formatSection('minutes', '--'),
             disabled: !views.includes('minutes')
           })]
-        }), views.includes('seconds') && /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(DateTimePickerToolbarSeparator, {
+        }), views.includes('seconds') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimePickerToolbarSeparator, {
             variant: isDesktop ? 'h5' : 'h3',
             value: ":",
             className: classes.separator,
             ownerState: ownerState,
             toolbarVariant: toolbarVariant
-          }), /*#__PURE__*/_jsx(PickersToolbarButton, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
             variant: isDesktop ? 'h5' : 'h3',
-            width: isDesktop && orientation === 'portrait' ? MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
+            width: isDesktop && orientation === 'portrait' ? _dimensions.MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
             onClick: () => setView('seconds'),
             selected: view === 'seconds',
             value: formatSection('seconds', '--')
           })]
         })]
-      }), showAmPmControl && !isDesktop && /*#__PURE__*/_jsxs(DateTimePickerToolbarAmPmSelection, {
+      }), showAmPmControl && !isDesktop && /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerToolbarAmPmSelection, {
         className: classes.ampmSelection,
         ownerState: ownerState,
-        children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
           variant: "subtitle2",
           selected: meridiemMode === 'am',
           typographyClassName: classes.ampmLabel,
-          value: formatMeridiem(utils, 'am'),
+          value: (0, _dateUtils.formatMeridiem)(utils, 'am'),
           onClick: readOnly ? undefined : () => handleMeridiemChange('am'),
           disabled: disabled
-        }), /*#__PURE__*/_jsx(PickersToolbarButton, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
           variant: "subtitle2",
           selected: meridiemMode === 'pm',
           typographyClassName: classes.ampmLabel,
-          value: formatMeridiem(utils, 'pm'),
+          value: (0, _dateUtils.formatMeridiem)(utils, 'pm'),
           onClick: readOnly ? undefined : () => handleMeridiemChange('pm'),
           disabled: disabled
         })]
-      }), ampm && isDesktop && /*#__PURE__*/_jsx(PickersToolbarButton, {
+      }), ampm && isDesktop && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         variant: "h5",
         onClick: () => setView('meridiem'),
         selected: view === 'meridiem',
-        value: value && meridiemMode ? formatMeridiem(utils, meridiemMode) : '--',
-        width: MULTI_SECTION_CLOCK_SECTION_WIDTH
+        value: value && meridiemMode ? (0, _dateUtils.formatMeridiem)(utils, meridiemMode) : '--',
+        width: _dimensions.MULTI_SECTION_CLOCK_SECTION_WIDTH
       })]
     })]
   }));
@@ -381,35 +389,34 @@ process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  ampm: PropTypes.bool,
-  ampmInClock: PropTypes.bool,
+  ampm: _propTypes.default.bool,
+  ampmInClock: _propTypes.default.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * If `true`, show the toolbar even in desktop mode.
    * @default `true` for Desktop, `false` for Mobile.
    */
-  hidden: PropTypes.bool,
+  hidden: _propTypes.default.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  titleId: PropTypes.string,
+  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]),
+  titleId: _propTypes.default.string,
   /**
    * Toolbar date format.
    */
-  toolbarFormat: PropTypes.string,
+  toolbarFormat: _propTypes.default.string,
   /**
    * Toolbar value placeholder—it is displayed when the value is empty.
    * @default "––"
    */
-  toolbarPlaceholder: PropTypes.node,
+  toolbarPlaceholder: _propTypes.default.node,
   /**
    * If provided, it will be used instead of `dateTimePickerToolbarTitle` from localization.
    */
-  toolbarTitle: PropTypes.node
-} : void 0;
-export { DateTimePickerToolbar };
+  toolbarTitle: _propTypes.default.node
+} : void 0;

package/DateTimePicker/dateTimePickerTabsClasses.d.ts

@@ -1,7 +1,7 @@
 export interface DateTimePickerTabsClasses {
-    /** Styles applied to the root element. */
-    root: string;
+  /** Styles applied to the root element. */
+  root: string;
 }
 export type DateTimePickerTabsClassKey = keyof DateTimePickerTabsClasses;
 export declare function getDateTimePickerTabsUtilityClass(slot: string): string;
-export declare const dateTimePickerTabsClasses: DateTimePickerTabsClasses;
+export declare const dateTimePickerTabsClasses: DateTimePickerTabsClasses;

package/DateTimePicker/dateTimePickerTabsClasses.js

@@ -1,5 +1,12 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getDateTimePickerTabsUtilityClass(slot) {
-  return generateUtilityClass('MuiDateTimePickerTabs', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateTimePickerTabsClasses = void 0;
+exports.getDateTimePickerTabsUtilityClass = getDateTimePickerTabsUtilityClass;
+var _utils = require("@mui/utils");
+function getDateTimePickerTabsUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiDateTimePickerTabs', slot);
 }
-export const dateTimePickerTabsClasses = generateUtilityClasses('MuiDateTimePickerTabs', ['root']);
+const dateTimePickerTabsClasses = exports.dateTimePickerTabsClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateTimePickerTabs', ['root']);