@mui/x-date-pickers 8.0.0-alpha.9 → 8.0.0-beta.1

package/DateTimePicker/dateTimePickerToolbarClasses.d.ts

@@ -1,23 +1,23 @@
 export interface DateTimePickerToolbarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the date container element. */
-    dateContainer: string;
-    /** Styles applied to the time container element. */
-    timeContainer: string;
-    /** Styles applied to the time (except am/pm) container element. */
-    timeDigitsContainer: string;
-    /** Styles applied to the time container if rtl. */
-    timeLabelReverse: string;
-    /** Styles applied to the separator element. */
-    separator: string;
-    /** Styles applied to the am/pm section. */
-    ampmSelection: string;
-    /** Styles applied to am/pm section in landscape mode. */
-    ampmLandscape: string;
-    /** Styles applied to am/pm labels. */
-    ampmLabel: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the date container element. */
+  dateContainer: string;
+  /** Styles applied to the time container element. */
+  timeContainer: string;
+  /** Styles applied to the time (except am/pm) container element. */
+  timeDigitsContainer: string;
+  /** Styles applied to the time container if rtl. */
+  timeLabelReverse: string;
+  /** Styles applied to the separator element. */
+  separator: string;
+  /** Styles applied to the am/pm section. */
+  ampmSelection: string;
+  /** Styles applied to am/pm section in landscape mode. */
+  ampmLandscape: string;
+  /** Styles applied to am/pm labels. */
+  ampmLabel: string;
 }
 export type DateTimePickerToolbarClassKey = keyof DateTimePickerToolbarClasses;
 export declare function getDateTimePickerToolbarUtilityClass(slot: string): string;
-export declare const dateTimePickerToolbarClasses: DateTimePickerToolbarClasses;
+export declare const dateTimePickerToolbarClasses: DateTimePickerToolbarClasses;

package/DateTimePicker/dateTimePickerToolbarClasses.js

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

package/DateTimePicker/index.d.ts

@@ -1,10 +1,10 @@
-export { DateTimePicker } from './DateTimePicker';
-export type { DateTimePickerProps, DateTimePickerSlots, DateTimePickerSlotProps, DateTimePickerFieldProps, } from './DateTimePicker.types';
-export { DateTimePickerTabs } from './DateTimePickerTabs';
+export { DateTimePicker } from "./DateTimePicker.js";
+export type { DateTimePickerProps, DateTimePickerSlots, DateTimePickerSlotProps, DateTimePickerFieldProps } from './DateTimePicker.types';
+export { DateTimePickerTabs } from "./DateTimePickerTabs.js";
 export type { DateTimePickerTabsProps } from './DateTimePickerTabs';
-export { dateTimePickerTabsClasses } from './dateTimePickerTabsClasses';
-export type { DateTimePickerTabsClassKey, DateTimePickerTabsClasses, } from './dateTimePickerTabsClasses';
-export { DateTimePickerToolbar } from './DateTimePickerToolbar';
+export { dateTimePickerTabsClasses } from "./dateTimePickerTabsClasses.js";
+export type { DateTimePickerTabsClassKey, DateTimePickerTabsClasses } from './dateTimePickerTabsClasses';
+export { DateTimePickerToolbar } from "./DateTimePickerToolbar.js";
 export type { DateTimePickerToolbarProps } from './DateTimePickerToolbar';
-export { dateTimePickerToolbarClasses } from './dateTimePickerToolbarClasses';
-export type { DateTimePickerToolbarClassKey, DateTimePickerToolbarClasses, } from './dateTimePickerToolbarClasses';
+export { dateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";
+export type { DateTimePickerToolbarClassKey, DateTimePickerToolbarClasses } from './dateTimePickerToolbarClasses';

package/DateTimePicker/index.js

@@ -1,5 +1,40 @@
-export { DateTimePicker } from "./DateTimePicker.js";
-export { DateTimePickerTabs } from "./DateTimePickerTabs.js";
-export { dateTimePickerTabsClasses } from "./dateTimePickerTabsClasses.js";
-export { DateTimePickerToolbar } from "./DateTimePickerToolbar.js";
-export { dateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateTimePicker", {
+  enumerable: true,
+  get: function () {
+    return _DateTimePicker.DateTimePicker;
+  }
+});
+Object.defineProperty(exports, "DateTimePickerTabs", {
+  enumerable: true,
+  get: function () {
+    return _DateTimePickerTabs.DateTimePickerTabs;
+  }
+});
+Object.defineProperty(exports, "DateTimePickerToolbar", {
+  enumerable: true,
+  get: function () {
+    return _DateTimePickerToolbar.DateTimePickerToolbar;
+  }
+});
+Object.defineProperty(exports, "dateTimePickerTabsClasses", {
+  enumerable: true,
+  get: function () {
+    return _dateTimePickerTabsClasses.dateTimePickerTabsClasses;
+  }
+});
+Object.defineProperty(exports, "dateTimePickerToolbarClasses", {
+  enumerable: true,
+  get: function () {
+    return _dateTimePickerToolbarClasses.dateTimePickerToolbarClasses;
+  }
+});
+var _DateTimePicker = require("./DateTimePicker");
+var _DateTimePickerTabs = require("./DateTimePickerTabs");
+var _dateTimePickerTabsClasses = require("./dateTimePickerTabsClasses");
+var _DateTimePickerToolbar = require("./DateTimePickerToolbar");
+var _dateTimePickerToolbarClasses = require("./dateTimePickerToolbarClasses");

package/DateTimePicker/shared.d.ts

@@ -1,64 +1,72 @@
 import * as React from 'react';
 import { DefaultizedProps } from '@mui/x-internals/types';
-import { DateTimeValidationError } from '../models';
-import { DateCalendarSlots, DateCalendarSlotProps, ExportedDateCalendarProps } from '../DateCalendar/DateCalendar.types';
-import { TimeClockSlots, TimeClockSlotProps } from '../TimeClock/TimeClock.types';
-import { BasePickerInputProps } from '../internals/models/props/basePickerProps';
-import { DateTimePickerTabsProps } from './DateTimePickerTabs';
-import { LocalizedComponent } from '../locales/utils/pickersLocaleTextApi';
-import { DateTimePickerToolbarProps, ExportedDateTimePickerToolbarProps } from './DateTimePickerToolbar';
-import { PickerViewRendererLookup } from '../internals/hooks/usePicker/usePickerViews';
-import { DateViewRendererProps } from '../dateViewRenderers';
-import { TimeViewRendererProps } from '../timeViewRenderers';
-import { BaseClockProps, ExportedBaseClockProps } from '../internals/models/props/time';
-import { DateOrTimeViewWithMeridiem, PickerValue, TimeViewWithMeridiem } from '../internals/models';
-import { ExportedValidateDateTimeProps, ValidateDateTimePropsToDefault } from '../validation/validateDateTime';
-export interface BaseDateTimePickerSlots extends DateCalendarSlots, TimeClockSlots {
-    /**
-     * Tabs enabling toggling between date and time pickers.
-     * @default DateTimePickerTabs
-     */
-    tabs?: React.ElementType<DateTimePickerTabsProps>;
-    /**
-     * Custom component for the toolbar rendered above the views.
-     * @default DateTimePickerToolbar
-     */
-    toolbar?: React.JSXElementConstructor<DateTimePickerToolbarProps>;
+import { DateOrTimeView, DateTimeValidationError } from "../models/index.js";
+import { DateCalendarSlots, DateCalendarSlotProps, ExportedDateCalendarProps } from "../DateCalendar/DateCalendar.types.js";
+import { BasePickerInputProps } from "../internals/models/props/basePickerProps.js";
+import { DateTimePickerTabsProps } from "./DateTimePickerTabs.js";
+import { LocalizedComponent } from "../locales/utils/pickersLocaleTextApi.js";
+import { DateTimePickerToolbarProps, ExportedDateTimePickerToolbarProps } from "./DateTimePickerToolbar.js";
+import { PickerViewRendererLookup } from "../internals/hooks/usePicker/index.js";
+import { DateViewRendererProps } from "../dateViewRenderers/index.js";
+import { TimeViewRendererProps } from "../timeViewRenderers/index.js";
+import { BaseClockProps, DigitalTimePickerProps } from "../internals/models/props/time.js";
+import { DateOrTimeViewWithMeridiem, PickerValue, TimeViewWithMeridiem } from "../internals/models/index.js";
+import { ExportedValidateDateTimeProps, ValidateDateTimePropsToDefault } from "../validation/validateDateTime.js";
+import { DigitalClockSlotProps, DigitalClockSlots } from "../DigitalClock/index.js";
+import { MultiSectionDigitalClockSlotProps, MultiSectionDigitalClockSlots } from "../MultiSectionDigitalClock/index.js";
+export interface BaseDateTimePickerSlots extends DateCalendarSlots, DigitalClockSlots, MultiSectionDigitalClockSlots {
+  /**
+   * Tabs enabling toggling between date and time pickers.
+   * @default DateTimePickerTabs
+   */
+  tabs?: React.ElementType<DateTimePickerTabsProps>;
+  /**
+   * Custom component for the toolbar rendered above the views.
+   * @default DateTimePickerToolbar
+   */
+  toolbar?: React.JSXElementConstructor<DateTimePickerToolbarProps>;
 }
-export interface BaseDateTimePickerSlotProps extends DateCalendarSlotProps, TimeClockSlotProps {
-    /**
-     * Props passed down to the tabs component.
-     */
-    tabs?: DateTimePickerTabsProps;
-    /**
-     * Props passed down to the toolbar component.
-     */
-    toolbar?: ExportedDateTimePickerToolbarProps;
+export interface BaseDateTimePickerSlotProps extends DateCalendarSlotProps, DigitalClockSlotProps, MultiSectionDigitalClockSlotProps {
+  /**
+   * Props passed down to the tabs component.
+   */
+  tabs?: DateTimePickerTabsProps;
+  /**
+   * Props passed down to the toolbar component.
+   */
+  toolbar?: ExportedDateTimePickerToolbarProps;
 }
 export type DateTimePickerViewRenderers<TView extends DateOrTimeViewWithMeridiem> = PickerViewRendererLookup<PickerValue, TView, Omit<DateViewRendererProps<TView>, 'slots' | 'slotProps'> & Omit<TimeViewRendererProps<TimeViewWithMeridiem, BaseClockProps<TimeViewWithMeridiem>>, 'slots' | 'slotProps'>>;
-export interface BaseDateTimePickerProps<TView extends DateOrTimeViewWithMeridiem> extends BasePickerInputProps<PickerValue, TView, DateTimeValidationError>, Omit<ExportedDateCalendarProps, 'onViewChange'>, ExportedBaseClockProps, ExportedValidateDateTimeProps {
-    /**
-     * 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?: BaseDateTimePickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: BaseDateTimePickerSlotProps;
-    /**
-     * 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<DateTimePickerViewRenderers<TView>>;
+export interface BaseDateTimePickerProps extends Omit<BasePickerInputProps<PickerValue, DateOrTimeViewWithMeridiem, DateTimeValidationError>, 'views'>, Omit<ExportedDateCalendarProps, 'onViewChange' | 'views'>, DigitalTimePickerProps, ExportedValidateDateTimeProps {
+  /**
+   * 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?: BaseDateTimePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: BaseDateTimePickerSlotProps;
+  /**
+   * 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<DateTimePickerViewRenderers<DateOrTimeViewWithMeridiem>>;
+  /**
+   * Available views.
+   */
+  views?: readonly DateOrTimeView[];
 }
-type UseDateTimePickerDefaultizedProps<TView extends DateOrTimeViewWithMeridiem, Props extends BaseDateTimePickerProps<TView>> = LocalizedComponent<DefaultizedProps<Props, 'views' | 'openTo' | 'orientation' | 'ampm' | ValidateDateTimePropsToDefault>>;
-export declare function useDateTimePickerDefaultizedProps<TView extends DateOrTimeViewWithMeridiem, Props extends BaseDateTimePickerProps<TView>>(props: Props, name: string): UseDateTimePickerDefaultizedProps<TView, Props>;
-export {};
+type UseDateTimePickerDefaultizedProps<Props extends BaseDateTimePickerProps> = LocalizedComponent<Omit<DefaultizedProps<Props, 'openTo' | 'orientation' | 'ampm' | ValidateDateTimePropsToDefault>, 'views'>> & {
+  shouldRenderTimeInASingleColumn: boolean;
+  views: readonly DateOrTimeViewWithMeridiem[];
+};
+export declare function useDateTimePickerDefaultizedProps<Props extends BaseDateTimePickerProps>(props: Props, name: string): UseDateTimePickerDefaultizedProps<Props>;
+export {};

package/DateTimePicker/shared.js

@@ -1,15 +1,24 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
-import { useDefaultDates, useUtils } from "../internals/hooks/useUtils.js";
-import { applyDefaultDate } from "../internals/utils/date-utils.js";
-import { DateTimePickerTabs } from "./DateTimePickerTabs.js";
-import { DateTimePickerToolbar } from "./DateTimePickerToolbar.js";
-import { applyDefaultViewProps } from "../internals/utils/views.js";
-export function useDateTimePickerDefaultizedProps(props, name) {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  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.useDateTimePickerDefaultizedProps = useDateTimePickerDefaultizedProps;
+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 _dateUtils = require("../internals/utils/date-utils");
+var _DateTimePickerTabs = require("./DateTimePickerTabs");
+var _DateTimePickerToolbar = require("./DateTimePickerToolbar");
+var _views = require("../internals/utils/views");
+var _dateTimeUtils = require("../internals/utils/date-time-utils");
+function useDateTimePickerDefaultizedProps(props, name) {
+  const utils = (0, _useUtils.useUtils)();
+  const defaultDates = (0, _useUtils.useDefaultDates)();
+  const themeProps = (0, _styles.useThemeProps)({
     props,
     name
   });
@@ -18,16 +27,36 @@ export function useDateTimePickerDefaultizedProps(props, name) {
     if (themeProps.localeText?.toolbarTitle == null) {
       return themeProps.localeText;
     }
-    return _extends({}, themeProps.localeText, {
+    return (0, _extends2.default)({}, themeProps.localeText, {
       dateTimePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  return _extends({}, themeProps, applyDefaultViewProps({
+  const {
+    openTo,
+    views: defaultViews
+  } = (0, _views.applyDefaultViewProps)({
     views: themeProps.views,
     openTo: themeProps.openTo,
     defaultViews: ['year', 'day', 'hours', 'minutes'],
     defaultOpenTo: 'day'
-  }), {
+  });
+  const {
+    shouldRenderTimeInASingleColumn,
+    thresholdToRenderTimeInASingleColumn,
+    views,
+    timeSteps
+  } = (0, _dateTimeUtils.resolveTimeViewsResponse)({
+    thresholdToRenderTimeInASingleColumn: themeProps.thresholdToRenderTimeInASingleColumn,
+    ampm,
+    timeSteps: themeProps.timeSteps,
+    views: defaultViews
+  });
+  return (0, _extends2.default)({}, themeProps, {
+    timeSteps,
+    openTo,
+    shouldRenderTimeInASingleColumn,
+    thresholdToRenderTimeInASingleColumn,
+    views,
     ampm,
     localeText,
     orientation: themeProps.orientation ?? 'portrait',
@@ -37,16 +66,16 @@ export function useDateTimePickerDefaultizedProps(props, name) {
     themeProps.disablePast || themeProps.disableFuture),
     disableFuture: themeProps.disableFuture ?? false,
     disablePast: themeProps.disablePast ?? false,
-    minDate: applyDefaultDate(utils, themeProps.minDateTime ?? themeProps.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, themeProps.maxDateTime ?? themeProps.maxDate, defaultDates.maxDate),
+    minDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.minDateTime ?? themeProps.minDate, defaultDates.minDate),
+    maxDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.maxDateTime ?? themeProps.maxDate, defaultDates.maxDate),
     minTime: themeProps.minDateTime ?? themeProps.minTime,
     maxTime: themeProps.maxDateTime ?? themeProps.maxTime,
-    slots: _extends({
-      toolbar: DateTimePickerToolbar,
-      tabs: DateTimePickerTabs
+    slots: (0, _extends2.default)({
+      toolbar: _DateTimePickerToolbar.DateTimePickerToolbar,
+      tabs: _DateTimePickerTabs.DateTimePickerTabs
     }, themeProps.slots),
-    slotProps: _extends({}, themeProps.slotProps, {
-      toolbar: _extends({
+    slotProps: (0, _extends2.default)({}, themeProps.slotProps, {
+      toolbar: (0, _extends2.default)({
         ampm
       }, themeProps.slotProps?.toolbar)
     })

package/DayCalendarSkeleton/DayCalendarSkeleton.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
-import { DayCalendarSkeletonClasses } from './dayCalendarSkeletonClasses';
+import { DayCalendarSkeletonClasses } from "./dayCalendarSkeletonClasses.js";
 type HTMLDivProps = React.JSX.IntrinsicElements['div'];
 export interface DayCalendarSkeletonProps extends HTMLDivProps {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<DayCalendarSkeletonClasses>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    ref?: React.Ref<HTMLDivElement>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DayCalendarSkeletonClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  ref?: React.Ref<HTMLDivElement>;
 }
 /**
  * Demos:
@@ -25,6 +25,6 @@ export interface DayCalendarSkeletonProps extends HTMLDivProps {
  */
 declare function DayCalendarSkeleton(inProps: DayCalendarSkeletonProps): React.JSX.Element;
 declare namespace DayCalendarSkeleton {
-    var propTypes: any;
+  var propTypes: any;
 }
-export { DayCalendarSkeleton };
+export { DayCalendarSkeleton };

package/DayCalendarSkeleton/DayCalendarSkeleton.js

@@ -1,47 +1,54 @@
+"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.DayCalendarSkeleton = DayCalendarSkeleton;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _dimensions = require("../internals/constants/dimensions");
+var _dayCalendarSkeletonClasses = require("./dayCalendarSkeletonClasses");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "classes"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import Skeleton from '@mui/material/Skeleton';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { DAY_SIZE, DAY_MARGIN } from "../internals/constants/dimensions.js";
-import { getDayCalendarSkeletonUtilityClass } from "./dayCalendarSkeletonClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {
     root: ['root'],
     week: ['week'],
     daySkeleton: ['daySkeleton']
   };
-  return composeClasses(slots, getDayCalendarSkeletonUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dayCalendarSkeletonClasses.getDayCalendarSkeletonUtilityClass, classes);
 };
-const DayCalendarSkeletonRoot = styled('div', {
+const DayCalendarSkeletonRoot = (0, _styles.styled)('div', {
   name: 'MuiDayCalendarSkeleton',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })({
   alignSelf: 'start'
 });
-const DayCalendarSkeletonWeek = styled('div', {
+const DayCalendarSkeletonWeek = (0, _styles.styled)('div', {
   name: 'MuiDayCalendarSkeleton',
   slot: 'Week',
   overridesResolver: (props, styles) => styles.week
 })({
-  margin: `${DAY_MARGIN}px 0`,
+  margin: `${_dimensions.DAY_MARGIN}px 0`,
   display: 'flex',
   justifyContent: 'center'
 });
-const DayCalendarSkeletonDay = styled(Skeleton, {
+const DayCalendarSkeletonDay = (0, _styles.styled)(_Skeleton.default, {
   name: 'MuiDayCalendarSkeleton',
   slot: 'DaySkeleton',
   overridesResolver: (props, styles) => styles.daySkeleton
 })({
-  margin: `0 ${DAY_MARGIN}px`,
+  margin: `0 ${_dimensions.DAY_MARGIN}px`,
   '&[data-day-in-month="0"]': {
     visibility: 'hidden'
   }
@@ -58,7 +65,7 @@ const monthMap = [[0, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1,
  * - [CalendarPickerSkeleton API](https://mui.com/x/api/date-pickers/calendar-picker-skeleton/)
  */
 function DayCalendarSkeleton(inProps) {
-  const props = useThemeProps({
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDayCalendarSkeleton'
   });
@@ -66,17 +73,17 @@ function DayCalendarSkeleton(inProps) {
       className,
       classes: classesProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const classes = useUtilityClasses(classesProp);
-  return /*#__PURE__*/_jsx(DayCalendarSkeletonRoot, _extends({
-    className: clsx(classes.root, className)
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DayCalendarSkeletonRoot, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className)
   }, other, {
-    children: monthMap.map((week, index) => /*#__PURE__*/_jsx(DayCalendarSkeletonWeek, {
+    children: monthMap.map((week, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DayCalendarSkeletonWeek, {
       className: classes.week,
-      children: week.map((dayInMonth, index2) => /*#__PURE__*/_jsx(DayCalendarSkeletonDay, {
+      children: week.map((dayInMonth, index2) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DayCalendarSkeletonDay, {
         variant: "circular",
-        width: DAY_SIZE,
-        height: DAY_SIZE,
+        width: _dimensions.DAY_SIZE,
+        height: _dimensions.DAY_SIZE,
         className: classes.daySkeleton,
         "data-day-in-month": dayInMonth
       }, index2))
@@ -91,10 +98,9 @@ process.env.NODE_ENV !== "production" ? DayCalendarSkeleton.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * 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])
-} : void 0;
-export { DayCalendarSkeleton };
+  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])
+} : void 0;

package/DayCalendarSkeleton/dayCalendarSkeletonClasses.d.ts

@@ -1,11 +1,11 @@
 export interface DayCalendarSkeletonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the week element. */
-    week: string;
-    /** Styles applied to the day element. */
-    daySkeleton: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the week element. */
+  week: string;
+  /** Styles applied to the day element. */
+  daySkeleton: string;
 }
 export type DayCalendarSkeletonClassKey = keyof DayCalendarSkeletonClasses;
 export declare const getDayCalendarSkeletonUtilityClass: (slot: string) => string;
-export declare const dayCalendarSkeletonClasses: DayCalendarSkeletonClasses;
+export declare const dayCalendarSkeletonClasses: DayCalendarSkeletonClasses;

package/DayCalendarSkeleton/dayCalendarSkeletonClasses.js

@@ -1,3 +1,10 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export const getDayCalendarSkeletonUtilityClass = slot => generateUtilityClass('MuiDayCalendarSkeleton', slot);
-export const dayCalendarSkeletonClasses = generateUtilityClasses('MuiDayCalendarSkeleton', ['root', 'week', 'daySkeleton']);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDayCalendarSkeletonUtilityClass = exports.dayCalendarSkeletonClasses = void 0;
+var _utils = require("@mui/utils");
+const getDayCalendarSkeletonUtilityClass = slot => (0, _utils.unstable_generateUtilityClass)('MuiDayCalendarSkeleton', slot);
+exports.getDayCalendarSkeletonUtilityClass = getDayCalendarSkeletonUtilityClass;
+const dayCalendarSkeletonClasses = exports.dayCalendarSkeletonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDayCalendarSkeleton', ['root', 'week', 'daySkeleton']);

package/DayCalendarSkeleton/index.d.ts

@@ -1,4 +1,4 @@
-export { DayCalendarSkeleton } from './DayCalendarSkeleton';
+export { DayCalendarSkeleton } from "./DayCalendarSkeleton.js";
 export type { DayCalendarSkeletonProps } from './DayCalendarSkeleton';
-export { dayCalendarSkeletonClasses, getDayCalendarSkeletonUtilityClass, } from './dayCalendarSkeletonClasses';
-export type { DayCalendarSkeletonClassKey, DayCalendarSkeletonClasses, } from './dayCalendarSkeletonClasses';
+export { dayCalendarSkeletonClasses, getDayCalendarSkeletonUtilityClass } from "./dayCalendarSkeletonClasses.js";
+export type { DayCalendarSkeletonClassKey, DayCalendarSkeletonClasses } from './dayCalendarSkeletonClasses';

package/DayCalendarSkeleton/index.js

@@ -1,2 +1,25 @@
-export { DayCalendarSkeleton } from "./DayCalendarSkeleton.js";
-export { dayCalendarSkeletonClasses, getDayCalendarSkeletonUtilityClass } from "./dayCalendarSkeletonClasses.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DayCalendarSkeleton", {
+  enumerable: true,
+  get: function () {
+    return _DayCalendarSkeleton.DayCalendarSkeleton;
+  }
+});
+Object.defineProperty(exports, "dayCalendarSkeletonClasses", {
+  enumerable: true,
+  get: function () {
+    return _dayCalendarSkeletonClasses.dayCalendarSkeletonClasses;
+  }
+});
+Object.defineProperty(exports, "getDayCalendarSkeletonUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _dayCalendarSkeletonClasses.getDayCalendarSkeletonUtilityClass;
+  }
+});
+var _DayCalendarSkeleton = require("./DayCalendarSkeleton");
+var _dayCalendarSkeletonClasses = require("./dayCalendarSkeletonClasses");

package/DesktopDatePicker/DesktopDatePicker.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { DesktopDatePickerProps } from './DesktopDatePicker.types';
+import { DesktopDatePickerProps } from "./DesktopDatePicker.types.js";
 type DesktopDatePickerComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: DesktopDatePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
-    propTypes?: any;
+  propTypes?: any;
 };
 /**
  * Demos:
@@ -14,4 +14,4 @@ type DesktopDatePickerComponent = (<TEnableAccessibleFieldDOMStructure extends b
  * - [DesktopDatePicker API](https://mui.com/x/api/date-pickers/desktop-date-picker/)
  */
 declare const DesktopDatePicker: DesktopDatePickerComponent;
-export { DesktopDatePicker };
+export { DesktopDatePicker };