@material-ui/lab/node/DateRangePicker/DateRangePickerViewMobile.js

Material-UI Lab - Incubator for Material-UI React components.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DateRangePickerViewMobile = DateRangePickerViewMobile;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

var React = _interopRequireWildcard(require("react"));

var _PickersCalendarHeader = _interopRequireDefault(require("../DayPicker/PickersCalendarHeader"));

var _DateRangePickerDay = _interopRequireDefault(require("../DateRangePickerDay/DateRangePickerDay"));

var _useUtils = require("../internal/pickers/hooks/useUtils");

var _PickersCalendar = _interopRequireDefault(require("../DayPicker/PickersCalendar"));

var _propTypes = require("../internal/pickers/constants/prop-types");

var _dateUtils = require("../internal/pickers/date-utils");

var _utils = require("../internal/pickers/utils");

const onlyDateView = ['date'];
/**
 * @ignore - internal component.
 */

function DateRangePickerViewMobile(props) {
  const {
    changeMonth,
    date,
    leftArrowButtonProps,
    leftArrowButtonText,
    leftArrowIcon,
    // eslint-disable-next-line @typescript-eslint/naming-convention
    minDate: __minDate,
    // eslint-disable-next-line @typescript-eslint/naming-convention
    maxDate: __maxDate,
    onChange,
    rightArrowButtonProps,
    rightArrowButtonText,
    rightArrowIcon,
    renderDay = (_, dayProps) => /*#__PURE__*/React.createElement(_DateRangePickerDay.default, dayProps)
  } = props,
        other = (0, _objectWithoutPropertiesLoose2.default)(props, ["changeMonth", "date", "leftArrowButtonProps", "leftArrowButtonText", "leftArrowIcon", "minDate", "maxDate", "onChange", "rightArrowButtonProps", "rightArrowButtonText", "rightArrowIcon", "renderDay"]);
  const utils = (0, _useUtils.useUtils)();

  const minDate = __minDate || utils.date(_propTypes.defaultMinDate);

  const maxDate = __maxDate || utils.date(_propTypes.defaultMaxDate);

  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_PickersCalendarHeader.default, (0, _extends2.default)({
    openView: "date",
    views: onlyDateView,
    onMonthChange: changeMonth,
    leftArrowButtonText: leftArrowButtonText,
    leftArrowButtonProps: leftArrowButtonProps,
    leftArrowIcon: leftArrowIcon,
    rightArrowButtonProps: rightArrowButtonProps,
    rightArrowButtonText: rightArrowButtonText,
    rightArrowIcon: rightArrowIcon,
    minDate: minDate,
    maxDate: maxDate
  }, other)), /*#__PURE__*/React.createElement(_PickersCalendar.default, (0, _extends2.default)({}, other, {
    date: date,
    onChange: onChange,
    onFocusedDayChange: _utils.doNothing,
    renderDay: (day, _, DayProps) => renderDay(day, (0, _extends2.default)({
      isPreviewing: false,
      isStartOfPreviewing: false,
      isEndOfPreviewing: false,
      isHighlighting: (0, _dateUtils.isWithinRange)(utils, day, date),
      isStartOfHighlighting: (0, _dateUtils.isStartOfRange)(utils, day, date),
      isEndOfHighlighting: (0, _dateUtils.isEndOfRange)(utils, day, date)
    }, DayProps))
  })));
}