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

package/TimePicker/TimePickerToolbar.js

@@ -1,25 +1,32 @@
+"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.TimePickerToolbar = TimePickerToolbar;
+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 _PickersToolbarText = require("../internals/components/PickersToolbarText");
+var _PickersToolbarButton = require("../internals/components/PickersToolbarButton");
+var _PickersToolbar = require("../internals/components/PickersToolbar");
+var _utils = require("../internals/utils/utils");
+var _usePickerTranslations = require("../hooks/usePickerTranslations");
+var _useUtils = require("../internals/hooks/useUtils");
+var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
+var _timePickerToolbarClasses = require("./timePickerToolbarClasses");
+var _dateUtils = require("../internals/utils/date-utils");
+var _hooks = require("../hooks");
+var _useToolbarOwnerState = require("../internals/hooks/useToolbarOwnerState");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["ampm", "ampmInClock", "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 { PickersToolbarText } from "../internals/components/PickersToolbarText.js";
-import { PickersToolbarButton } from "../internals/components/PickersToolbarButton.js";
-import { PickersToolbar } from "../internals/components/PickersToolbar.js";
-import { arrayIncludes } from "../internals/utils/utils.js";
-import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-import { useUtils } from "../internals/hooks/useUtils.js";
-import { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.js";
-import { getTimePickerToolbarUtilityClass, timePickerToolbarClasses } from "./timePickerToolbarClasses.js";
-import { formatMeridiem } from "../internals/utils/date-utils.js";
-import { usePickerContext } from "../hooks/index.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,
@@ -32,14 +39,14 @@ const useUtilityClasses = (classes, ownerState) => {
     ampmSelection: ['ampmSelection', pickerOrientation === 'landscape' && 'ampmLandscape'],
     ampmLabel: ['ampmLabel']
   };
-  return composeClasses(slots, getTimePickerToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timePickerToolbarClasses.getTimePickerToolbarUtilityClass, classes);
 };
-const TimePickerToolbarRoot = styled(PickersToolbar, {
+const TimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToolbar, {
   name: 'MuiTimePickerToolbar',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })({});
-const TimePickerToolbarSeparator = styled(PickersToolbarText, {
+const TimePickerToolbarSeparator = (0, _styles.styled)(_PickersToolbarText.PickersToolbarText, {
   name: 'MuiTimePickerToolbar',
   slot: 'Separator',
   overridesResolver: (props, styles) => styles.separator
@@ -48,12 +55,12 @@ const TimePickerToolbarSeparator = styled(PickersToolbarText, {
   margin: '0 4px 0 2px',
   cursor: 'default'
 });
-const TimePickerToolbarHourMinuteLabel = styled('div', {
+const TimePickerToolbarHourMinuteLabel = (0, _styles.styled)('div', {
   name: 'MuiTimePickerToolbar',
   slot: 'HourMinuteLabel',
   overridesResolver: (props, styles) => [{
-    [`&.${timePickerToolbarClasses.hourMinuteLabelLandscape}`]: styles.hourMinuteLabelLandscape,
-    [`&.${timePickerToolbarClasses.hourMinuteLabelReverse}`]: styles.hourMinuteLabelReverse
+    [`&.${_timePickerToolbarClasses.timePickerToolbarClasses.hourMinuteLabelLandscape}`]: styles.hourMinuteLabelLandscape,
+    [`&.${_timePickerToolbarClasses.timePickerToolbarClasses.hourMinuteLabelReverse}`]: styles.hourMinuteLabelReverse
   }, styles.hourMinuteLabel]
 })({
   display: 'flex',
@@ -75,20 +82,20 @@ const TimePickerToolbarHourMinuteLabel = styled('div', {
     }
   }]
 });
-const TimePickerToolbarAmPmSelection = styled('div', {
+const TimePickerToolbarAmPmSelection = (0, _styles.styled)('div', {
   name: 'MuiTimePickerToolbar',
   slot: 'AmPmSelection',
   overridesResolver: (props, styles) => [{
-    [`.${timePickerToolbarClasses.ampmLabel}`]: styles.ampmLabel
+    [`.${_timePickerToolbarClasses.timePickerToolbarClasses.ampmLabel}`]: styles.ampmLabel
   }, {
-    [`&.${timePickerToolbarClasses.ampmLandscape}`]: styles.ampmLandscape
+    [`&.${_timePickerToolbarClasses.timePickerToolbarClasses.ampmLandscape}`]: styles.ampmLandscape
   }, styles.ampmSelection]
 })({
   display: 'flex',
   flexDirection: 'column',
   marginRight: 'auto',
   marginLeft: 12,
-  [`& .${timePickerToolbarClasses.ampmLabel}`]: {
+  [`& .${_timePickerToolbarClasses.timePickerToolbarClasses.ampmLabel}`]: {
     fontSize: 17
   },
   variants: [{
@@ -115,7 +122,7 @@ const TimePickerToolbarAmPmSelection = styled('div', {
  * - [TimePickerToolbar API](https://mui.com/x/api/date-pickers/time-picker-toolbar/)
  */
 function TimePickerToolbar(inProps) {
-  const props = useThemeProps({
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiTimePickerToolbar'
   });
@@ -125,10 +132,10 @@ function TimePickerToolbar(inProps) {
       className,
       classes: classesProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const utils = useUtils();
-  const translations = usePickerTranslations();
-  const ownerState = useToolbarOwnerState();
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const utils = (0, _useUtils.useUtils)();
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
+  const ownerState = (0, _useToolbarOwnerState.useToolbarOwnerState)();
   const classes = useUtilityClasses(classesProp, ownerState);
   const {
     value,
@@ -138,12 +145,12 @@ function TimePickerToolbar(inProps) {
     view,
     setView,
     views
-  } = usePickerContext();
+  } = (0, _hooks.usePickerContext)();
   const showAmPmControl = Boolean(ampm && !ampmInClock && views.includes('hours'));
   const {
     meridiemMode,
     handleMeridiemChange
-  } = useMeridiemMode(value, ampm, newValue => setValue(newValue, {
+  } = (0, _dateHelpersHooks.useMeridiemMode)(value, ampm, newValue => setValue(newValue, {
     changeImportance: 'set'
   }));
   const formatSection = format => {
@@ -152,57 +159,57 @@ function TimePickerToolbar(inProps) {
     }
     return utils.format(value, format);
   };
-  const separator = /*#__PURE__*/_jsx(TimePickerToolbarSeparator, {
+  const separator = /*#__PURE__*/(0, _jsxRuntime.jsx)(TimePickerToolbarSeparator, {
     tabIndex: -1,
     value: ":",
     variant: "h3",
     selected: false,
     className: classes.separator
   });
-  return /*#__PURE__*/_jsxs(TimePickerToolbarRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TimePickerToolbarRoot, (0, _extends2.default)({
     landscapeDirection: "row",
     toolbarTitle: translations.timePickerToolbarTitle,
     ownerState: ownerState,
-    className: clsx(classes.root, className)
+    className: (0, _clsx.default)(classes.root, className)
   }, other, {
-    children: [/*#__PURE__*/_jsxs(TimePickerToolbarHourMinuteLabel, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TimePickerToolbarHourMinuteLabel, {
       className: classes.hourMinuteLabel,
       ownerState: ownerState,
-      children: [arrayIncludes(views, 'hours') && /*#__PURE__*/_jsx(PickersToolbarButton, {
+      children: [(0, _utils.arrayIncludes)(views, 'hours') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         tabIndex: -1,
         variant: "h3",
         onClick: () => setView('hours'),
         selected: view === 'hours',
         value: formatSection(ampm ? 'hours12h' : 'hours24h')
-      }), arrayIncludes(views, ['hours', 'minutes']) && separator, arrayIncludes(views, 'minutes') && /*#__PURE__*/_jsx(PickersToolbarButton, {
+      }), (0, _utils.arrayIncludes)(views, ['hours', 'minutes']) && separator, (0, _utils.arrayIncludes)(views, 'minutes') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         tabIndex: -1,
         variant: "h3",
         onClick: () => setView('minutes'),
         selected: view === 'minutes',
         value: formatSection('minutes')
-      }), arrayIncludes(views, ['minutes', 'seconds']) && separator, arrayIncludes(views, 'seconds') && /*#__PURE__*/_jsx(PickersToolbarButton, {
+      }), (0, _utils.arrayIncludes)(views, ['minutes', 'seconds']) && separator, (0, _utils.arrayIncludes)(views, 'seconds') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         variant: "h3",
         onClick: () => setView('seconds'),
         selected: view === 'seconds',
         value: formatSection('seconds')
       })]
-    }), showAmPmControl && /*#__PURE__*/_jsxs(TimePickerToolbarAmPmSelection, {
+    }), showAmPmControl && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TimePickerToolbarAmPmSelection, {
       className: classes.ampmSelection,
       ownerState: ownerState,
-      children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         disableRipple: true,
         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, {
         disableRipple: true,
         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
       })]
@@ -214,31 +221,30 @@ process.env.NODE_ENV !== "production" ? TimePickerToolbar.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
-} : void 0;
-export { TimePickerToolbar };
+  toolbarPlaceholder: _propTypes.default.node
+} : void 0;

package/TimePicker/index.d.ts

@@ -1,6 +1,6 @@
-export { TimePicker } from './TimePicker';
-export type { TimePickerProps, TimePickerSlots, TimePickerSlotProps, TimePickerFieldProps, } from './TimePicker.types';
-export { TimePickerToolbar } from './TimePickerToolbar';
+export { TimePicker } from "./TimePicker.js";
+export type { TimePickerProps, TimePickerSlots, TimePickerSlotProps, TimePickerFieldProps } from './TimePicker.types';
+export { TimePickerToolbar } from "./TimePickerToolbar.js";
 export type { TimePickerToolbarProps } from './TimePickerToolbar';
-export { timePickerToolbarClasses } from './timePickerToolbarClasses';
-export type { TimePickerToolbarClassKey, TimePickerToolbarClasses, } from './timePickerToolbarClasses';
+export { timePickerToolbarClasses } from "./timePickerToolbarClasses.js";
+export type { TimePickerToolbarClassKey, TimePickerToolbarClasses } from './timePickerToolbarClasses';

package/TimePicker/index.js

@@ -1,3 +1,26 @@
-export { TimePicker } from "./TimePicker.js";
-export { TimePickerToolbar } from "./TimePickerToolbar.js";
-export { timePickerToolbarClasses } from "./timePickerToolbarClasses.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TimePicker", {
+  enumerable: true,
+  get: function () {
+    return _TimePicker.TimePicker;
+  }
+});
+Object.defineProperty(exports, "TimePickerToolbar", {
+  enumerable: true,
+  get: function () {
+    return _TimePickerToolbar.TimePickerToolbar;
+  }
+});
+Object.defineProperty(exports, "timePickerToolbarClasses", {
+  enumerable: true,
+  get: function () {
+    return _timePickerToolbarClasses.timePickerToolbarClasses;
+  }
+});
+var _TimePicker = require("./TimePicker");
+var _TimePickerToolbar = require("./TimePickerToolbar");
+var _timePickerToolbarClasses = require("./timePickerToolbarClasses");

package/TimePicker/shared.d.ts

@@ -1,49 +1,49 @@
 import * as React from 'react';
 import { DefaultizedProps } from '@mui/x-internals/types';
-import { TimeClockSlots, TimeClockSlotProps } from '../TimeClock/TimeClock.types';
-import { BasePickerInputProps } from '../internals/models/props/basePickerProps';
-import { LocalizedComponent } from '../locales/utils/pickersLocaleTextApi';
-import { TimePickerToolbarProps, ExportedTimePickerToolbarProps } from './TimePickerToolbar';
-import { TimeValidationError } from '../models';
-import { PickerViewRendererLookup } from '../internals/hooks/usePicker/usePickerViews';
-import { TimeViewRendererProps } from '../timeViewRenderers';
-import { BaseClockProps, ExportedBaseClockProps } from '../internals/models/props/time';
-import { PickerValue, TimeViewWithMeridiem } from '../internals/models';
-import { ValidateTimePropsToDefault } from '../validation/validateTime';
+import { TimeClockSlots, TimeClockSlotProps } from "../TimeClock/TimeClock.types.js";
+import { BasePickerInputProps } from "../internals/models/props/basePickerProps.js";
+import { LocalizedComponent } from "../locales/utils/pickersLocaleTextApi.js";
+import { TimePickerToolbarProps, ExportedTimePickerToolbarProps } from "./TimePickerToolbar.js";
+import { TimeValidationError } from "../models/index.js";
+import { PickerViewRendererLookup } from "../internals/hooks/usePicker/usePickerViews.js";
+import { TimeViewRendererProps } from "../timeViewRenderers/index.js";
+import { BaseClockProps, ExportedBaseClockProps } from "../internals/models/props/time.js";
+import { PickerValue, TimeViewWithMeridiem } from "../internals/models/index.js";
+import { ValidateTimePropsToDefault } from "../validation/validateTime.js";
 export interface BaseTimePickerSlots extends TimeClockSlots {
-    /**
-     * Custom component for the toolbar rendered above the views.
-     * @default TimePickerToolbar
-     */
-    toolbar?: React.JSXElementConstructor<TimePickerToolbarProps>;
+  /**
+   * Custom component for the toolbar rendered above the views.
+   * @default TimePickerToolbar
+   */
+  toolbar?: React.JSXElementConstructor<TimePickerToolbarProps>;
 }
 export interface BaseTimePickerSlotProps extends TimeClockSlotProps {
-    toolbar?: ExportedTimePickerToolbarProps;
+  toolbar?: ExportedTimePickerToolbarProps;
 }
 export type TimePickerViewRenderers<TView extends TimeViewWithMeridiem> = PickerViewRendererLookup<PickerValue, TView, TimeViewRendererProps<TView, BaseClockProps<TView>>>;
 export interface BaseTimePickerProps<TView extends TimeViewWithMeridiem> extends BasePickerInputProps<PickerValue, TView, TimeValidationError>, ExportedBaseClockProps {
-    /**
-     * Display ampm controls under the clock (instead of in the toolbar).
-     * @default true on desktop, false on mobile
-     */
-    ampmInClock?: boolean;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: BaseTimePickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: BaseTimePickerSlotProps;
-    /**
-     * Define custom view renderers for each section.
-     * If `null`, the section will only have field editing.
-     * If `undefined`, internally defined view will be used.
-     */
-    viewRenderers?: Partial<TimePickerViewRenderers<TView>>;
+  /**
+   * Display ampm controls under the clock (instead of in the toolbar).
+   * @default true on desktop, false on mobile
+   */
+  ampmInClock?: boolean;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: BaseTimePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: BaseTimePickerSlotProps;
+  /**
+   * Define custom view renderers for each section.
+   * If `null`, the section will only have field editing.
+   * If `undefined`, internally defined view will be used.
+   */
+  viewRenderers?: Partial<TimePickerViewRenderers<TView>>;
 }
 type UseTimePickerDefaultizedProps<TView extends TimeViewWithMeridiem, Props extends BaseTimePickerProps<TView>> = LocalizedComponent<DefaultizedProps<Props, 'views' | 'openTo' | 'ampm' | ValidateTimePropsToDefault>>;
 export declare function useTimePickerDefaultizedProps<TView extends TimeViewWithMeridiem, Props extends BaseTimePickerProps<TView>>(props: Props, name: string): UseTimePickerDefaultizedProps<TView, Props>;
-export {};
+export {};

package/TimePicker/shared.js

@@ -1,12 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
-import { useUtils } from "../internals/hooks/useUtils.js";
-import { TimePickerToolbar } from "./TimePickerToolbar.js";
-import { applyDefaultViewProps } from "../internals/utils/views.js";
-export function useTimePickerDefaultizedProps(props, name) {
-  const utils = useUtils();
-  const themeProps = useThemeProps({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTimePickerDefaultizedProps = useTimePickerDefaultizedProps;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _useUtils = require("../internals/hooks/useUtils");
+var _TimePickerToolbar = require("./TimePickerToolbar");
+var _views = require("../internals/utils/views");
+function useTimePickerDefaultizedProps(props, name) {
+  const utils = (0, _useUtils.useUtils)();
+  const themeProps = (0, _styles.useThemeProps)({
     props,
     name
   });
@@ -15,14 +23,14 @@ export function useTimePickerDefaultizedProps(props, name) {
     if (themeProps.localeText?.toolbarTitle == null) {
       return themeProps.localeText;
     }
-    return _extends({}, themeProps.localeText, {
+    return (0, _extends2.default)({}, themeProps.localeText, {
       timePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  return _extends({}, themeProps, {
+  return (0, _extends2.default)({}, themeProps, {
     ampm,
     localeText
-  }, applyDefaultViewProps({
+  }, (0, _views.applyDefaultViewProps)({
     views: themeProps.views,
     openTo: themeProps.openTo,
     defaultViews: ['hours', 'minutes'],
@@ -30,11 +38,11 @@ export function useTimePickerDefaultizedProps(props, name) {
   }), {
     disableFuture: themeProps.disableFuture ?? false,
     disablePast: themeProps.disablePast ?? false,
-    slots: _extends({
-      toolbar: TimePickerToolbar
+    slots: (0, _extends2.default)({
+      toolbar: _TimePickerToolbar.TimePickerToolbar
     }, themeProps.slots),
-    slotProps: _extends({}, themeProps.slotProps, {
-      toolbar: _extends({
+    slotProps: (0, _extends2.default)({}, themeProps.slotProps, {
+      toolbar: (0, _extends2.default)({
         ampm,
         ampmInClock: themeProps.ampmInClock
       }, themeProps.slotProps?.toolbar)

package/TimePicker/timePickerToolbarClasses.d.ts

@@ -1,21 +1,21 @@
 export interface TimePickerToolbarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the separator element. */
-    separator: string;
-    /** Styles applied to the time sections element. */
-    hourMinuteLabel: string;
-    /** Styles applied to the time sections element in landscape mode. */
-    hourMinuteLabelLandscape: string;
-    /** Styles applied to the time sections element in "rtl" theme mode. */
-    hourMinuteLabelReverse: string;
-    /** Styles applied to the meridiem selection element. */
-    ampmSelection: string;
-    /** Styles applied to the meridiem selection element in landscape mode. */
-    ampmLandscape: string;
-    /** Styles applied to the meridiem label element. */
-    ampmLabel: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the separator element. */
+  separator: string;
+  /** Styles applied to the time sections element. */
+  hourMinuteLabel: string;
+  /** Styles applied to the time sections element in landscape mode. */
+  hourMinuteLabelLandscape: string;
+  /** Styles applied to the time sections element in "rtl" theme mode. */
+  hourMinuteLabelReverse: string;
+  /** Styles applied to the meridiem selection element. */
+  ampmSelection: string;
+  /** Styles applied to the meridiem selection element in landscape mode. */
+  ampmLandscape: string;
+  /** Styles applied to the meridiem label element. */
+  ampmLabel: string;
 }
 export type TimePickerToolbarClassKey = keyof TimePickerToolbarClasses;
 export declare function getTimePickerToolbarUtilityClass(slot: string): string;
-export declare const timePickerToolbarClasses: TimePickerToolbarClasses;
+export declare const timePickerToolbarClasses: TimePickerToolbarClasses;

package/TimePicker/timePickerToolbarClasses.js

@@ -1,5 +1,12 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getTimePickerToolbarUtilityClass(slot) {
-  return generateUtilityClass('MuiTimePickerToolbar', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTimePickerToolbarUtilityClass = getTimePickerToolbarUtilityClass;
+exports.timePickerToolbarClasses = void 0;
+var _utils = require("@mui/utils");
+function getTimePickerToolbarUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiTimePickerToolbar', slot);
 }
-export const timePickerToolbarClasses = generateUtilityClasses('MuiTimePickerToolbar', ['root', 'separator', 'hourMinuteLabel', 'hourMinuteLabelLandscape', 'hourMinuteLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel']);
+const timePickerToolbarClasses = exports.timePickerToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTimePickerToolbar', ['root', 'separator', 'hourMinuteLabel', 'hourMinuteLabelLandscape', 'hourMinuteLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel']);

package/YearCalendar/YearCalendar.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { YearCalendarProps } from './YearCalendar.types';
+import { YearCalendarProps } from "./YearCalendar.types.js";
 type YearCalendarComponent = ((props: YearCalendarProps) => React.JSX.Element) & {
-    propTypes?: any;
+  propTypes?: any;
 };
 /**
  * Demos:
@@ -13,4 +13,4 @@ type YearCalendarComponent = ((props: YearCalendarProps) => React.JSX.Element) &
  * - [YearCalendar API](https://mui.com/x/api/date-pickers/year-calendar/)
  */
 export declare const YearCalendar: YearCalendarComponent;
-export {};
+export {};