@mui/x-date-pickers 7.0.0-beta.2 → 7.0.0-beta.4

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js

@@ -1,76 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-export var getHourSectionOptions = function getHourSectionOptions(_ref) {
-  var now = _ref.now,
-    value = _ref.value,
-    utils = _ref.utils,
-    ampm = _ref.ampm,
-    isDisabled = _ref.isDisabled,
-    resolveAriaLabel = _ref.resolveAriaLabel,
-    timeStep = _ref.timeStep,
-    valueOrReferenceDate = _ref.valueOrReferenceDate;
-  var currentHours = value ? utils.getHours(value) : null;
-  var result = [];
-  var isSelected = function isSelected(hour, overriddenCurrentHours) {
-    var resolvedCurrentHours = overriddenCurrentHours != null ? overriddenCurrentHours : currentHours;
-    if (resolvedCurrentHours === null) {
-      return false;
-    }
-    if (ampm) {
-      if (hour === 12) {
-        return resolvedCurrentHours === 12 || resolvedCurrentHours === 0;
-      }
-      return resolvedCurrentHours === hour || resolvedCurrentHours - 12 === hour;
-    }
-    return resolvedCurrentHours === hour;
-  };
-  var isFocused = function isFocused(hour) {
-    return isSelected(hour, utils.getHours(valueOrReferenceDate));
-  };
-  var endHour = ampm ? 11 : 23;
-  for (var hour = 0; hour <= endHour; hour += timeStep) {
-    var label = utils.format(utils.setHours(now, hour), ampm ? 'hours12h' : 'hours24h');
-    var ariaLabel = resolveAriaLabel(parseInt(label, 10).toString());
-    label = utils.formatNumber(label);
-    result.push({
-      value: hour,
-      label: label,
-      isSelected: isSelected,
-      isDisabled: isDisabled,
-      isFocused: isFocused,
-      ariaLabel: ariaLabel
-    });
-  }
-  return result;
-};
-export var getTimeSectionOptions = function getTimeSectionOptions(_ref2) {
-  var value = _ref2.value,
-    utils = _ref2.utils,
-    isDisabled = _ref2.isDisabled,
-    timeStep = _ref2.timeStep,
-    resolveLabel = _ref2.resolveLabel,
-    resolveAriaLabel = _ref2.resolveAriaLabel,
-    _ref2$hasValue = _ref2.hasValue,
-    hasValue = _ref2$hasValue === void 0 ? true : _ref2$hasValue;
-  var isSelected = function isSelected(timeValue) {
-    if (value === null) {
-      return false;
-    }
-    return hasValue && value === timeValue;
-  };
-  var isFocused = function isFocused(timeValue) {
-    return value === timeValue;
-  };
-  return _toConsumableArray(Array.from({
-    length: Math.ceil(60 / timeStep)
-  }, function (_, index) {
-    var timeValue = timeStep * index;
-    return {
-      value: timeValue,
-      label: utils.formatNumber(resolveLabel(timeValue)),
-      isDisabled: isDisabled,
-      isSelected: isSelected,
-      isFocused: isFocused,
-      ariaLabel: resolveAriaLabel(timeValue.toString())
-    };
-  }));
-};

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -1,173 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["autoFocus", "onChange", "className", "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';
-import { DIGITAL_CLOCK_VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from '../internals/constants/dimensions';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['root'],
-    item: ['item']
-  };
-  return composeClasses(slots, getMultiSectionDigitalClockSectionUtilityClass, classes);
-};
-var MultiSectionDigitalClockSectionRoot = styled(MenuList, {
-  name: 'MuiMultiSectionDigitalClockSection',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  return {
-    maxHeight: DIGITAL_CLOCK_VIEW_HEIGHT,
-    width: 56,
-    padding: 0,
-    overflow: 'hidden',
-    '@media (prefers-reduced-motion: no-preference)': {
-      scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
-    },
-    '@media (pointer: fine)': {
-      '&:hover': {
-        overflowY: 'auto'
-      }
-    },
-    '@media (pointer: none), (pointer: coarse)': {
-      overflowY: 'auto'
-    },
-    '&:not(:first-of-type)': {
-      borderLeft: "1px solid ".concat((theme.vars || theme).palette.divider)
-    },
-    '&::after': {
-      display: 'block',
-      content: '""',
-      // subtracting the height of one item, extra margin and borders to make sure the max height is correct
-      height: 'calc(100% - 40px - 6px)'
-    }
-  };
-});
-var MultiSectionDigitalClockSectionItem = styled(MenuItem, {
-  name: 'MuiMultiSectionDigitalClockSection',
-  slot: 'Item',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.item;
-  }
-})(function (_ref2) {
-  var theme = _ref2.theme;
-  return {
-    padding: 8,
-    margin: '2px 4px',
-    width: MULTI_SECTION_CLOCK_SECTION_WIDTH,
-    justifyContent: 'center',
-    '&:first-of-type': {
-      marginTop: 4
-    },
-    '&:hover': {
-      backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
-    },
-    '&.Mui-selected': {
-      backgroundColor: (theme.vars || theme).palette.primary.main,
-      color: (theme.vars || theme).palette.primary.contrastText,
-      '&:focus-visible, &:hover': {
-        backgroundColor: (theme.vars || theme).palette.primary.dark
-      }
-    },
-    '&.Mui-focusVisible': {
-      backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.focusOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.focusOpacity)
-    }
-  };
-});
-/**
- * @ignore - internal component.
- */
-export var MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(function MultiSectionDigitalClockSection(inProps, ref) {
-  var _slots$digitalClockSe;
-  var containerRef = React.useRef(null);
-  var handleRef = useForkRef(ref, containerRef);
-  var previousActive = React.useRef(null);
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiMultiSectionDigitalClockSection'
-  });
-  var autoFocus = props.autoFocus,
-    onChange = props.onChange,
-    className = props.className,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    items = props.items,
-    active = props.active,
-    slots = props.slots,
-    slotProps = props.slotProps,
-    skipDisabled = props.skipDisabled,
-    other = _objectWithoutProperties(props, _excluded);
-  var ownerState = React.useMemo(function () {
-    return _extends({}, props, {
-      alreadyRendered: !!containerRef.current
-    });
-  }, [props]);
-  var classes = useUtilityClasses(ownerState);
-  var DigitalClockSectionItem = (_slots$digitalClockSe = slots == null ? void 0 : slots.digitalClockSectionItem) != null ? _slots$digitalClockSe : MultiSectionDigitalClockSectionItem;
-  React.useEffect(function () {
-    if (containerRef.current === null) {
-      return;
-    }
-    var activeItem = containerRef.current.querySelector('[role="option"][tabindex="0"], [role="option"][aria-selected="true"]');
-    if (active && autoFocus && activeItem) {
-      activeItem.focus();
-    }
-    if (!activeItem || previousActive.current === activeItem) {
-      return;
-    }
-    previousActive.current = activeItem;
-    var offsetTop = activeItem.offsetTop;
-
-    // Subtracting the 4px of extra margin intended for the first visible section item
-    containerRef.current.scrollTop = offsetTop - 4;
-  });
-  var focusedOptionIndex = items.findIndex(function (item) {
-    return item.isFocused(item.value);
-  });
-  return /*#__PURE__*/_jsx(MultiSectionDigitalClockSectionRoot, _extends({
-    ref: handleRef,
-    className: clsx(classes.root, className),
-    ownerState: ownerState,
-    autoFocusItem: autoFocus && active,
-    role: "listbox"
-  }, other, {
-    children: items.map(function (option, index) {
-      var _option$isDisabled, _option$isDisabled2;
-      if (skipDisabled && (_option$isDisabled = option.isDisabled) != null && _option$isDisabled.call(option, option.value)) {
-        return null;
-      }
-      var isSelected = option.isSelected(option.value);
-      var tabIndex = focusedOptionIndex === index || focusedOptionIndex === -1 && index === 0 ? 0 : -1;
-      return /*#__PURE__*/_jsx(DigitalClockSectionItem, _extends({
-        onClick: function onClick() {
-          return !readOnly && onChange(option.value);
-        },
-        selected: isSelected,
-        disabled: disabled || ((_option$isDisabled2 = option.isDisabled) == null ? void 0 : _option$isDisabled2.call(option, option.value)),
-        disableRipple: readOnly,
-        role: "option"
-        // aria-readonly is not supported here and does not have any effect
-        ,
-        "aria-disabled": readOnly,
-        "aria-label": option.ariaLabel,
-        "aria-selected": isSelected,
-        tabIndex: tabIndex,
-        className: classes.item
-      }, slotProps == null ? void 0 : slotProps.digitalClockSectionItem, {
-        children: option.label
-      }), option.label);
-    })
-  }));
-});

package/legacy/MultiSectionDigitalClock/index.js

@@ -1,3 +0,0 @@
-export { MultiSectionDigitalClock } from './MultiSectionDigitalClock';
-export { multiSectionDigitalClockSectionClasses } from './multiSectionDigitalClockSectionClasses';
-export { multiSectionDigitalClockClasses, getMultiSectionDigitalClockUtilityClass } from './multiSectionDigitalClockClasses';

package/legacy/MultiSectionDigitalClock/multiSectionDigitalClockClasses.js

@@ -1,6 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getMultiSectionDigitalClockUtilityClass(slot) {
-  return generateUtilityClass('MuiMultiSectionDigitalClock', slot);
-}
-export var multiSectionDigitalClockClasses = generateUtilityClasses('MuiMultiSectionDigitalClock', ['root']);

package/legacy/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js

@@ -1,6 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
-  return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
-}
-export var multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);

package/legacy/PickersActionBar/PickersActionBar.js

@@ -1,86 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["onAccept", "onClear", "onCancel", "onSetToday", "actions"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import Button from '@mui/material/Button';
-import DialogActions from '@mui/material/DialogActions';
-import { useLocaleText } from '../internals/hooks/useUtils';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Demos:
- *
- * - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
- * - [Custom layout](https://mui.com/x/react-date-pickers/custom-layout/)
- *
- * API:
- *
- * - [PickersActionBar API](https://mui.com/x/api/date-pickers/pickers-action-bar/)
- */
-function PickersActionBar(props) {
-  var onAccept = props.onAccept,
-    onClear = props.onClear,
-    onCancel = props.onCancel,
-    onSetToday = props.onSetToday,
-    actions = props.actions,
-    other = _objectWithoutProperties(props, _excluded);
-  var localeText = useLocaleText();
-  if (actions == null || actions.length === 0) {
-    return null;
-  }
-  var buttons = actions == null ? void 0 : actions.map(function (actionType) {
-    switch (actionType) {
-      case 'clear':
-        return /*#__PURE__*/_jsx(Button, {
-          onClick: onClear,
-          children: localeText.clearButtonLabel
-        }, actionType);
-      case 'cancel':
-        return /*#__PURE__*/_jsx(Button, {
-          onClick: onCancel,
-          children: localeText.cancelButtonLabel
-        }, actionType);
-      case 'accept':
-        return /*#__PURE__*/_jsx(Button, {
-          onClick: onAccept,
-          children: localeText.okButtonLabel
-        }, actionType);
-      case 'today':
-        return /*#__PURE__*/_jsx(Button, {
-          onClick: onSetToday,
-          children: localeText.todayButtonLabel
-        }, actionType);
-      default:
-        return null;
-    }
-  });
-  return /*#__PURE__*/_jsx(DialogActions, _extends({}, other, {
-    children: buttons
-  }));
-}
-process.env.NODE_ENV !== "production" ? PickersActionBar.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Ordered array of actions to display.
-   * If empty, does not display that action bar.
-   * @default `['cancel', 'accept']` for mobile and `[]` for desktop
-   */
-  actions: PropTypes.arrayOf(PropTypes.oneOf(['accept', 'cancel', 'clear', 'today']).isRequired),
-  /**
-   * If `true`, the actions do not have additional margin.
-   * @default false
-   */
-  disableSpacing: PropTypes.bool,
-  onAccept: PropTypes.func.isRequired,
-  onCancel: PropTypes.func.isRequired,
-  onClear: PropTypes.func.isRequired,
-  onSetToday: PropTypes.func.isRequired,
-  /**
-   * 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 { PickersActionBar };

package/legacy/PickersActionBar/index.js

@@ -1 +0,0 @@
-export { PickersActionBar } from './PickersActionBar';

package/legacy/PickersCalendarHeader/PickersCalendarHeader.js

@@ -1,284 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone", "format"],
-  _excluded2 = ["ownerState"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import Fade from '@mui/material/Fade';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { useSlotProps } from '@mui/base/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import IconButton from '@mui/material/IconButton';
-import { useLocaleText, useUtils } from '../internals/hooks/useUtils';
-import { PickersFadeTransitionGroup } from '../DateCalendar/PickersFadeTransitionGroup';
-import { ArrowDropDownIcon } from '../icons';
-import { PickersArrowSwitcher } from '../internals/components/PickersArrowSwitcher';
-import { usePreviousMonthDisabled, useNextMonthDisabled } from '../internals/hooks/date-helpers-hooks';
-import { getPickersCalendarHeaderUtilityClass, pickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['root'],
-    labelContainer: ['labelContainer'],
-    label: ['label'],
-    switchViewButton: ['switchViewButton'],
-    switchViewIcon: ['switchViewIcon']
-  };
-  return composeClasses(slots, getPickersCalendarHeaderUtilityClass, classes);
-};
-var PickersCalendarHeaderRoot = styled('div', {
-  name: 'MuiPickersCalendarHeader',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.root;
-  }
-})({
-  display: 'flex',
-  alignItems: 'center',
-  marginTop: 12,
-  marginBottom: 4,
-  paddingLeft: 24,
-  paddingRight: 12,
-  // prevent jumping in safari
-  maxHeight: 40,
-  minHeight: 40
-});
-var PickersCalendarHeaderLabelContainer = styled('div', {
-  name: 'MuiPickersCalendarHeader',
-  slot: 'LabelContainer',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.labelContainer;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return _extends({
-    display: 'flex',
-    overflow: 'hidden',
-    alignItems: 'center',
-    cursor: 'pointer',
-    marginRight: 'auto'
-  }, theme.typography.body1, {
-    fontWeight: theme.typography.fontWeightMedium
-  });
-});
-var PickersCalendarHeaderLabel = styled('div', {
-  name: 'MuiPickersCalendarHeader',
-  slot: 'Label',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.label;
-  }
-})({
-  marginRight: 6
-});
-var PickersCalendarHeaderSwitchViewButton = styled(IconButton, {
-  name: 'MuiPickersCalendarHeader',
-  slot: 'SwitchViewButton',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.switchViewButton;
-  }
-})(function (_ref2) {
-  var ownerState = _ref2.ownerState;
-  return _extends({
-    marginRight: 'auto'
-  }, ownerState.view === 'year' && _defineProperty({}, ".".concat(pickersCalendarHeaderClasses.switchViewIcon), {
-    transform: 'rotate(180deg)'
-  }));
-});
-var PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDownIcon, {
-  name: 'MuiPickersCalendarHeader',
-  slot: 'SwitchViewIcon',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.switchViewIcon;
-  }
-})(function (_ref4) {
-  var theme = _ref4.theme;
-  return {
-    willChange: 'transform',
-    transition: theme.transitions.create('transform'),
-    transform: 'rotate(0deg)'
-  };
-});
-/**
- * Demos:
- *
- * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
- * - [DateRangeCalendar](https://mui.com/x/react-date-pickers/date-range-calendar/)
- * - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
- *
- * API:
- *
- * - [PickersCalendarHeader API](https://mui.com/x/api/date-pickers/pickers-calendar-header/)
- */
-var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalendarHeader(inProps, ref) {
-  var _slots$switchViewButt, _slots$switchViewIcon;
-  var localeText = useLocaleText();
-  var utils = useUtils();
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiPickersCalendarHeader'
-  });
-  var slots = props.slots,
-    slotProps = props.slotProps,
-    month = props.currentMonth,
-    disabled = props.disabled,
-    disableFuture = props.disableFuture,
-    disablePast = props.disablePast,
-    maxDate = props.maxDate,
-    minDate = props.minDate,
-    onMonthChange = props.onMonthChange,
-    onViewChange = props.onViewChange,
-    view = props.view,
-    reduceAnimations = props.reduceAnimations,
-    views = props.views,
-    labelId = props.labelId,
-    className = props.className,
-    timezone = props.timezone,
-    _props$format = props.format,
-    format = _props$format === void 0 ? "".concat(utils.formats.month, " ").concat(utils.formats.year) : _props$format,
-    other = _objectWithoutProperties(props, _excluded);
-  var ownerState = props;
-  var classes = useUtilityClasses(props);
-  var SwitchViewButton = (_slots$switchViewButt = slots == null ? void 0 : slots.switchViewButton) != null ? _slots$switchViewButt : PickersCalendarHeaderSwitchViewButton;
-  var switchViewButtonProps = useSlotProps({
-    elementType: SwitchViewButton,
-    externalSlotProps: slotProps == null ? void 0 : slotProps.switchViewButton,
-    additionalProps: {
-      size: 'small',
-      'aria-label': localeText.calendarViewSwitchingButtonAriaLabel(view)
-    },
-    ownerState: ownerState,
-    className: classes.switchViewButton
-  });
-  var SwitchViewIcon = (_slots$switchViewIcon = slots == null ? void 0 : slots.switchViewIcon) != null ? _slots$switchViewIcon : PickersCalendarHeaderSwitchViewIcon;
-  // The spread is here to avoid this bug mui/material-ui#34056
-  var _useSlotProps = useSlotProps({
-      elementType: SwitchViewIcon,
-      externalSlotProps: slotProps == null ? void 0 : slotProps.switchViewIcon,
-      ownerState: undefined,
-      className: classes.switchViewIcon
-    }),
-    switchViewIconOwnerState = _useSlotProps.ownerState,
-    switchViewIconProps = _objectWithoutProperties(_useSlotProps, _excluded2);
-  var selectNextMonth = function selectNextMonth() {
-    return onMonthChange(utils.addMonths(month, 1), 'left');
-  };
-  var selectPreviousMonth = function selectPreviousMonth() {
-    return onMonthChange(utils.addMonths(month, -1), 'right');
-  };
-  var isNextMonthDisabled = useNextMonthDisabled(month, {
-    disableFuture: disableFuture,
-    maxDate: maxDate,
-    timezone: timezone
-  });
-  var isPreviousMonthDisabled = usePreviousMonthDisabled(month, {
-    disablePast: disablePast,
-    minDate: minDate,
-    timezone: timezone
-  });
-  var handleToggleView = function handleToggleView() {
-    if (views.length === 1 || !onViewChange || disabled) {
-      return;
-    }
-    if (views.length === 2) {
-      onViewChange(views.find(function (el) {
-        return el !== view;
-      }) || views[0]);
-    } else {
-      // switching only between first 2
-      var nextIndexToOpen = views.indexOf(view) !== 0 ? 0 : 1;
-      onViewChange(views[nextIndexToOpen]);
-    }
-  };
-
-  // No need to display more information
-  if (views.length === 1 && views[0] === 'year') {
-    return null;
-  }
-  var label = utils.formatByString(month, format);
-  return /*#__PURE__*/_jsxs(PickersCalendarHeaderRoot, _extends({}, other, {
-    ownerState: ownerState,
-    className: clsx(className, classes.root),
-    ref: ref,
-    children: [/*#__PURE__*/_jsxs(PickersCalendarHeaderLabelContainer, {
-      role: "presentation",
-      onClick: handleToggleView,
-      ownerState: ownerState
-      // putting this on the label item element below breaks when using transition
-      ,
-      "aria-live": "polite",
-      className: classes.labelContainer,
-      children: [/*#__PURE__*/_jsx(PickersFadeTransitionGroup, {
-        reduceAnimations: reduceAnimations,
-        transKey: label,
-        children: /*#__PURE__*/_jsx(PickersCalendarHeaderLabel, {
-          id: labelId,
-          ownerState: ownerState,
-          className: classes.label,
-          children: label
-        })
-      }), views.length > 1 && !disabled && /*#__PURE__*/_jsx(SwitchViewButton, _extends({}, switchViewButtonProps, {
-        children: /*#__PURE__*/_jsx(SwitchViewIcon, _extends({}, switchViewIconProps))
-      }))]
-    }), /*#__PURE__*/_jsx(Fade, {
-      in: view === 'day',
-      children: /*#__PURE__*/_jsx(PickersArrowSwitcher, {
-        slots: slots,
-        slotProps: slotProps,
-        onGoToPrevious: selectPreviousMonth,
-        isPreviousDisabled: isPreviousMonthDisabled,
-        previousLabel: localeText.previousMonth,
-        onGoToNext: selectNextMonth,
-        isNextDisabled: isNextMonthDisabled,
-        nextLabel: localeText.nextMonth
-      })
-    })]
-  }));
-});
-process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  currentMonth: PropTypes.object.isRequired,
-  disabled: PropTypes.bool,
-  disableFuture: PropTypes.bool,
-  disablePast: PropTypes.bool,
-  /**
-   * Format used to display the date.
-   * @default `${adapter.formats.month} ${adapter.formats.year}`
-   */
-  format: PropTypes.string,
-  labelId: PropTypes.string,
-  maxDate: PropTypes.object.isRequired,
-  minDate: PropTypes.object.isRequired,
-  onMonthChange: PropTypes.func.isRequired,
-  onViewChange: PropTypes.func,
-  reduceAnimations: PropTypes.bool.isRequired,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.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]),
-  timezone: PropTypes.string.isRequired,
-  view: PropTypes.oneOf(['day', 'month', 'year']).isRequired,
-  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired).isRequired
-} : void 0;
-export { PickersCalendarHeader };

package/legacy/PickersCalendarHeader/PickersCalendarHeader.types.js

@@ -1 +0,0 @@
-export {};

package/legacy/PickersCalendarHeader/index.js

@@ -1,2 +0,0 @@
-export { pickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
-export { PickersCalendarHeader } from './PickersCalendarHeader';

package/legacy/PickersCalendarHeader/pickersCalendarHeaderClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export var getPickersCalendarHeaderUtilityClass = function getPickersCalendarHeaderUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersCalendarHeader', slot);
-};
-export var pickersCalendarHeaderClasses = generateUtilityClasses('MuiPickersCalendarHeader', ['root', 'labelContainer', 'label', 'switchViewButton', 'switchViewIcon']);