@mui/lab 5.0.0-alpha.73 → 5.0.0-alpha.76

package/node/DateRangePicker/DateRangePickerInput.js

@@ -1,155 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styles = require("@mui/material/styles");
-
-var _useUtils = require("../internal/pickers/hooks/useUtils");
-
-var _useMaskedInput = require("../internal/pickers/hooks/useMaskedInput");
-
-var _WrapperVariantContext = require("../internal/pickers/wrappers/WrapperVariantContext");
-
-var _utils = require("../internal/pickers/utils");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const _excluded = ["currentlySelectingRangeEnd", "disableOpenPicker", "endText", "onBlur", "onChange", "open", "openPicker", "rawValue", "rawValue", "readOnly", "renderInput", "setCurrentlySelectingRangeEnd", "startText", "TextFieldProps", "validationError"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const DateRangePickerInputRoot = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  display: 'flex',
-  alignItems: 'baseline',
-  [theme.breakpoints.down('xs')]: {
-    flexDirection: 'column',
-    alignItems: 'center'
-  }
-}));
-
-/**
- * @ignore - internal component.
- */
-const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRangePickerInput(props, ref) {
-  const {
-    currentlySelectingRangeEnd,
-    disableOpenPicker,
-    endText,
-    onBlur,
-    onChange,
-    open,
-    openPicker,
-    rawValue: [start, end],
-    readOnly,
-    renderInput,
-    setCurrentlySelectingRangeEnd,
-    startText,
-    TextFieldProps,
-    validationError: [startValidationError, endValidationError]
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const utils = (0, _useUtils.useUtils)();
-  const startRef = React.useRef(null);
-  const endRef = React.useRef(null);
-  const wrapperVariant = React.useContext(_WrapperVariantContext.WrapperVariantContext);
-  React.useEffect(() => {
-    if (!open) {
-      return;
-    }
-
-    if (currentlySelectingRangeEnd === 'start') {
-      var _startRef$current;
-
-      (_startRef$current = startRef.current) == null ? void 0 : _startRef$current.focus();
-    } else if (currentlySelectingRangeEnd === 'end') {
-      var _endRef$current;
-
-      (_endRef$current = endRef.current) == null ? void 0 : _endRef$current.focus();
-    }
-  }, [currentlySelectingRangeEnd, open]); // TODO: rethink this approach. We do not need to wait for calendar to be updated to rerender input (looks like freezing)
-  // TODO: so simply break 1 react's commit phase in 2 (first for input and second for calendars) by executing onChange in the next tick
-
-  const lazyHandleChangeCallback = React.useCallback((...args) => (0, _utils.executeInTheNextEventLoopTick)(() => onChange(...args)), [onChange]);
-
-  const handleStartChange = (date, inputString) => {
-    lazyHandleChangeCallback([date, utils.date(end)], inputString);
-  };
-
-  const handleEndChange = (date, inputString) => {
-    lazyHandleChangeCallback([utils.date(start), date], inputString);
-  };
-
-  const openRangeStartSelection = () => {
-    if (setCurrentlySelectingRangeEnd) {
-      setCurrentlySelectingRangeEnd('start');
-    }
-
-    if (!readOnly && !disableOpenPicker) {
-      openPicker();
-    }
-  };
-
-  const openRangeEndSelection = () => {
-    if (setCurrentlySelectingRangeEnd) {
-      setCurrentlySelectingRangeEnd('end');
-    }
-
-    if (!readOnly && !disableOpenPicker) {
-      openPicker();
-    }
-  };
-
-  const openOnFocus = wrapperVariant === 'desktop';
-  const startInputProps = (0, _useMaskedInput.useMaskedInput)((0, _extends2.default)({}, other, {
-    readOnly,
-    rawValue: start,
-    onChange: handleStartChange,
-    label: startText,
-    validationError: startValidationError !== null,
-    TextFieldProps: (0, _extends2.default)({}, TextFieldProps, {
-      ref: startRef,
-      focused: open && currentlySelectingRangeEnd === 'start'
-    }),
-    inputProps: {
-      onClick: !openOnFocus ? openRangeStartSelection : undefined,
-      onFocus: openOnFocus ? openRangeStartSelection : undefined
-    }
-  }));
-  const endInputProps = (0, _useMaskedInput.useMaskedInput)((0, _extends2.default)({}, other, {
-    readOnly,
-    label: endText,
-    rawValue: end,
-    onChange: handleEndChange,
-    validationError: endValidationError !== null,
-    TextFieldProps: (0, _extends2.default)({}, TextFieldProps, {
-      ref: endRef,
-      focused: open && currentlySelectingRangeEnd === 'end'
-    }),
-    inputProps: {
-      onClick: !openOnFocus ? openRangeEndSelection : undefined,
-      onFocus: openOnFocus ? openRangeEndSelection : undefined
-    }
-  }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerInputRoot, {
-    onBlur: onBlur,
-    ref: ref,
-    children: renderInput(startInputProps, endInputProps)
-  });
-});
-var _default = DateRangePickerInput;
-exports.default = _default;

package/node/DateRangePicker/DateRangePickerToolbar.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _Typography2 = _interopRequireDefault(require("@mui/material/Typography"));
-
-var _styles = require("@mui/material/styles");
-
-var _base = require("@mui/base");
-
-var _PickersToolbar = _interopRequireDefault(require("../internal/pickers/PickersToolbar"));
-
-var _useUtils = require("../internal/pickers/hooks/useUtils");
-
-var _PickersToolbarButton = _interopRequireDefault(require("../internal/pickers/PickersToolbarButton"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _Typography;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const classes = (0, _base.generateUtilityClasses)('PrivateDateRangePickerToolbar', ['penIcon']);
-const DateRangePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default)({
-  [`& .${classes.penIcon}`]: {
-    position: 'relative',
-    top: 4
-  }
-});
-const DateRangePickerToolbarContainer = (0, _styles.styled)('div')({
-  display: 'flex'
-});
-/**
- * @ignore - internal component.
- */
-
-const DateRangePickerToolbar = ({
-  currentlySelectingRangeEnd,
-  date: [start, end],
-  endText,
-  isMobileKeyboardViewOpen,
-  setCurrentlySelectingRangeEnd,
-  startText,
-  toggleMobileKeyboardView,
-  toolbarFormat,
-  toolbarTitle = 'Select date range'
-}) => {
-  const utils = (0, _useUtils.useUtils)();
-  const startDateValue = start ? utils.formatByString(start, toolbarFormat || utils.formats.shortDate) : startText;
-  const endDateValue = end ? utils.formatByString(end, toolbarFormat || utils.formats.shortDate) : endText;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerToolbarRoot, {
-    toolbarTitle: toolbarTitle,
-    isMobileKeyboardViewOpen: isMobileKeyboardViewOpen,
-    toggleMobileKeyboardView: toggleMobileKeyboardView,
-    isLandscape: false,
-    penIconClassName: classes.penIcon,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateRangePickerToolbarContainer, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
-        variant: start !== null ? 'h5' : 'h6',
-        value: startDateValue,
-        selected: currentlySelectingRangeEnd === 'start',
-        onClick: () => setCurrentlySelectingRangeEnd('start')
-      }), _Typography || (_Typography = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography2.default, {
-        variant: "h5",
-        children: ["\xA0", '–', "\xA0"]
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
-        variant: end !== null ? 'h5' : 'h6',
-        value: endDateValue,
-        selected: currentlySelectingRangeEnd === 'end',
-        onClick: () => setCurrentlySelectingRangeEnd('end')
-      })]
-    })
-  });
-};
-
-var _default = DateRangePickerToolbar;
-exports.default = _default;

package/node/DateRangePicker/DateRangePickerView.js

@@ -1,205 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateRangePickerView = DateRangePickerView;
-
-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 _dateUtils = require("../internal/pickers/date-utils");
-
-var _dateRangeManager = require("./date-range-manager");
-
-var _useUtils = require("../internal/pickers/hooks/useUtils");
-
-var _DateRangePickerToolbar = _interopRequireDefault(require("./DateRangePickerToolbar"));
-
-var _useCalendarState = require("../CalendarPicker/useCalendarState");
-
-var _DateRangePickerViewMobile = require("./DateRangePickerViewMobile");
-
-var _WrapperVariantContext = require("../internal/pickers/wrappers/WrapperVariantContext");
-
-var _Picker = require("../internal/pickers/Picker/Picker");
-
-var _DateRangePickerInput = _interopRequireDefault(require("./DateRangePickerInput"));
-
-var _CalendarPicker = require("../CalendarPicker/CalendarPicker");
-
-var _DateRangePickerViewDesktop = _interopRequireDefault(require("./DateRangePickerViewDesktop"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const _excluded = ["calendars", "className", "currentlySelectingRangeEnd", "date", "DateInputProps", "defaultCalendarMonth", "disableAutoMonthSwitching", "disableFuture", "disableHighlightToday", "disablePast", "endText", "isMobileKeyboardViewOpen", "maxDate", "minDate", "onDateChange", "onMonthChange", "open", "reduceAnimations", "setCurrentlySelectingRangeEnd", "shouldDisableDate", "showToolbar", "startText", "toggleMobileKeyboardView", "toolbarFormat", "toolbarTitle"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/**
- * @ignore - internal component.
- */
-function DateRangePickerView(props) {
-  const {
-    calendars,
-    className,
-    currentlySelectingRangeEnd,
-    date,
-    DateInputProps,
-    defaultCalendarMonth,
-    disableAutoMonthSwitching = false,
-    disableFuture,
-    disableHighlightToday,
-    disablePast,
-    endText,
-    isMobileKeyboardViewOpen,
-    maxDate,
-    minDate,
-    onDateChange,
-    onMonthChange,
-    open,
-    reduceAnimations = _CalendarPicker.defaultReduceAnimations,
-    setCurrentlySelectingRangeEnd,
-    shouldDisableDate,
-    showToolbar,
-    startText,
-    toggleMobileKeyboardView,
-    toolbarFormat,
-    toolbarTitle
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const utils = (0, _useUtils.useUtils)();
-  const wrapperVariant = React.useContext(_WrapperVariantContext.WrapperVariantContext);
-  const [start, end] = date;
-  const {
-    changeMonth,
-    calendarState,
-    isDateDisabled,
-    onMonthSwitchingAnimationEnd,
-    changeFocusedDay
-  } = (0, _useCalendarState.useCalendarState)({
-    date: start || end,
-    defaultCalendarMonth,
-    disableFuture,
-    disablePast,
-    disableSwitchToMonthOnDayFocus: true,
-    maxDate,
-    minDate,
-    onMonthChange,
-    reduceAnimations,
-    shouldDisableDate
-  });
-  const toShowToolbar = showToolbar != null ? showToolbar : wrapperVariant !== 'desktop';
-
-  const scrollToDayIfNeeded = day => {
-    if (!day || !utils.isValid(day) || isDateDisabled(day)) {
-      return;
-    }
-
-    const currentlySelectedDate = currentlySelectingRangeEnd === 'start' ? start : end;
-
-    if (currentlySelectedDate === null) {
-      // do not scroll if one of ages is not selected
-      return;
-    }
-
-    const displayingMonthRange = wrapperVariant === 'mobile' ? 0 : calendars - 1;
-    const currentMonthNumber = utils.getMonth(calendarState.currentMonth);
-    const requestedMonthNumber = utils.getMonth(day);
-
-    if (!utils.isSameYear(calendarState.currentMonth, day) || requestedMonthNumber < currentMonthNumber || requestedMonthNumber > currentMonthNumber + displayingMonthRange) {
-      const newMonth = currentlySelectingRangeEnd === 'start' ? currentlySelectedDate : // If need to focus end, scroll to the state when "end" is displaying in the last calendar
-      utils.addMonths(currentlySelectedDate, -displayingMonthRange);
-      changeMonth(newMonth);
-    }
-  };
-
-  React.useEffect(() => {
-    if (disableAutoMonthSwitching || !open) {
-      return;
-    }
-
-    scrollToDayIfNeeded(currentlySelectingRangeEnd === 'start' ? start : end);
-  }, [currentlySelectingRangeEnd, date]); // eslint-disable-line
-
-  const handleChange = React.useCallback(newDate => {
-    const {
-      nextSelection,
-      newRange
-    } = (0, _dateRangeManager.calculateRangeChange)({
-      newDate,
-      utils,
-      range: date,
-      currentlySelectingRangeEnd
-    });
-    setCurrentlySelectingRangeEnd(nextSelection);
-    const isFullRangeSelected = currentlySelectingRangeEnd === 'end' && (0, _dateUtils.isRangeValid)(utils, newRange);
-    onDateChange(newRange, wrapperVariant, isFullRangeSelected ? 'finish' : 'partial');
-  }, [currentlySelectingRangeEnd, date, onDateChange, setCurrentlySelectingRangeEnd, utils, wrapperVariant]);
-
-  const renderView = () => {
-    const sharedCalendarProps = (0, _extends2.default)({
-      date,
-      isDateDisabled,
-      changeFocusedDay,
-      onChange: handleChange,
-      reduceAnimations,
-      disableHighlightToday,
-      onMonthSwitchingAnimationEnd,
-      changeMonth,
-      currentlySelectingRangeEnd,
-      disableFuture,
-      disablePast,
-      minDate,
-      maxDate
-    }, calendarState, other);
-
-    switch (wrapperVariant) {
-      case 'desktop':
-        {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateRangePickerViewDesktop.default, (0, _extends2.default)({
-            calendars: calendars
-          }, sharedCalendarProps));
-        }
-
-      default:
-        {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateRangePickerViewMobile.DateRangePickerViewMobile, (0, _extends2.default)({}, sharedCalendarProps));
-        }
-    }
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: className,
-    children: [toShowToolbar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateRangePickerToolbar.default, {
-      date: date,
-      isMobileKeyboardViewOpen: isMobileKeyboardViewOpen,
-      toggleMobileKeyboardView: toggleMobileKeyboardView,
-      currentlySelectingRangeEnd: currentlySelectingRangeEnd,
-      setCurrentlySelectingRangeEnd: setCurrentlySelectingRangeEnd,
-      startText: startText,
-      endText: endText,
-      toolbarTitle: toolbarTitle,
-      toolbarFormat: toolbarFormat
-    }), isMobileKeyboardViewOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.MobileKeyboardInputView, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateRangePickerInput.default, (0, _extends2.default)({
-        disableOpenPicker: true,
-        ignoreInvalidInputs: true
-      }, DateInputProps))
-    }) : renderView()]
-  });
-}
-
-process.env.NODE_ENV !== "production" ? DateRangePickerView.propTypes = {
-  calendars: _propTypes.default.oneOf([1, 2, 3]),
-  disableAutoMonthSwitching: _propTypes.default.bool
-} : void 0;

package/node/DateRangePicker/DateRangePickerViewDesktop.js

@@ -1,184 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styles = require("@mui/material/styles");
-
-var _useUtils = require("../internal/pickers/hooks/useUtils");
-
-var _dateRangeManager = require("./date-range-manager");
-
-var _PickersCalendar = _interopRequireDefault(require("../CalendarPicker/PickersCalendar"));
-
-var _DateRangePickerDay = _interopRequireDefault(require("../DateRangePickerDay"));
-
-var _PickersArrowSwitcher = _interopRequireDefault(require("../internal/pickers/PickersArrowSwitcher"));
-
-var _dateHelpersHooks = require("../internal/pickers/hooks/date-helpers-hooks");
-
-var _dateUtils = require("../internal/pickers/date-utils");
-
-var _utils = require("../internal/pickers/utils");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const _excluded = ["calendars", "changeMonth", "components", "componentsProps", "currentlySelectingRangeEnd", "currentMonth", "date", "disableFuture", "disablePast", "leftArrowButtonText", "maxDate", "minDate", "onChange", "renderDay", "rightArrowButtonText"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const DateRangePickerViewDesktopRoot = (0, _styles.styled)('div')({
-  display: 'flex',
-  flexDirection: 'row'
-});
-const DateRangePickerViewDesktopContainer = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  '&:not(:last-of-type)': {
-    borderRight: `2px solid ${theme.palette.divider}`
-  }
-}));
-const DateRangePickerViewDesktopCalendar = (0, _styles.styled)(_PickersCalendar.default)({
-  minWidth: 312,
-  minHeight: 288
-});
-const DateRangePickerViewDesktopArrowSwitcher = (0, _styles.styled)(_PickersArrowSwitcher.default)({
-  padding: '16px 16px 8px 16px',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'space-between'
-});
-
-function getCalendarsArray(calendars) {
-  switch (calendars) {
-    case 1:
-      return [0];
-
-    case 2:
-      return [0, 0];
-
-    case 3:
-      return [0, 0, 0];
-    // this will not work in IE11, but allows to support any amount of calendars
-
-    default:
-      return new Array(calendars).fill(0);
-  }
-}
-/**
- * @ignore - internal component.
- */
-
-
-function DateRangePickerViewDesktop(props) {
-  const {
-    calendars,
-    changeMonth,
-    components,
-    componentsProps,
-    currentlySelectingRangeEnd,
-    currentMonth,
-    date,
-    disableFuture,
-    disablePast,
-    leftArrowButtonText = 'Previous month',
-    maxDate: maxDateProp,
-    minDate: minDateProp,
-    onChange,
-    renderDay = (_, dateRangeProps) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateRangePickerDay.default, (0, _extends2.default)({}, dateRangeProps)),
-    rightArrowButtonText = 'Next month'
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const utils = (0, _useUtils.useUtils)();
-  const defaultDates = (0, _useUtils.useDefaultDates)();
-  const minDate = minDateProp != null ? minDateProp : defaultDates.minDate;
-  const maxDate = maxDateProp != null ? maxDateProp : defaultDates.maxDate;
-  const [rangePreviewDay, setRangePreviewDay] = React.useState(null);
-  const isNextMonthDisabled = (0, _dateHelpersHooks.useNextMonthDisabled)(currentMonth, {
-    disableFuture,
-    maxDate
-  });
-  const isPreviousMonthDisabled = (0, _dateHelpersHooks.usePreviousMonthDisabled)(currentMonth, {
-    disablePast,
-    minDate
-  });
-  const previewingRange = (0, _dateRangeManager.calculateRangePreview)({
-    utils,
-    range: date,
-    newDate: rangePreviewDay,
-    currentlySelectingRangeEnd
-  });
-  const handleDayChange = React.useCallback(day => {
-    setRangePreviewDay(null);
-    onChange(day);
-  }, [onChange]);
-
-  const handlePreviewDayChange = newPreviewRequest => {
-    if (!(0, _dateUtils.isWithinRange)(utils, newPreviewRequest, date)) {
-      setRangePreviewDay(newPreviewRequest);
-    } else {
-      setRangePreviewDay(null);
-    }
-  };
-
-  const CalendarTransitionProps = React.useMemo(() => ({
-    onMouseLeave: () => setRangePreviewDay(null)
-  }), []);
-  const selectNextMonth = React.useCallback(() => {
-    changeMonth(utils.getNextMonth(currentMonth));
-  }, [changeMonth, currentMonth, utils]);
-  const selectPreviousMonth = React.useCallback(() => {
-    changeMonth(utils.getPreviousMonth(currentMonth));
-  }, [changeMonth, currentMonth, utils]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerViewDesktopRoot, {
-    children: getCalendarsArray(calendars).map((_, index) => {
-      const monthOnIteration = utils.setMonth(currentMonth, utils.getMonth(currentMonth) + index);
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateRangePickerViewDesktopContainer, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerViewDesktopArrowSwitcher, {
-          onLeftClick: selectPreviousMonth,
-          onRightClick: selectNextMonth,
-          isLeftHidden: index !== 0,
-          isRightHidden: index !== calendars - 1,
-          isLeftDisabled: isPreviousMonthDisabled,
-          isRightDisabled: isNextMonthDisabled,
-          leftArrowButtonText: leftArrowButtonText,
-          components: components,
-          componentsProps: componentsProps,
-          rightArrowButtonText: rightArrowButtonText,
-          children: utils.format(monthOnIteration, 'monthAndYear')
-        }), /*#__PURE__*/(0, React.createElement)(DateRangePickerViewDesktopCalendar, (0, _extends2.default)({}, other, {
-          key: index,
-          date: date,
-          onFocusedDayChange: _utils.doNothing,
-          onChange: handleDayChange,
-          currentMonth: monthOnIteration,
-          TransitionProps: CalendarTransitionProps,
-          renderDay: (day, __, DayProps) => renderDay(day, (0, _extends2.default)({
-            isPreviewing: (0, _dateUtils.isWithinRange)(utils, day, previewingRange),
-            isStartOfPreviewing: (0, _dateUtils.isStartOfRange)(utils, day, previewingRange),
-            isEndOfPreviewing: (0, _dateUtils.isEndOfRange)(utils, day, previewingRange),
-            isHighlighting: (0, _dateUtils.isWithinRange)(utils, day, date),
-            isStartOfHighlighting: (0, _dateUtils.isStartOfRange)(utils, day, date),
-            isEndOfHighlighting: (0, _dateUtils.isEndOfRange)(utils, day, date),
-            onMouseEnter: () => handlePreviewDayChange(day)
-          }, DayProps))
-        }))]
-      }, index);
-    })
-  });
-}
-
-var _default = DateRangePickerViewDesktop;
-exports.default = _default;