@roo-ui/components/dist/esm/DatePicker/DatePicker.js

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

import React from 'react';
import PropTypes from 'prop-types';
import Dayzed from 'dayzed';
import subDays from 'date-fns/sub_days';
import { Flex, Box } from '../';
import CalendarNav from './components/CalendarNav';
import CalendarMonth from './components/CalendarMonth';

var DatePicker = function DatePicker(_ref) {
  var monthNames = _ref.monthNames,
      weekdayNames = _ref.weekdayNames,
      monthsToDisplay = _ref.monthsToDisplay,
      stacked = _ref.stacked,
      disabledDates = _ref.disabledDates,
      interactiveDisabledDates = _ref.interactiveDisabledDates,
      rest = _objectWithoutProperties(_ref, ["monthNames", "weekdayNames", "monthsToDisplay", "stacked", "disabledDates", "interactiveDisabledDates"]);

  return React.createElement(Dayzed, _extends({}, rest, {
    monthsToDisplay: monthsToDisplay,
    render: function render(_ref2) {
      var calendars = _ref2.calendars,
          getBackProps = _ref2.getBackProps,
          getForwardProps = _ref2.getForwardProps,
          getDateProps = _ref2.getDateProps;
      if (!calendars.length) return null;
      return React.createElement(Box, {
        position: "relative"
      }, React.createElement(CalendarNav, {
        prevProps: getBackProps({
          calendars: calendars
        }),
        nextProps: getForwardProps({
          calendars: calendars
        })
      }), React.createElement(Flex, {
        flexWrap: "wrap"
      }, calendars.map(function (calendar) {
        return React.createElement(CalendarMonth, {
          key: "".concat(calendar.month).concat(calendar.year),
          monthsToDisplay: monthsToDisplay,
          monthName: monthNames[calendar.month],
          month: calendar.month,
          year: calendar.year,
          stacked: stacked,
          weekdayNames: weekdayNames,
          weeks: calendar.weeks,
          getDateProps: getDateProps,
          disabledDates: disabledDates,
          interactiveDisabledDates: interactiveDisabledDates
        });
      })));
    }
  }));
};

DatePicker.defaultProps = {
  monthsToDisplay: 1,
  firstDayOfWeek: 1,
  stacked: false,
  minDate: subDays(new Date(), 1),
  disabledDates: [],
  monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
  weekdayNames: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
  interactiveDisabledDates: false
};
DatePicker.propTypes = _objectSpread({}, Dayzed.propTypes, {
  monthsToDisplay: PropTypes.number,
  firstDayOfWeek: PropTypes.number,
  stacked: PropTypes.bool,
  minDate: PropTypes.instanceOf(Date),
  disabledDates: PropTypes.arrayOf(PropTypes.instanceOf(Date)),
  interactiveDisabledDates: PropTypes.bool,
  monthNames: PropTypes.arrayOf(PropTypes.string),
  weekdayNames: PropTypes.arrayOf(PropTypes.string)
});
export default DatePicker;