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

package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.d.ts

@@ -1,26 +1,26 @@
 import * as React from 'react';
-import { MultiSectionDigitalClockSectionClasses } from './multiSectionDigitalClockSectionClasses';
+import { MultiSectionDigitalClockSectionClasses } from "./multiSectionDigitalClockSectionClasses.js";
 import type { MultiSectionDigitalClockOption, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from './MultiSectionDigitalClock.types';
-import { FormProps } from '../internals/models/formProps';
+import { FormProps } from "../internals/models/formProps.js";
 export interface ExportedMultiSectionDigitalClockSectionProps {
-    className?: string;
-    classes?: Partial<MultiSectionDigitalClockSectionClasses>;
-    slots?: MultiSectionDigitalClockSlots;
-    slotProps?: MultiSectionDigitalClockSlotProps;
+  className?: string;
+  classes?: Partial<MultiSectionDigitalClockSectionClasses>;
+  slots?: MultiSectionDigitalClockSlots;
+  slotProps?: MultiSectionDigitalClockSlotProps;
 }
 export interface MultiSectionDigitalClockSectionProps<TSectionValue extends number | string> extends FormProps, ExportedMultiSectionDigitalClockSectionProps {
-    autoFocus?: boolean;
-    items: MultiSectionDigitalClockOption<TSectionValue>[];
-    onChange: (value: TSectionValue) => void;
-    active?: boolean;
-    skipDisabled?: boolean;
-    role?: string;
+  autoFocus?: boolean;
+  items: MultiSectionDigitalClockOption<TSectionValue>[];
+  onChange: (value: TSectionValue) => void;
+  active?: boolean;
+  skipDisabled?: boolean;
+  role?: string;
 }
 type MultiSectionDigitalClockSectionComponent = <TSectionValue extends number | string>(props: MultiSectionDigitalClockSectionProps<TSectionValue> & React.RefAttributes<HTMLUListElement>) => React.JSX.Element & {
-    propTypes?: any;
+  propTypes?: any;
 };
 /**
  * @ignore - internal component.
  */
 export declare const MultiSectionDigitalClockSection: MultiSectionDigitalClockSectionComponent;
-export {};
+export {};

package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -1,35 +1,42 @@
+"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.MultiSectionDigitalClockSection = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _multiSectionDigitalClockSectionClasses = require("./multiSectionDigitalClockSectionClasses");
+var _dimensions = require("../internals/constants/dimensions");
+var _utils = require("../internals/utils/utils");
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["autoFocus", "onChange", "className", "classes", "disabled", "readOnly", "items", "active", "slots", "slotProps", "skipDisabled"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { alpha, styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import MenuList from '@mui/material/MenuList';
-import MenuItem from '@mui/material/MenuItem';
-import useForkRef from '@mui/utils/useForkRef';
-import { getMultiSectionDigitalClockSectionUtilityClass } from "./multiSectionDigitalClockSectionClasses.js";
-import { DIGITAL_CLOCK_VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "../internals/constants/dimensions.js";
-import { getFocusedListItemIndex } from "../internals/utils/utils.js";
-import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {
     root: ['root'],
     item: ['item']
   };
-  return composeClasses(slots, getMultiSectionDigitalClockSectionUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _multiSectionDigitalClockSectionClasses.getMultiSectionDigitalClockSectionUtilityClass, classes);
 };
-const MultiSectionDigitalClockSectionRoot = styled(MenuList, {
+const MultiSectionDigitalClockSectionRoot = (0, _styles.styled)(_MenuList.default, {
   name: 'MuiMultiSectionDigitalClockSection',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
 })(({
   theme
 }) => ({
-  maxHeight: DIGITAL_CLOCK_VIEW_HEIGHT,
+  maxHeight: _dimensions.DIGITAL_CLOCK_VIEW_HEIGHT,
   width: 56,
   padding: 0,
   overflow: 'hidden',
@@ -64,7 +71,7 @@ const MultiSectionDigitalClockSectionRoot = styled(MenuList, {
     }
   }]
 }));
-const MultiSectionDigitalClockSectionItem = styled(MenuItem, {
+const MultiSectionDigitalClockSectionItem = (0, _styles.styled)(_MenuItem.default, {
   name: 'MuiMultiSectionDigitalClockSection',
   slot: 'Item',
   overridesResolver: (_, styles) => styles.item
@@ -73,13 +80,13 @@ const MultiSectionDigitalClockSectionItem = styled(MenuItem, {
 }) => ({
   padding: 8,
   margin: '2px 4px',
-  width: MULTI_SECTION_CLOCK_SECTION_WIDTH,
+  width: _dimensions.MULTI_SECTION_CLOCK_SECTION_WIDTH,
   justifyContent: 'center',
   '&:first-of-type': {
     marginTop: 4
   },
   '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity)
   },
   '&.Mui-selected': {
     backgroundColor: (theme.vars || theme).palette.primary.main,
@@ -89,17 +96,17 @@ const MultiSectionDigitalClockSectionItem = styled(MenuItem, {
     }
   },
   '&.Mui-focusVisible': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.focusOpacity)
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.focusOpacity)
   }
 }));
 /**
  * @ignore - internal component.
  */
-export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(function MultiSectionDigitalClockSection(inProps, ref) {
+const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(function MultiSectionDigitalClockSection(inProps, ref) {
   const containerRef = React.useRef(null);
-  const handleRef = useForkRef(ref, containerRef);
+  const handleRef = (0, _useForkRef.default)(ref, containerRef);
   const previousActive = React.useRef(null);
-  const props = useThemeProps({
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiMultiSectionDigitalClockSection'
   });
@@ -116,11 +123,11 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
       slotProps,
       skipDisabled
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     ownerState: pickerOwnerState
-  } = usePickerPrivateContext();
-  const ownerState = _extends({}, pickerOwnerState, {
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const ownerState = (0, _extends2.default)({}, pickerOwnerState, {
     hasDigitalClockAlreadyBeenRendered: !!containerRef.current
   });
   const classes = useUtilityClasses(classesProp);
@@ -147,7 +154,7 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
     switch (event.key) {
       case 'PageUp':
         {
-          const newIndex = getFocusedListItemIndex(containerRef.current) - 5;
+          const newIndex = (0, _utils.getFocusedListItemIndex)(containerRef.current) - 5;
           const children = containerRef.current.children;
           const newFocusedIndex = Math.max(0, newIndex);
           const childToFocus = children[newFocusedIndex];
@@ -159,7 +166,7 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
         }
       case 'PageDown':
         {
-          const newIndex = getFocusedListItemIndex(containerRef.current) + 5;
+          const newIndex = (0, _utils.getFocusedListItemIndex)(containerRef.current) + 5;
           const children = containerRef.current.children;
           const newFocusedIndex = Math.min(children.length - 1, newIndex);
           const childToFocus = children[newFocusedIndex];
@@ -172,9 +179,9 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
       default:
     }
   };
-  return /*#__PURE__*/_jsx(MultiSectionDigitalClockSectionRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MultiSectionDigitalClockSectionRoot, (0, _extends2.default)({
     ref: handleRef,
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     autoFocusItem: autoFocus && active,
     role: "listbox",
@@ -188,7 +195,7 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
       }
       const isSelected = option.isSelected(option.value);
       const tabIndex = focusedOptionIndex === index || focusedOptionIndex === -1 && index === 0 ? 0 : -1;
-      return /*#__PURE__*/_jsx(DigitalClockSectionItem, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(DigitalClockSectionItem, (0, _extends2.default)({
         onClick: () => !readOnly && onChange(option.value),
         selected: isSelected,
         disabled: isDisabled,

package/MultiSectionDigitalClock/index.d.ts

@@ -1,7 +1,7 @@
-export { MultiSectionDigitalClock } from './MultiSectionDigitalClock';
-export type { MultiSectionDigitalClockProps, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps, } from './MultiSectionDigitalClock.types';
-export { multiSectionDigitalClockSectionClasses } from './multiSectionDigitalClockSectionClasses';
-export type { MultiSectionDigitalClockSectionClasses, MultiSectionDigitalClockSectionClassKey, } from './multiSectionDigitalClockSectionClasses';
+export { MultiSectionDigitalClock } from "./MultiSectionDigitalClock.js";
+export type { MultiSectionDigitalClockProps, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from './MultiSectionDigitalClock.types';
+export { multiSectionDigitalClockSectionClasses } from "./multiSectionDigitalClockSectionClasses.js";
+export type { MultiSectionDigitalClockSectionClasses, MultiSectionDigitalClockSectionClassKey } from './multiSectionDigitalClockSectionClasses';
 export type { ExportedMultiSectionDigitalClockSectionProps } from './MultiSectionDigitalClockSection';
-export { multiSectionDigitalClockClasses, getMultiSectionDigitalClockUtilityClass, } from './multiSectionDigitalClockClasses';
-export type { MultiSectionDigitalClockClasses, MultiSectionDigitalClockClassKey, } from './multiSectionDigitalClockClasses';
+export { multiSectionDigitalClockClasses, getMultiSectionDigitalClockUtilityClass } from "./multiSectionDigitalClockClasses.js";
+export type { MultiSectionDigitalClockClasses, MultiSectionDigitalClockClassKey } from './multiSectionDigitalClockClasses';

package/MultiSectionDigitalClock/index.js

@@ -1,3 +1,32 @@
-export { MultiSectionDigitalClock } from "./MultiSectionDigitalClock.js";
-export { multiSectionDigitalClockSectionClasses } from "./multiSectionDigitalClockSectionClasses.js";
-export { multiSectionDigitalClockClasses, getMultiSectionDigitalClockUtilityClass } from "./multiSectionDigitalClockClasses.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MultiSectionDigitalClock", {
+  enumerable: true,
+  get: function () {
+    return _MultiSectionDigitalClock.MultiSectionDigitalClock;
+  }
+});
+Object.defineProperty(exports, "getMultiSectionDigitalClockUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _multiSectionDigitalClockClasses.getMultiSectionDigitalClockUtilityClass;
+  }
+});
+Object.defineProperty(exports, "multiSectionDigitalClockClasses", {
+  enumerable: true,
+  get: function () {
+    return _multiSectionDigitalClockClasses.multiSectionDigitalClockClasses;
+  }
+});
+Object.defineProperty(exports, "multiSectionDigitalClockSectionClasses", {
+  enumerable: true,
+  get: function () {
+    return _multiSectionDigitalClockSectionClasses.multiSectionDigitalClockSectionClasses;
+  }
+});
+var _MultiSectionDigitalClock = require("./MultiSectionDigitalClock");
+var _multiSectionDigitalClockSectionClasses = require("./multiSectionDigitalClockSectionClasses");
+var _multiSectionDigitalClockClasses = require("./multiSectionDigitalClockClasses");

package/MultiSectionDigitalClock/multiSectionDigitalClockClasses.d.ts

@@ -1,7 +1,7 @@
 export interface MultiSectionDigitalClockClasses {
-    /** Styles applied to the root element. */
-    root: string;
+  /** Styles applied to the root element. */
+  root: string;
 }
 export type MultiSectionDigitalClockClassKey = keyof MultiSectionDigitalClockClasses;
 export declare function getMultiSectionDigitalClockUtilityClass(slot: string): string;
-export declare const multiSectionDigitalClockClasses: MultiSectionDigitalClockClasses;
+export declare const multiSectionDigitalClockClasses: MultiSectionDigitalClockClasses;

package/MultiSectionDigitalClock/multiSectionDigitalClockClasses.js

@@ -1,6 +1,14 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getMultiSectionDigitalClockUtilityClass(slot) {
-  return generateUtilityClass('MuiMultiSectionDigitalClock', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMultiSectionDigitalClockUtilityClass = getMultiSectionDigitalClockUtilityClass;
+exports.multiSectionDigitalClockClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getMultiSectionDigitalClockUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiMultiSectionDigitalClock', slot);
 }
-export const multiSectionDigitalClockClasses = generateUtilityClasses('MuiMultiSectionDigitalClock', ['root']);
+const multiSectionDigitalClockClasses = exports.multiSectionDigitalClockClasses = (0, _generateUtilityClasses.default)('MuiMultiSectionDigitalClock', ['root']);

package/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.d.ts

@@ -1,9 +1,9 @@
 export interface MultiSectionDigitalClockSectionClasses {
-    /** Styles applied to the root (list) element. */
-    root: string;
-    /** Styles applied to the list item (by default: MenuItem) element. */
-    item: string;
+  /** Styles applied to the root (list) element. */
+  root: string;
+  /** Styles applied to the list item (by default: MenuItem) element. */
+  item: string;
 }
 export type MultiSectionDigitalClockSectionClassKey = keyof MultiSectionDigitalClockSectionClasses;
 export declare function getMultiSectionDigitalClockSectionUtilityClass(slot: string): string;
-export declare const multiSectionDigitalClockSectionClasses: MultiSectionDigitalClockSectionClasses;
+export declare const multiSectionDigitalClockSectionClasses: MultiSectionDigitalClockSectionClasses;

package/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js

@@ -1,6 +1,14 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
-  return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMultiSectionDigitalClockSectionUtilityClass = getMultiSectionDigitalClockSectionUtilityClass;
+exports.multiSectionDigitalClockSectionClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getMultiSectionDigitalClockSectionUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiMultiSectionDigitalClockSection', slot);
 }
-export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);
+const multiSectionDigitalClockSectionClasses = exports.multiSectionDigitalClockSectionClasses = (0, _generateUtilityClasses.default)('MuiMultiSectionDigitalClockSection', ['root', 'item']);

package/PickersActionBar/PickersActionBar.d.ts

@@ -2,14 +2,14 @@ import * as React from 'react';
 import { DialogActionsProps } from '@mui/material/DialogActions';
 export type PickersActionBarAction = 'clear' | 'cancel' | 'accept' | 'today';
 export interface PickersActionBarProps extends DialogActionsProps {
-    /**
-     * Ordered array of actions to display.
-     * If empty, does not display that action bar.
-     * @default
-     * - `[]` for Desktop Date Picker and Desktop Date Range Picker
-     * - `['cancel', 'accept']` for all other Pickers
-     */
-    actions?: PickersActionBarAction[];
+  /**
+   * Ordered array of actions to display.
+   * If empty, does not display that action bar.
+   * @default
+   * - `[]` for Desktop Date Picker and Desktop Date Range Picker
+   * - `['cancel', 'accept']` for all other Pickers
+   */
+  actions?: PickersActionBarAction[];
 }
 /**
  * Demos:
@@ -23,7 +23,7 @@ export interface PickersActionBarProps extends DialogActionsProps {
  */
 declare function PickersActionBarComponent(props: PickersActionBarProps): React.JSX.Element | null;
 declare namespace PickersActionBarComponent {
-    var propTypes: any;
+  var propTypes: any;
 }
 declare const PickersActionBar: React.MemoExoticComponent<typeof PickersActionBarComponent>;
-export { PickersActionBar };
+export { PickersActionBar };

package/PickersActionBar/PickersActionBar.js

@@ -1,17 +1,24 @@
+"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.PickersActionBar = void 0;
+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 _styles = require("@mui/material/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _usePickerTranslations = require("../hooks/usePickerTranslations");
+var _hooks = require("../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["actions"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import Button from '@mui/material/Button';
-import DialogActions from '@mui/material/DialogActions';
-import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-import { usePickerActionsContext } from "../hooks/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const PickersActionBarRoot = styled(DialogActions, {
+const PickersActionBarRoot = (0, _styles.styled)(_DialogActions.default, {
   name: 'MuiPickersLayout',
   slot: 'ActionBar',
   overridesResolver: (_, styles) => styles.actionBar
@@ -31,36 +38,36 @@ function PickersActionBarComponent(props) {
   const {
       actions
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const translations = usePickerTranslations();
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
   const {
     clearValue,
     setValueToToday,
     acceptValueChanges,
     cancelValueChanges
-  } = usePickerActionsContext();
+  } = (0, _hooks.usePickerActionsContext)();
   if (actions == null || actions.length === 0) {
     return null;
   }
   const buttons = actions?.map(actionType => {
     switch (actionType) {
       case 'clear':
-        return /*#__PURE__*/_jsx(Button, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           onClick: clearValue,
           children: translations.clearButtonLabel
         }, actionType);
       case 'cancel':
-        return /*#__PURE__*/_jsx(Button, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           onClick: cancelValueChanges,
           children: translations.cancelButtonLabel
         }, actionType);
       case 'accept':
-        return /*#__PURE__*/_jsx(Button, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           onClick: acceptValueChanges,
           children: translations.okButtonLabel
         }, actionType);
       case 'today':
-        return /*#__PURE__*/_jsx(Button, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           onClick: setValueToToday,
           children: translations.todayButtonLabel
         }, actionType);
@@ -68,7 +75,7 @@ function PickersActionBarComponent(props) {
         return null;
     }
   });
-  return /*#__PURE__*/_jsx(PickersActionBarRoot, _extends({}, other, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersActionBarRoot, (0, _extends2.default)({}, other, {
     children: buttons
   }));
 }
@@ -84,16 +91,15 @@ process.env.NODE_ENV !== "production" ? PickersActionBarComponent.propTypes = {
    * - `[]` for Desktop Date Picker and Desktop Date Range Picker
    * - `['cancel', 'accept']` for all other Pickers
    */
-  actions: PropTypes.arrayOf(PropTypes.oneOf(['accept', 'cancel', 'clear', 'today']).isRequired),
+  actions: _propTypes.default.arrayOf(_propTypes.default.oneOf(['accept', 'cancel', 'clear', 'today']).isRequired),
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
-  disableSpacing: PropTypes.bool,
+  disableSpacing: _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])
 } : void 0;
-const PickersActionBar = /*#__PURE__*/React.memo(PickersActionBarComponent);
-export { PickersActionBar };
+const PickersActionBar = exports.PickersActionBar = /*#__PURE__*/React.memo(PickersActionBarComponent);

package/PickersActionBar/index.d.ts

@@ -1,2 +1,2 @@
-export { PickersActionBar } from './PickersActionBar';
-export type { PickersActionBarProps, PickersActionBarAction } from './PickersActionBar';
+export { PickersActionBar } from "./PickersActionBar.js";
+export type { PickersActionBarProps, PickersActionBarAction } from './PickersActionBar';

package/PickersActionBar/index.js

@@ -1 +1,12 @@
-export { PickersActionBar } from "./PickersActionBar.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickersActionBar", {
+  enumerable: true,
+  get: function () {
+    return _PickersActionBar.PickersActionBar;
+  }
+});
+var _PickersActionBar = require("./PickersActionBar");

package/PickersCalendarHeader/PickersCalendarHeader.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { PickersCalendarHeaderProps } from './PickersCalendarHeader.types';
+import { PickersCalendarHeaderProps } from "./PickersCalendarHeader.types.js";
 type PickersCalendarHeaderComponent = ((props: PickersCalendarHeaderProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
-    propTypes?: any;
+  propTypes?: any;
 };
 /**
  * Demos:
@@ -15,4 +15,4 @@ type PickersCalendarHeaderComponent = ((props: PickersCalendarHeaderProps & Reac
  * - [PickersCalendarHeader API](https://mui.com/x/api/date-pickers/pickers-calendar-header/)
  */
 declare const PickersCalendarHeader: PickersCalendarHeaderComponent;
-export { PickersCalendarHeader };
+export { PickersCalendarHeader };