@mui/lab 5.0.0-alpha.75 → 5.0.0-alpha.78

package/legacy/DatePicker/DatePickerToolbar.js

@@ -1,82 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as React from 'react';
-import Typography from '@mui/material/Typography';
-import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/base';
-import PickersToolbar from '../internal/pickers/PickersToolbar';
-import { useUtils } from '../internal/pickers/hooks/useUtils';
-import { isYearAndMonthViews, isYearOnlyView } from './shared';
-import { jsx as _jsx } from "react/jsx-runtime";
-var classes = generateUtilityClasses('PrivateDatePickerToolbar', ['penIcon']);
-var DatePickerToolbarRoot = styled(PickersToolbar)(_defineProperty({}, "& .".concat(classes.penIcon), {
-  position: 'relative',
-  top: 4
-}));
-var DatePickerToolbarTitle = styled(Typography)(function (_ref) {
-  var ownerState = _ref.ownerState;
-  return _extends({}, ownerState.isLandscape && {
-    margin: 'auto 16px auto auto'
-  });
-});
-/**
- * @ignore - internal component.
- */
-
-var DatePickerToolbar = /*#__PURE__*/React.forwardRef(function DatePickerToolbar(props, ref) {
-  var date = props.date,
-      isLandscape = props.isLandscape,
-      isMobileKeyboardViewOpen = props.isMobileKeyboardViewOpen,
-      onChange = props.onChange,
-      toggleMobileKeyboardView = props.toggleMobileKeyboardView,
-      toolbarFormat = props.toolbarFormat,
-      _props$toolbarPlaceho = props.toolbarPlaceholder,
-      toolbarPlaceholder = _props$toolbarPlaceho === void 0 ? '––' : _props$toolbarPlaceho,
-      _props$toolbarTitle = props.toolbarTitle,
-      toolbarTitle = _props$toolbarTitle === void 0 ? 'Select date' : _props$toolbarTitle,
-      views = props.views,
-      other = _objectWithoutProperties(props, ["date", "isLandscape", "isMobileKeyboardViewOpen", "onChange", "toggleMobileKeyboardView", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "views"]);
-
-  var utils = useUtils();
-  var dateText = React.useMemo(function () {
-    if (!date) {
-      return toolbarPlaceholder;
-    }
-
-    if (toolbarFormat) {
-      return utils.formatByString(date, toolbarFormat);
-    }
-
-    if (isYearOnlyView(views)) {
-      return utils.format(date, 'year');
-    }
-
-    if (isYearAndMonthViews(views)) {
-      return utils.format(date, 'month');
-    } // Little localization hack (Google is doing the same for android native pickers):
-    // For english localization it is convenient to include weekday into the date "Mon, Jun 1".
-    // For other locales using strings like "June 1", without weekday.
-
-
-    return /en/.test(utils.getCurrentLocaleCode()) ? utils.format(date, 'normalDateWithWeekday') : utils.format(date, 'normalDate');
-  }, [date, toolbarFormat, toolbarPlaceholder, utils, views]);
-  var ownerState = props;
-  return /*#__PURE__*/_jsx(DatePickerToolbarRoot, _extends({
-    ref: ref,
-    toolbarTitle: toolbarTitle,
-    isMobileKeyboardViewOpen: isMobileKeyboardViewOpen,
-    toggleMobileKeyboardView: toggleMobileKeyboardView,
-    isLandscape: isLandscape,
-    penIconClassName: classes.penIcon,
-    ownerState: ownerState
-  }, other, {
-    children: /*#__PURE__*/_jsx(DatePickerToolbarTitle, {
-      variant: "h4",
-      align: isLandscape ? 'left' : 'center',
-      ownerState: ownerState,
-      children: dateText
-    })
-  }));
-});
-export default DatePickerToolbar;

package/legacy/DatePicker/shared.js

@@ -1,57 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { useThemeProps } from '@mui/material/styles';
-import { useDefaultDates, useUtils } from '../internal/pickers/hooks/useUtils';
-export var isYearOnlyView = function isYearOnlyView(views) {
-  return views.length === 1 && views[0] === 'year';
-};
-export var isYearAndMonthViews = function isYearAndMonthViews(views) {
-  return views.length === 2 && views.indexOf('month') !== -1 && views.indexOf('year') !== -1;
-};
-
-var getFormatAndMaskByViews = function getFormatAndMaskByViews(views, utils) {
-  if (isYearOnlyView(views)) {
-    return {
-      mask: '____',
-      inputFormat: utils.formats.year
-    };
-  }
-
-  if (isYearAndMonthViews(views)) {
-    return {
-      disableMaskedInput: true,
-      inputFormat: utils.formats.monthAndYear
-    };
-  }
-
-  return {
-    mask: '__/__/____',
-    inputFormat: utils.formats.keyboardDate
-  };
-};
-
-export function useDatePickerDefaultizedProps(_ref, name) {
-  var _ref$openTo = _ref.openTo,
-      openTo = _ref$openTo === void 0 ? 'day' : _ref$openTo,
-      _ref$views = _ref.views,
-      views = _ref$views === void 0 ? ['year', 'day'] : _ref$views,
-      minDateProp = _ref.minDate,
-      maxDateProp = _ref.maxDate,
-      other = _objectWithoutProperties(_ref, ["openTo", "views", "minDate", "maxDate"]);
-
-  var utils = useUtils();
-  var defaultDates = useDefaultDates();
-  var minDate = minDateProp != null ? minDateProp : defaultDates.minDate;
-  var maxDate = maxDateProp != null ? maxDateProp : defaultDates.maxDate; // This is technically unsound if the type parameters appear in optional props.
-  // Optional props can be filled by `useThemeProps` with types that don't match the type parameters.
-
-  return useThemeProps({
-    props: _extends({
-      views: views,
-      openTo: openTo,
-      minDate: minDate,
-      maxDate: maxDate
-    }, getFormatAndMaskByViews(views, utils), other),
-    name: name
-  });
-}

package/legacy/DateRangePicker/DateRangePickerInput.js

@@ -1,144 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { useUtils } from '../internal/pickers/hooks/useUtils';
-import { useMaskedInput } from '../internal/pickers/hooks/useMaskedInput';
-import { WrapperVariantContext } from '../internal/pickers/wrappers/WrapperVariantContext';
-import { executeInTheNextEventLoopTick } from '../internal/pickers/utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-var DateRangePickerInputRoot = styled('div')(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty({
-    display: 'flex',
-    alignItems: 'baseline'
-  }, theme.breakpoints.down('xs'), {
-    flexDirection: 'column',
-    alignItems: 'center'
-  });
-});
-
-/**
- * @ignore - internal component.
- */
-var DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRangePickerInput(props, ref) {
-  var currentlySelectingRangeEnd = props.currentlySelectingRangeEnd,
-      disableOpenPicker = props.disableOpenPicker,
-      endText = props.endText,
-      onBlur = props.onBlur,
-      onChange = props.onChange,
-      open = props.open,
-      openPicker = props.openPicker,
-      rawValue = props.rawValue,
-      _props$rawValue = _slicedToArray(props.rawValue, 2),
-      start = _props$rawValue[0],
-      end = _props$rawValue[1],
-      readOnly = props.readOnly,
-      renderInput = props.renderInput,
-      setCurrentlySelectingRangeEnd = props.setCurrentlySelectingRangeEnd,
-      startText = props.startText,
-      TextFieldProps = props.TextFieldProps,
-      _props$validationErro = _slicedToArray(props.validationError, 2),
-      startValidationError = _props$validationErro[0],
-      endValidationError = _props$validationErro[1],
-      other = _objectWithoutProperties(props, ["currentlySelectingRangeEnd", "disableOpenPicker", "endText", "onBlur", "onChange", "open", "openPicker", "rawValue", "rawValue", "readOnly", "renderInput", "setCurrentlySelectingRangeEnd", "startText", "TextFieldProps", "validationError"]);
-
-  var utils = useUtils();
-  var startRef = React.useRef(null);
-  var endRef = React.useRef(null);
-  var wrapperVariant = React.useContext(WrapperVariantContext);
-  React.useEffect(function () {
-    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
-
-  var lazyHandleChangeCallback = React.useCallback(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return executeInTheNextEventLoopTick(function () {
-      return onChange.apply(void 0, args);
-    });
-  }, [onChange]);
-
-  var handleStartChange = function handleStartChange(date, inputString) {
-    lazyHandleChangeCallback([date, utils.date(end)], inputString);
-  };
-
-  var handleEndChange = function handleEndChange(date, inputString) {
-    lazyHandleChangeCallback([utils.date(start), date], inputString);
-  };
-
-  var openRangeStartSelection = function openRangeStartSelection() {
-    if (setCurrentlySelectingRangeEnd) {
-      setCurrentlySelectingRangeEnd('start');
-    }
-
-    if (!readOnly && !disableOpenPicker) {
-      openPicker();
-    }
-  };
-
-  var openRangeEndSelection = function openRangeEndSelection() {
-    if (setCurrentlySelectingRangeEnd) {
-      setCurrentlySelectingRangeEnd('end');
-    }
-
-    if (!readOnly && !disableOpenPicker) {
-      openPicker();
-    }
-  };
-
-  var openOnFocus = wrapperVariant === 'desktop';
-  var startInputProps = useMaskedInput(_extends({}, other, {
-    readOnly: readOnly,
-    rawValue: start,
-    onChange: handleStartChange,
-    label: startText,
-    validationError: startValidationError !== null,
-    TextFieldProps: _extends({}, TextFieldProps, {
-      ref: startRef,
-      focused: open && currentlySelectingRangeEnd === 'start'
-    }),
-    inputProps: {
-      onClick: !openOnFocus ? openRangeStartSelection : undefined,
-      onFocus: openOnFocus ? openRangeStartSelection : undefined
-    }
-  }));
-  var endInputProps = useMaskedInput(_extends({}, other, {
-    readOnly: readOnly,
-    label: endText,
-    rawValue: end,
-    onChange: handleEndChange,
-    validationError: endValidationError !== null,
-    TextFieldProps: _extends({}, TextFieldProps, {
-      ref: endRef,
-      focused: open && currentlySelectingRangeEnd === 'end'
-    }),
-    inputProps: {
-      onClick: !openOnFocus ? openRangeEndSelection : undefined,
-      onFocus: openOnFocus ? openRangeEndSelection : undefined
-    }
-  }));
-  return /*#__PURE__*/_jsx(DateRangePickerInputRoot, {
-    onBlur: onBlur,
-    ref: ref,
-    children: renderInput(startInputProps, endInputProps)
-  });
-});
-export default DateRangePickerInput;

package/legacy/DateRangePicker/DateRangePickerToolbar.js

@@ -1,73 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-var _Typography;
-
-import * as React from 'react';
-import Typography from '@mui/material/Typography';
-import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/base';
-import PickersToolbar from '../internal/pickers/PickersToolbar';
-import { useUtils } from '../internal/pickers/hooks/useUtils';
-import PickersToolbarButton from '../internal/pickers/PickersToolbarButton';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var classes = generateUtilityClasses('PrivateDateRangePickerToolbar', ['penIcon']);
-var DateRangePickerToolbarRoot = styled(PickersToolbar)(_defineProperty({}, "& .".concat(classes.penIcon), {
-  position: 'relative',
-  top: 4
-}));
-var DateRangePickerToolbarContainer = styled('div')({
-  display: 'flex'
-});
-/**
- * @ignore - internal component.
- */
-
-var DateRangePickerToolbar = function DateRangePickerToolbar(_ref) {
-  var currentlySelectingRangeEnd = _ref.currentlySelectingRangeEnd,
-      _ref$date = _slicedToArray(_ref.date, 2),
-      start = _ref$date[0],
-      end = _ref$date[1],
-      endText = _ref.endText,
-      isMobileKeyboardViewOpen = _ref.isMobileKeyboardViewOpen,
-      setCurrentlySelectingRangeEnd = _ref.setCurrentlySelectingRangeEnd,
-      startText = _ref.startText,
-      toggleMobileKeyboardView = _ref.toggleMobileKeyboardView,
-      toolbarFormat = _ref.toolbarFormat,
-      _ref$toolbarTitle = _ref.toolbarTitle,
-      toolbarTitle = _ref$toolbarTitle === void 0 ? 'Select date range' : _ref$toolbarTitle;
-
-  var utils = useUtils();
-  var startDateValue = start ? utils.formatByString(start, toolbarFormat || utils.formats.shortDate) : startText;
-  var endDateValue = end ? utils.formatByString(end, toolbarFormat || utils.formats.shortDate) : endText;
-  return /*#__PURE__*/_jsx(DateRangePickerToolbarRoot, {
-    toolbarTitle: toolbarTitle,
-    isMobileKeyboardViewOpen: isMobileKeyboardViewOpen,
-    toggleMobileKeyboardView: toggleMobileKeyboardView,
-    isLandscape: false,
-    penIconClassName: classes.penIcon,
-    children: /*#__PURE__*/_jsxs(DateRangePickerToolbarContainer, {
-      children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
-        variant: start !== null ? 'h5' : 'h6',
-        value: startDateValue,
-        selected: currentlySelectingRangeEnd === 'start',
-        onClick: function onClick() {
-          return setCurrentlySelectingRangeEnd('start');
-        }
-      }), _Typography || (_Typography = /*#__PURE__*/_jsxs(Typography, {
-        variant: "h5",
-        children: ["\xA0", '–', "\xA0"]
-      })), /*#__PURE__*/_jsx(PickersToolbarButton, {
-        variant: end !== null ? 'h5' : 'h6',
-        value: endDateValue,
-        selected: currentlySelectingRangeEnd === 'end',
-        onClick: function onClick() {
-          return setCurrentlySelectingRangeEnd('end');
-        }
-      })]
-    })
-  });
-};
-
-export default DateRangePickerToolbar;

package/legacy/DateRangePicker/DateRangePickerView.js

@@ -1,181 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { isRangeValid } from '../internal/pickers/date-utils';
-import { calculateRangeChange } from './date-range-manager';
-import { useUtils } from '../internal/pickers/hooks/useUtils';
-import DateRangePickerToolbar from './DateRangePickerToolbar';
-import { useCalendarState } from '../CalendarPicker/useCalendarState';
-import { DateRangePickerViewMobile } from './DateRangePickerViewMobile';
-import { WrapperVariantContext } from '../internal/pickers/wrappers/WrapperVariantContext';
-import { MobileKeyboardInputView } from '../internal/pickers/Picker/Picker';
-import DateRangePickerInput from './DateRangePickerInput';
-import { defaultReduceAnimations } from '../CalendarPicker/CalendarPicker';
-import DateRangePickerViewDesktop from './DateRangePickerViewDesktop';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-/**
- * @ignore - internal component.
- */
-export function DateRangePickerView(props) {
-  var calendars = props.calendars,
-      className = props.className,
-      currentlySelectingRangeEnd = props.currentlySelectingRangeEnd,
-      date = props.date,
-      DateInputProps = props.DateInputProps,
-      defaultCalendarMonth = props.defaultCalendarMonth,
-      _props$disableAutoMon = props.disableAutoMonthSwitching,
-      disableAutoMonthSwitching = _props$disableAutoMon === void 0 ? false : _props$disableAutoMon,
-      disableFuture = props.disableFuture,
-      disableHighlightToday = props.disableHighlightToday,
-      disablePast = props.disablePast,
-      endText = props.endText,
-      isMobileKeyboardViewOpen = props.isMobileKeyboardViewOpen,
-      maxDate = props.maxDate,
-      minDate = props.minDate,
-      onDateChange = props.onDateChange,
-      onMonthChange = props.onMonthChange,
-      open = props.open,
-      _props$reduceAnimatio = props.reduceAnimations,
-      reduceAnimations = _props$reduceAnimatio === void 0 ? defaultReduceAnimations : _props$reduceAnimatio,
-      setCurrentlySelectingRangeEnd = props.setCurrentlySelectingRangeEnd,
-      shouldDisableDate = props.shouldDisableDate,
-      showToolbar = props.showToolbar,
-      startText = props.startText,
-      toggleMobileKeyboardView = props.toggleMobileKeyboardView,
-      toolbarFormat = props.toolbarFormat,
-      toolbarTitle = props.toolbarTitle,
-      other = _objectWithoutProperties(props, ["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"]);
-
-  var utils = useUtils();
-  var wrapperVariant = React.useContext(WrapperVariantContext);
-
-  var _date = _slicedToArray(date, 2),
-      start = _date[0],
-      end = _date[1];
-
-  var _useCalendarState = useCalendarState({
-    date: start || end,
-    defaultCalendarMonth: defaultCalendarMonth,
-    disableFuture: disableFuture,
-    disablePast: disablePast,
-    disableSwitchToMonthOnDayFocus: true,
-    maxDate: maxDate,
-    minDate: minDate,
-    onMonthChange: onMonthChange,
-    reduceAnimations: reduceAnimations,
-    shouldDisableDate: shouldDisableDate
-  }),
-      changeMonth = _useCalendarState.changeMonth,
-      calendarState = _useCalendarState.calendarState,
-      isDateDisabled = _useCalendarState.isDateDisabled,
-      onMonthSwitchingAnimationEnd = _useCalendarState.onMonthSwitchingAnimationEnd,
-      changeFocusedDay = _useCalendarState.changeFocusedDay;
-
-  var toShowToolbar = showToolbar != null ? showToolbar : wrapperVariant !== 'desktop';
-
-  var scrollToDayIfNeeded = function scrollToDayIfNeeded(day) {
-    if (!day || !utils.isValid(day) || isDateDisabled(day)) {
-      return;
-    }
-
-    var currentlySelectedDate = currentlySelectingRangeEnd === 'start' ? start : end;
-
-    if (currentlySelectedDate === null) {
-      // do not scroll if one of ages is not selected
-      return;
-    }
-
-    var displayingMonthRange = wrapperVariant === 'mobile' ? 0 : calendars - 1;
-    var currentMonthNumber = utils.getMonth(calendarState.currentMonth);
-    var requestedMonthNumber = utils.getMonth(day);
-
-    if (!utils.isSameYear(calendarState.currentMonth, day) || requestedMonthNumber < currentMonthNumber || requestedMonthNumber > currentMonthNumber + displayingMonthRange) {
-      var 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(function () {
-    if (disableAutoMonthSwitching || !open) {
-      return;
-    }
-
-    scrollToDayIfNeeded(currentlySelectingRangeEnd === 'start' ? start : end);
-  }, [currentlySelectingRangeEnd, date]); // eslint-disable-line
-
-  var handleChange = React.useCallback(function (newDate) {
-    var _calculateRangeChange = calculateRangeChange({
-      newDate: newDate,
-      utils: utils,
-      range: date,
-      currentlySelectingRangeEnd: currentlySelectingRangeEnd
-    }),
-        nextSelection = _calculateRangeChange.nextSelection,
-        newRange = _calculateRangeChange.newRange;
-
-    setCurrentlySelectingRangeEnd(nextSelection);
-    var isFullRangeSelected = currentlySelectingRangeEnd === 'end' && isRangeValid(utils, newRange);
-    onDateChange(newRange, wrapperVariant, isFullRangeSelected ? 'finish' : 'partial');
-  }, [currentlySelectingRangeEnd, date, onDateChange, setCurrentlySelectingRangeEnd, utils, wrapperVariant]);
-
-  var renderView = function renderView() {
-    var sharedCalendarProps = _extends({
-      date: date,
-      isDateDisabled: isDateDisabled,
-      changeFocusedDay: changeFocusedDay,
-      onChange: handleChange,
-      reduceAnimations: reduceAnimations,
-      disableHighlightToday: disableHighlightToday,
-      onMonthSwitchingAnimationEnd: onMonthSwitchingAnimationEnd,
-      changeMonth: changeMonth,
-      currentlySelectingRangeEnd: currentlySelectingRangeEnd,
-      disableFuture: disableFuture,
-      disablePast: disablePast,
-      minDate: minDate,
-      maxDate: maxDate
-    }, calendarState, other);
-
-    switch (wrapperVariant) {
-      case 'desktop':
-        {
-          return /*#__PURE__*/_jsx(DateRangePickerViewDesktop, _extends({
-            calendars: calendars
-          }, sharedCalendarProps));
-        }
-
-      default:
-        {
-          return /*#__PURE__*/_jsx(DateRangePickerViewMobile, _extends({}, sharedCalendarProps));
-        }
-    }
-  };
-
-  return /*#__PURE__*/_jsxs("div", {
-    className: className,
-    children: [toShowToolbar && /*#__PURE__*/_jsx(DateRangePickerToolbar, {
-      date: date,
-      isMobileKeyboardViewOpen: isMobileKeyboardViewOpen,
-      toggleMobileKeyboardView: toggleMobileKeyboardView,
-      currentlySelectingRangeEnd: currentlySelectingRangeEnd,
-      setCurrentlySelectingRangeEnd: setCurrentlySelectingRangeEnd,
-      startText: startText,
-      endText: endText,
-      toolbarTitle: toolbarTitle,
-      toolbarFormat: toolbarFormat
-    }), isMobileKeyboardViewOpen ? /*#__PURE__*/_jsx(MobileKeyboardInputView, {
-      children: /*#__PURE__*/_jsx(DateRangePickerInput, _extends({
-        disableOpenPicker: true,
-        ignoreInvalidInputs: true
-      }, DateInputProps))
-    }) : renderView()]
-  });
-}
-process.env.NODE_ENV !== "production" ? DateRangePickerView.propTypes = {
-  calendars: PropTypes.oneOf([1, 2, 3]),
-  disableAutoMonthSwitching: PropTypes.bool
-} : void 0;