@elliemae/ds-date-picker 1.61.0 → 2.0.0-alpha.12

package/cjs/components/DatePickerController/DatePickerController.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _toArray = require('@babel/runtime/helpers/toArray');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var lodash = require('lodash');
 var PropTypes = require('prop-types');
@@ -17,44 +17,30 @@ var reactDates = require('react-dates');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsIcons = require('@elliemae/ds-icons');
 var defaultPhrases = require('../../defaultPhrases.js');
-var components_DatePickerRenderMonth_DatePickerRenderMonth = require('../DatePickerRenderMonth/DatePickerRenderMonth.js');
-var components_DatePickerNavigation_DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
-var components_DatePickerDay_DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-icon');
-require('../../prop-types-fcbbf657.js');
+var DatePickerRenderMonth = require('../DatePickerRenderMonth/DatePickerRenderMonth.js');
+var DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
+var DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _toArray__default = /*#__PURE__*/_interopDefaultLegacy(_toArray);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('datepicker-range'),
-    classNameElement = _convertPropToCssClas.classNameElement,
-    classNameBlock = _convertPropToCssClas.classNameBlock;
-
-var focusElementOnOpen = lodash.debounce(function (datePickerDom, firstFocusableItemDom, focusCurrentDate) {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const {
+  classNameElement,
+  classNameBlock
+} = dsClassnames.convertPropToCssClassName('datepicker-range');
+const focusElementOnOpen = lodash.debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
   if (datePickerDom) {
-    var currentDay = Array.from(datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__today')).filter(function (el) {
-      return !el.className.includes('CalendarDay__outside');
-    })[0];
-
-    var _datePickerDom$getEle = datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__selected'),
-        _datePickerDom$getEle2 = _slicedToArray__default['default'](_datePickerDom$getEle, 1),
-        calendarDaySelected = _datePickerDom$getEle2[0];
+    const currentDay = Array.from(datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__today')).filter(el => !el.className.includes('CalendarDay__outside'))[0];
+    const [calendarDaySelected] = datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__selected');
 
     if (calendarDaySelected) {
       var _calendarDaySelected$;
@@ -63,43 +49,29 @@ var focusElementOnOpen = lodash.debounce(function (datePickerDom, firstFocusable
     } else if (focusCurrentDate && !calendarDaySelected) currentDay.focus();else {
       var _navButton$focus;
 
-      var navButton = firstFocusableItemDom === null || firstFocusableItemDom === void 0 ? void 0 : firstFocusableItemDom.closest('.DayPickerNavigation_button>div');
+      const navButton = firstFocusableItemDom === null || firstFocusableItemDom === void 0 ? void 0 : firstFocusableItemDom.closest('.DayPickerNavigation_button>div');
       navButton === null || navButton === void 0 ? void 0 : (_navButton$focus = navButton.focus) === null || _navButton$focus === void 0 ? void 0 : _navButton$focus.call(navButton);
     }
   }
 }, 100);
-
-var DSDatePickerController = /*#__PURE__*/function (_React$Component) {
-  _inherits__default['default'](DSDatePickerController, _React$Component);
-
-  var _super = _createSuper(DSDatePickerController);
-
+class DSDatePickerController extends React__default["default"].Component {
   // eslint-disable-next-line react/static-property-placement
-  function DSDatePickerController(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, DSDatePickerController);
+  constructor(props) {
+    super(props);
 
-    _this = _super.call(this, props);
-
-    _this.handleMouseUp = function () {
+    this.handleMouseUp = () => {
       var _focusedElement$blur;
 
-      var focusedElement = document.activeElement;
+      const focusedElement = document.activeElement;
       focusedElement === null || focusedElement === void 0 ? void 0 : (_focusedElement$blur = focusedElement.blur) === null || _focusedElement$blur === void 0 ? void 0 : _focusedElement$blur.call(focusedElement);
     };
 
-    _this.handleKeyDown = function (event) {
-      var _document$getElements = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay'),
-          _document$getElements2 = _toArray__default['default'](_document$getElements),
-          firstDay = _document$getElements2[0],
-          restOfDays = _document$getElements2.slice(1);
-
-      var _restOfDays$slice = restOfDays.slice(-1),
-          _restOfDays$slice2 = _slicedToArray__default['default'](_restOfDays$slice, 1),
-          lastDay = _restOfDays$slice2[0];
-
-      var onClickEscape = _this.props.onClickEscape;
+    this.handleKeyDown = event => {
+      const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
+      const [lastDay] = restOfDays.slice(-1);
+      const {
+        onClickEscape
+      } = this.props;
 
       switch (event.key) {
         case 'Home':
@@ -116,35 +88,40 @@ var DSDatePickerController = /*#__PURE__*/function (_React$Component) {
       }
     };
 
-    _this.getSafeValue = function () {
-      var _this$props = _this.props,
-          value = _this$props.value,
-          date = _this$props.date,
-          defaultValue = _this$props.defaultValue;
-      var selectedDate = _this.state.selectedDate;
-      if (value) return moment__default['default'](value);
-      if (date) return moment__default['default'](date);
-      if (defaultValue) return moment__default['default'](defaultValue);
-      if (selectedDate) return moment__default['default'](selectedDate);
+    this.getSafeValue = () => {
+      const {
+        value,
+        date,
+        defaultValue
+      } = this.props;
+      const {
+        selectedDate
+      } = this.state;
+      if (value) return moment__default["default"](value);
+      if (date) return moment__default["default"](date);
+      if (defaultValue) return moment__default["default"](defaultValue);
+      if (selectedDate) return moment__default["default"](selectedDate);
       return null;
     };
 
-    _this.isControlled = function () {
-      var _this$props2 = _this.props,
-          value = _this$props2.value,
-          date = _this$props2.date;
+    this.isControlled = () => {
+      const {
+        value,
+        date
+      } = this.props;
       return Boolean(value) || Boolean(date);
     };
 
-    _this.handleDateChange = function (date) {
-      var _this$props3 = _this.props,
-          readOnly = _this$props3.readOnly,
-          onDateChange = _this$props3.onDateChange,
-          onChange = _this$props3.onChange;
+    this.handleDateChange = date => {
+      const {
+        readOnly,
+        onDateChange,
+        onChange
+      } = this.props;
 
       if (!readOnly) {
-        if (!_this.isControlled()) {
-          _this.setState({
+        if (!this.isControlled()) {
+          this.setState({
             selectedDate: date
           });
         }
@@ -154,29 +131,25 @@ var DSDatePickerController = /*#__PURE__*/function (_React$Component) {
       }
     };
 
-    _this.handleChange = function (dataInput) {
-      var _this$props4 = _this.props,
-          onDateChange = _this$props4.onDateChange,
-          onChange = _this$props4.onChange;
-      var momentvalue = moment__default['default'](dataInput.target.value);
-
-      _this.setState({
+    this.handleChange = dataInput => {
+      const {
+        onDateChange,
+        onChange
+      } = this.props;
+      const momentvalue = moment__default["default"](dataInput.target.value);
+      this.setState({
         selectedDate: momentvalue
       });
-
       onDateChange(momentvalue);
       onChange(momentvalue);
     };
 
-    _this.handleNavClick = function (date, nav) {
-      var _document$getElements3 = document.getElementsByClassName('DayPickerNavigation_button'),
-          _document$getElements4 = _slicedToArray__default['default'](_document$getElements3, 2),
-          prev = _document$getElements4[0],
-          next = _document$getElements4[1];
-
-      var _this$props5 = _this.props,
-          onPrevMonthClick = _this$props5.onPrevMonthClick,
-          onNextMonthClick = _this$props5.onNextMonthClick;
+    this.handleNavClick = (date, nav) => {
+      const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
+      const {
+        onPrevMonthClick,
+        onNextMonthClick
+      } = this.props;
 
       if (nav === 'prev') {
         var _prev$focus;
@@ -191,81 +164,75 @@ var DSDatePickerController = /*#__PURE__*/function (_React$Component) {
       }
     };
 
-    _this.insideBlur = function (event) {
-      var datePicker = _this.state.datePicker;
+    this.insideBlur = event => {
+      const {
+        datePicker
+      } = this.state;
 
       if (!datePicker.current.contains(event.currentTarget)) {
-        _this.props.onClose();
+        this.props.onClose();
       }
     };
 
-    _this.state = {
+    this.state = {
       selectedDate: null,
-      firstFocusableItem: /*#__PURE__*/React__default['default'].createRef(),
-      datePicker: /*#__PURE__*/React__default['default'].createRef()
+      firstFocusableItem: /*#__PURE__*/React__default["default"].createRef(),
+      datePicker: /*#__PURE__*/React__default["default"].createRef()
     };
-    return _this;
   }
 
-  _createClass__default['default'](DSDatePickerController, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      var _this$state = this.state,
-          datePicker = _this$state.datePicker,
-          firstFocusableItem = _this$state.firstFocusableItem;
-      datePicker.current.addEventListener('mouseup', this.handleMouseUp, false);
-      document.addEventListener('keydown', this.handleKeyDown, false);
-      setTimeout(function () {
-        focusElementOnOpen(datePicker === null || datePicker === void 0 ? void 0 : datePicker.current, firstFocusableItem === null || firstFocusableItem === void 0 ? void 0 : firstFocusableItem.current, _this2.props.focusCurrentDate);
-      }, 400);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var datePicker = this.state.datePicker;
-      datePicker.current.removeEventListener('mouseup', this.handleMouseUp, false);
-      document.removeEventListener('keydown', this.handleKeyDown, false);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props6 = this.props,
-          numberOfMonths = _this$props6.numberOfMonths,
-          enableOutsideDays = _this$props6.enableOutsideDays,
-          transitionDuration = _this$props6.transitionDuration,
-          initialVisibleMonth = _this$props6.initialVisibleMonth,
-          firstDayOfWeek = _this$props6.firstDayOfWeek,
-          keepOpenOnDateSelect = _this$props6.keepOpenOnDateSelect,
-          hideKeyboardShortcutsPanel = _this$props6.hideKeyboardShortcutsPanel,
-          onClose = _this$props6.onClose,
-          phrases = _this$props6.phrases,
-          displayFormatDay = _this$props6.displayFormatDay,
-          isDayBlocked = _this$props6.isDayBlocked,
-          isOutsideRange = _this$props6.isOutsideRange,
-          isDayHighlighted = _this$props6.isDayHighlighted,
-          onOutsideClick = _this$props6.onOutsideClick,
-          key = _this$props6.key,
-          calendarProps = _this$props6.calendarProps;
-      var _this$state2 = this.state,
-          datePicker = _this$state2.datePicker,
-          firstFocusableItem = _this$state2.firstFocusableItem;
-      var safedate = this.getSafeValue();
-      var safeinitialMonth = safedate && safedate.isValid() ? function () {
-        return safedate;
-      } : function () {
-        return initialVisibleMonth;
-      };
-      return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
-        onBlur: this.insideBlur,
-        ref: datePicker,
-        className: classNameBlock('wrapper-day-picker-single-date-controller'),
-        "data-testid": "calendar-wrapper"
-      }, calendarProps), /*#__PURE__*/React__default['default'].createElement(reactDates.DayPickerSingleDateController, {
-        key: key,
+  componentDidMount() {
+    const {
+      datePicker,
+      firstFocusableItem
+    } = this.state;
+    datePicker.current.addEventListener('mouseup', this.handleMouseUp, false);
+    document.addEventListener('keydown', this.handleKeyDown, false);
+    setTimeout(() => {
+      focusElementOnOpen(datePicker === null || datePicker === void 0 ? void 0 : datePicker.current, firstFocusableItem === null || firstFocusableItem === void 0 ? void 0 : firstFocusableItem.current, this.props.focusCurrentDate);
+    }, 400);
+  }
+
+  componentWillUnmount() {
+    const {
+      datePicker
+    } = this.state;
+    datePicker.current.removeEventListener('mouseup', this.handleMouseUp, false);
+    document.removeEventListener('keydown', this.handleKeyDown, false);
+  }
+
+  render() {
+    const {
+      numberOfMonths,
+      enableOutsideDays,
+      transitionDuration,
+      initialVisibleMonth,
+      firstDayOfWeek,
+      keepOpenOnDateSelect,
+      hideKeyboardShortcutsPanel,
+      onClose,
+      phrases,
+      displayFormatDay,
+      isDayBlocked,
+      isOutsideRange,
+      isDayHighlighted,
+      onOutsideClick,
+      key,
+      calendarProps
+    } = this.props;
+    const {
+      datePicker,
+      firstFocusableItem
+    } = this.state;
+    const safedate = this.getSafeValue();
+    const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;
+    return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
+      onBlur: this.insideBlur,
+      ref: datePicker,
+      className: classNameBlock('wrapper-day-picker-single-date-controller'),
+      "data-testid": "calendar-wrapper"
+    }, calendarProps), {}, {
+      children: /*#__PURE__*/_jsx__default["default"](reactDates.DayPickerSingleDateController, {
         date: safedate,
         enableOutsideDays: enableOutsideDays,
         firstDayOfWeek: firstDayOfWeek,
@@ -276,183 +243,118 @@ var DSDatePickerController = /*#__PURE__*/function (_React$Component) {
         isDayHighlighted: isDayHighlighted,
         isOutsideRange: isOutsideRange,
         keepOpenOnDateSelect: keepOpenOnDateSelect,
-        navNext: /*#__PURE__*/React__default['default'].createElement(components_DatePickerNavigation_DatePickerNavigation, {
+        navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
           className: classNameElement('navigation-next')
         }),
-        navPrev: /*#__PURE__*/React__default['default'].createElement(components_DatePickerNavigation_DatePickerNavigation, {
+        navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
           className: classNameElement('navigation-prev'),
           icon: dsIcons.ChevronLeft,
           innerRef: firstFocusableItem
         }),
-        renderMonthElement: components_DatePickerRenderMonth_DatePickerRenderMonth.renderMonthElement,
+        renderMonthElement: DatePickerRenderMonth.renderMonthElement,
         numberOfMonths: numberOfMonths,
         onClose: onClose,
         onDateChange: this.handleDateChange,
-        onNextMonthClick: function onNextMonthClick(e) {
-          _this3.handleNavClick(e, 'next');
+        onNextMonthClick: e => {
+          this.handleNavClick(e, 'next');
         },
         onOutsideClick: onOutsideClick,
-        onPrevMonthClick: function onPrevMonthClick(e) {
-          _this3.handleNavClick(e, 'prev');
+        onPrevMonthClick: e => {
+          this.handleNavClick(e, 'prev');
         },
         phrases: phrases,
-        renderDayContents: function renderDayContents(date) {
-          return /*#__PURE__*/React__default['default'].createElement(components_DatePickerDay_DatePickerDay, {
-            className: classNameElement('day-contents'),
-            date: date.format(displayFormatDay)
-          });
-        },
+        renderDayContents: date => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
+          className: classNameElement('day-contents'),
+          date: date.format(displayFormatDay)
+        }),
         transitionDuration: transitionDuration,
-        onTab: function onTab(e) {
+        onTab: e => {
           if (e.target.classList.contains('CalendarDay')) {
             e.preventDefault();
             onClose();
           }
         }
-      })));
-    }
-  }]);
-
-  return DSDatePickerController;
-}(React__default['default'].Component);
+      }, key)
+    })));
+  }
 
+}
 DSDatePickerController.defaultProps = {
   date: '',
   value: '',
   enableOutsideDays: false,
-  initialVisibleMonth: moment__default['default'](),
+  initialVisibleMonth: moment__default["default"](),
   firstDayOfWeek: 0,
   keepOpenOnDateSelect: true,
   hideKeyboardShortcutsPanel: true,
-  onPrevMonthClick: function onPrevMonthClick() {
-    return null;
-  },
-  onNextMonthClick: function onNextMonthClick() {
-    return null;
-  },
-  onClose: function onClose() {
-    return null;
-  },
-  onChange: function onChange() {
-    return null;
-  },
-  onClickEscape: function onClickEscape() {
-    return null;
-  },
-  onDateChange: function onDateChange() {
-    return null;
-  },
+  onPrevMonthClick: () => null,
+  onNextMonthClick: () => null,
+  onClose: () => null,
+  onChange: () => null,
+  onClickEscape: () => null,
+  onDateChange: () => null,
   phrases: defaultPhrases.SingleDatePickerPhrases,
   // displayFormat: 'L',
   displayFormatDay: 'D',
   transitionDuration: 0,
   // verticalSpacing: 0,
-  isDayBlocked: function isDayBlocked() {
-    return false;
-  },
-  isOutsideRange: function isOutsideRange() {
-    return false;
-  },
-  isDayHighlighted: function isDayHighlighted() {
-    return false;
-  },
+  isDayBlocked: () => false,
+  isOutsideRange: () => false,
+  isDayHighlighted: () => false,
   numberOfMonths: 1
 };
-DSDatePickerController.propTypes = {
-  date: PropTypes__default['default'].instanceOf(Date, moment__default['default']),
-  value: PropTypes__default['default'].oneOf(PropTypes__default['default'].instanceOf(Date), PropTypes__default['default'].instanceOf(moment__default['default'])),
-  enableOutsideDays: PropTypes__default['default'].bool,
-  initialVisibleMonth: PropTypes__default['default'].instanceOf(Date, moment__default['default']),
-  firstDayOfWeek: PropTypes__default['default'].number,
-  keepOpenOnDateSelect: PropTypes__default['default'].bool,
-  hideKeyboardShortcutsPanel: PropTypes__default['default'].bool,
-  onPrevMonthClick: PropTypes__default['default'].func,
-  onNextMonthClick: PropTypes__default['default'].func,
-  onClose: PropTypes__default['default'].func,
-  onClickEscape: PropTypes__default['default'].func,
-  onChange: PropTypes__default['default'].func,
-  onDateChange: PropTypes__default['default'].func,
-  phrases: defaultPhrases.SingleDatePickerPhrases,
-  // displayFormat: PropTypes.string,
-  displayFormatDay: PropTypes__default['default'].string,
-  transitionDuration: PropTypes__default['default'].number,
-  // verticalSpacing: PropTypes.number,
-  isDayBlocked: PropTypes__default['default'].func,
-  isOutsideRange: PropTypes__default['default'].func,
-  isDayHighlighted: PropTypes__default['default'].func,
-  numberOfMonths: PropTypes__default['default'].number
-};
 DSDatePickerController.defaultProps = {
   date: '',
   value: '',
   enableOutsideDays: false,
-  initialVisibleMonth: moment__default['default'](),
+  initialVisibleMonth: moment__default["default"](),
   firstDayOfWeek: 0,
   keepOpenOnDateSelect: true,
   hideKeyboardShortcutsPanel: true,
-  onPrevMonthClick: function onPrevMonthClick() {
-    return null;
-  },
-  onNextMonthClick: function onNextMonthClick() {
-    return null;
-  },
-  onClose: function onClose() {
-    return null;
-  },
-  onClickEscape: function onClickEscape() {
-    return null;
-  },
-  onChange: function onChange() {
-    return null;
-  },
-  onDateChange: function onDateChange() {
-    return null;
-  },
-  phrases: PropTypes__default['default'].shape({
-    calendarLabel: PropTypes__default['default'].string,
-    closeDatePicker: PropTypes__default['default'].string,
-    clearDates: PropTypes__default['default'].string,
-    focusStartDate: PropTypes__default['default'].string,
-    jumpToPrevMonth: PropTypes__default['default'].string,
-    jumpToNextMonth: PropTypes__default['default'].string,
-    keyboardShortcuts: PropTypes__default['default'].string,
-    showKeyboardShortcutsPanel: PropTypes__default['default'].string,
-    hideKeyboardShortcutsPanel: PropTypes__default['default'].string,
-    openThisPanel: PropTypes__default['default'].string,
-    enterKey: PropTypes__default['default'].string,
-    leftArrowRightArrow: PropTypes__default['default'].string,
-    upArrowDownArrow: PropTypes__default['default'].string,
-    pageUpPageDown: PropTypes__default['default'].string,
-    homeEnd: PropTypes__default['default'].string,
-    escape: PropTypes__default['default'].string,
-    questionMark: PropTypes__default['default'].string,
-    selectFocusedDate: PropTypes__default['default'].string,
-    moveFocusByOneDay: PropTypes__default['default'].string,
-    moveFocusByOneWeek: PropTypes__default['default'].string,
-    moveFocusByOneMonth: PropTypes__default['default'].string,
-    moveFocustoStartAndEndOfWeek: PropTypes__default['default'].string,
-    returnFocusToInput: PropTypes__default['default'].string,
-    keyboardNavigationInstructions: PropTypes__default['default'].string,
-    chooseAvailableStartDate: PropTypes__default['default'].func,
-    chooseAvailableEndDate: PropTypes__default['default'].func,
-    dateIsUnavailable: PropTypes__default['default'].func,
-    dateIsSelected: PropTypes__default['default'].func
+  onPrevMonthClick: () => null,
+  onNextMonthClick: () => null,
+  onClose: () => null,
+  onClickEscape: () => null,
+  onChange: () => null,
+  onDateChange: () => null,
+  phrases: PropTypes__default["default"].shape({
+    calendarLabel: PropTypes__default["default"].string,
+    closeDatePicker: PropTypes__default["default"].string,
+    clearDates: PropTypes__default["default"].string,
+    focusStartDate: PropTypes__default["default"].string,
+    jumpToPrevMonth: PropTypes__default["default"].string,
+    jumpToNextMonth: PropTypes__default["default"].string,
+    keyboardShortcuts: PropTypes__default["default"].string,
+    showKeyboardShortcutsPanel: PropTypes__default["default"].string,
+    hideKeyboardShortcutsPanel: PropTypes__default["default"].string,
+    openThisPanel: PropTypes__default["default"].string,
+    enterKey: PropTypes__default["default"].string,
+    leftArrowRightArrow: PropTypes__default["default"].string,
+    upArrowDownArrow: PropTypes__default["default"].string,
+    pageUpPageDown: PropTypes__default["default"].string,
+    homeEnd: PropTypes__default["default"].string,
+    escape: PropTypes__default["default"].string,
+    questionMark: PropTypes__default["default"].string,
+    selectFocusedDate: PropTypes__default["default"].string,
+    moveFocusByOneDay: PropTypes__default["default"].string,
+    moveFocusByOneWeek: PropTypes__default["default"].string,
+    moveFocusByOneMonth: PropTypes__default["default"].string,
+    moveFocustoStartAndEndOfWeek: PropTypes__default["default"].string,
+    returnFocusToInput: PropTypes__default["default"].string,
+    keyboardNavigationInstructions: PropTypes__default["default"].string,
+    chooseAvailableStartDate: PropTypes__default["default"].func,
+    chooseAvailableEndDate: PropTypes__default["default"].func,
+    dateIsUnavailable: PropTypes__default["default"].func,
+    dateIsSelected: PropTypes__default["default"].func
   }),
   // displayFormat: 'L',
   displayFormatDay: 'D',
   transitionDuration: 0,
   // verticalSpacing: 0,
-  isDayBlocked: function isDayBlocked() {
-    return false;
-  },
-  isOutsideRange: function isOutsideRange() {
-    return false;
-  },
-  isDayHighlighted: function isDayHighlighted() {
-    return false;
-  },
+  isDayBlocked: () => false,
+  isOutsideRange: () => false,
+  isDayHighlighted: () => false,
   numberOfMonths: 1
 };
 
 module.exports = DSDatePickerController;
-//# sourceMappingURL=DatePickerController.js.map