@elliemae/ds-date-range-picker 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/DSDateRangePicker.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
@@ -22,49 +27,50 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
 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 _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; }
+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 DSDateRangePicker = ({
-  containerProps = {},
-  className = '',
-  disabled = false,
-  required = false,
-  startDateRequired = false,
-  endDateRequired = false,
-  id,
-  hasError = false,
-  validationMessage = '',
-  readOnly = false,
-  screenReaderInputMessage = 'Select date',
-  initialVisibleMonth = moment__default['default'](),
-  firstDayOfWeek = 0,
-  keepOpenOnDateSelect = true,
-  reopenPickerOnClearDates = false,
-  hideKeyboardShortcutsPanel = true,
-  onPrevMonthClick = () => null,
-  onNextMonthClick = () => null,
-  onClose = () => null,
-  onOutsideClick = () => null,
-  transitionDuration = 0,
-  verticalSpacing = 0,
-  minimumNights = 0,
-  isDayBlocked = () => false,
-  isOutsideRange = () => false,
-  isDayHighlighted = () => false,
-  displayFormat = 'L',
-  displayFormatDay = 'D',
-  phrases = defaultPhrases.DateRangePickerPhrases,
-  startDate,
-  endDate,
-  startDateId = 'startDateId',
-  endDateId = 'endDateId',
-  labelFrom = 'From',
-  labelTo = 'To',
-  enableOutsideDays = true,
-  onChangeStartInput = () => null,
-  onChangeEndInput = () => null,
-  onDatesChange = () => null
-}) => {
+const DSDateRangePicker = _ref => {
+  let {
+    containerProps = {},
+    className = '',
+    disabled = false,
+    required = false,
+    startDateRequired = false,
+    endDateRequired = false,
+    id,
+    hasError = false,
+    validationMessage = '',
+    readOnly = false,
+    screenReaderInputMessage = 'Select date',
+    initialVisibleMonth = moment__default["default"](),
+    firstDayOfWeek = 0,
+    keepOpenOnDateSelect = true,
+    reopenPickerOnClearDates = false,
+    hideKeyboardShortcutsPanel = true,
+    onPrevMonthClick = () => null,
+    onNextMonthClick = () => null,
+    onClose = () => null,
+    onOutsideClick = () => null,
+    transitionDuration = 0,
+    verticalSpacing = 0,
+    minimumNights = 0,
+    isDayBlocked = () => false,
+    isOutsideRange = () => false,
+    isDayHighlighted = () => false,
+    displayFormat = 'L',
+    displayFormatDay = 'D',
+    phrases = defaultPhrases.DateRangePickerPhrases,
+    startDate,
+    endDate,
+    startDateId = 'startDateId',
+    endDateId = 'endDateId',
+    labelFrom = 'From',
+    labelTo = 'To',
+    enableOutsideDays = true,
+    onChangeStartInput = () => null,
+    onChangeEndInput = () => null,
+    onDatesChange = () => null
+  } = _ref;
   const {
     cssClassName,
     prefixBlockName
@@ -75,8 +81,8 @@ const DSDateRangePicker = ({
     id
   });
   return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    className: `${prefixBlockName}-range ${cssClassName} ${prefixBlockName}-range`,
-    children: /*#__PURE__*/_jsx__default['default'](DSDateRangePickerImpl['default'], {
+    className: "".concat(prefixBlockName, "-range ").concat(cssClassName, " ").concat(prefixBlockName, "-range"),
+    children: /*#__PURE__*/_jsx__default["default"](DSDateRangePickerImpl["default"], {
       appendToBody: true,
       disabled: disabled,
       displayFormat: displayFormat,
@@ -86,7 +92,7 @@ const DSDateRangePicker = ({
       endDateId: endDateId,
       firstDayOfWeek: firstDayOfWeek,
       hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-      initialVisibleMonth: () => initialVisibleMonth ? moment__default['default'](initialVisibleMonth) : moment__default['default'](startDate),
+      initialVisibleMonth: () => initialVisibleMonth ? moment__default["default"](initialVisibleMonth) : moment__default["default"](startDate),
       isDayBlocked: isDayBlocked,
       isDayHighlighted: isDayHighlighted,
       isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
@@ -130,7 +136,7 @@ const dateRangePickerProps = {
   validationMessage: reactDesc.PropTypes.string.description('validation message'),
   readOnly: reactDesc.PropTypes.bool.description('component is read only or not').description(false),
   screenReaderInputMessage: reactDesc.PropTypes.string.description('message to be anounced by screen reader').defaultValue('select date'),
-  initialVisibleMonth: reactDesc.PropTypes.instanceOf(Date, moment__default['default']).description('initial visible month'),
+  initialVisibleMonth: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('initial visible month'),
   firstDayOfWeek: reactDesc.PropTypes.number.description('first day of week').defaultValue(0),
   keepOpenOnDateSelect: reactDesc.PropTypes.bool.description('keep picker open when a date is selected').defaultValue(true),
   reopenPickerOnClearDates: reactDesc.PropTypes.bool.description('reopen picker when clearing dates').defaultValue(false),
@@ -176,8 +182,8 @@ const dateRangePickerProps = {
     dateIsUnavailable: reactDesc.PropTypes.func,
     dateIsSelected: reactDesc.PropTypes.func
   }).description('react-dates phrases'),
-  startDate: reactDesc.PropTypes.instanceOf(Date, moment__default['default']).description('start date value'),
-  endDate: reactDesc.PropTypes.instanceOf(Date, moment__default['default']).description('end date value'),
+  startDate: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('start date value'),
+  endDate: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('end date value'),
   startDateId: reactDesc.PropTypes.string.description('start date id'),
   endDateId: reactDesc.PropTypes.string.description('end date id'),
   labelFrom: reactDesc.PropTypes.string.description('label of start date input'),
@@ -195,4 +201,4 @@ exports.DayPickerRangeController = DayPickerRangeController;
 exports.END_DATE = DSDateRangePickerImpl.END_DATE;
 exports.START_DATE = DSDateRangePickerImpl.START_DATE;
 exports.DateRangePickerWithSchema = DateRangePickerWithSchema;
-exports['default'] = DSDateRangePicker;
+exports["default"] = DSDateRangePicker;

package/cjs/components/DSDateRangePickerImpl.js

@@ -3,13 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var moment = require('moment');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSInputMask = require('@elliemae/ds-basic/form/InputMask');
-var DSFormItemLayout = require('@elliemae/ds-basic/form/FormItem');
-var DSPopper = require('@elliemae/ds-basic/Popper');
+var DSInputMask = require('@elliemae/ds-form');
+var DSPopper = require('@elliemae/ds-popper');
 var dsDatePicker = require('@elliemae/ds-date-picker');
 var DayPickerRangeController = require('./DayPickerRangeController.js');
 var isMaxDiffSafe = require('../isMaxDiffSafe.js');
@@ -17,11 +15,8 @@ var isMaxDiffSafe = require('../isMaxDiffSafe.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
-var DSFormItemLayout__default = /*#__PURE__*/_interopDefaultLegacy(DSFormItemLayout);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 
 const START_DATE = 'startDate';
@@ -30,14 +25,15 @@ const {
   classNameElement,
   classNameBlock
 } = dsClassnames.convertPropToCssClassName('datepicker');
-class DSDateRangePickerImpl extends React__default['default'].Component {
+class DSDateRangePickerImpl extends React__default["default"].Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default['default'](this, "onDatesChange", ({
-      startDate,
-      endDate
-    }) => {
+    this.onDatesChange = _ref => {
+      let {
+        startDate,
+        endDate
+      } = _ref;
       const {
         onDatesChange
       } = this.props;
@@ -56,23 +52,26 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
         primaryStartInput: false,
         primaryEndInput: false
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "onFocusChange", () => {
-      this.setState(({
-        focusedInput
-      }) => ({
-        focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
-      }));
-    });
+    this.onFocusChange = () => {
+      this.setState(_ref2 => {
+        let {
+          focusedInput
+        } = _ref2;
+        return {
+          focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
+        };
+      });
+    };
 
-    _defineProperty__default['default'](this, "handleKeyDown", event => {
+    this.handleKeyDown = event => {
       if (event.key === 'Escape') this.setState({
         showPicker: false
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "getSafeStartInputValue", () => {
+    this.getSafeStartInputValue = () => {
       const {
         startInput,
         primaryStartInput,
@@ -81,9 +80,9 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
       if (primaryStartInput && startInput) return startInput;
       if (!startDate) return '';
       return startDate.format('MMDDYYYY');
-    });
+    };
 
-    _defineProperty__default['default'](this, "getSafeEndInputValue", () => {
+    this.getSafeEndInputValue = () => {
       const {
         endInput,
         primaryEndInput,
@@ -92,9 +91,9 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
       if (primaryEndInput && endInput) return endInput;
       if (!endDate) return '';
       return endDate.format('MMDDYYYY');
-    });
+    };
 
-    _defineProperty__default['default'](this, "changeFocus", () => {
+    this.changeFocus = () => {
       const {
         disabled
       } = this.props;
@@ -104,9 +103,9 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
           focusedInput: 'startDate'
         }));
       }
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleChangeStart", e => {
+    this.handleChangeStart = e => {
       var _momentValue;
 
       const {
@@ -120,8 +119,8 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
       const startInputVal = e.target.value;
       let momentValue = null;
 
-      if (startInputVal && moment__default['default'](startInputVal, 'MM/DD/YYYY', true).isValid()) {
-        momentValue = moment__default['default'](startInputVal);
+      if (startInputVal && moment__default["default"](startInputVal, 'MM/DD/YYYY', true).isValid()) {
+        momentValue = moment__default["default"](startInputVal);
       }
 
       const startDateBlocked = isDayBlocked(momentValue);
@@ -139,9 +138,9 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
         startDateError: invalidDate,
         endDateError: !isStartDateAcceptable || !prevState.endDateError ? prevState.endDateError : !isStartAcceptableWithSelectedEnd
       }));
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleChangeEnd", e => {
+    this.handleChangeEnd = e => {
       var _momentValue2;
 
       const {
@@ -155,15 +154,18 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
       const endInputValue = e.target.value;
       let momentValue = null;
 
-      if (endInputValue && moment__default['default'](endInputValue, 'MM/DD/YYYY', true).isValid()) {
-        momentValue = moment__default['default'](endInputValue);
+      if (endInputValue && moment__default["default"](endInputValue, 'MM/DD/YYYY', true).isValid()) {
+        momentValue = moment__default["default"](endInputValue);
       }
 
       const endDateBlocked = isDayBlocked(momentValue);
       const isEndDateAcceptable = !endDateBlocked && momentValue && endInputValue !== '';
       const areDatesValid = startDate && momentValue && (startDate === null || startDate === void 0 ? void 0 : startDate.isValid()) && ((_momentValue2 = momentValue) === null || _momentValue2 === void 0 ? void 0 : _momentValue2.isValid());
       const canEndBeSameAsStart = minimumNights === 0;
-      const isEndAcceptableWithSelectedStart = !startDate || areDatesValid && (canEndBeSameAsStart && momentValue.diff(startDate, 'days') >= 0 || !canEndBeSameAsStart && momentValue.diff(startDate, 'days') > 0); // only > is valid
+      const isEndAcceptableWithSelectedStart = !startDate || // we can't compare with start date because it's not yet set
+      areDatesValid && ( // it's set and both are valid
+      canEndBeSameAsStart && momentValue.diff(startDate, 'days') >= 0 || // >= is valid
+      !canEndBeSameAsStart && momentValue.diff(startDate, 'days') > 0); // only > is valid
 
       const invalidDate = !isEndDateAcceptable || !isEndAcceptableWithSelectedStart;
       if (endDateBlocked) momentValue = null;
@@ -175,22 +177,24 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
         startDateError: !isEndDateAcceptable || !prevState.startDateError ? prevState.startDateError : !isEndAcceptableWithSelectedStart,
         endDateError: invalidDate
       }));
-    });
+    };
+
+    this.handleChangeDate = _ref3 => {
+      let {
+        startDate: _start,
+        endDate
+      } = _ref3;
 
-    _defineProperty__default['default'](this, "handleChangeDate", ({
-      startDate: _start,
-      endDate
-    }) => {
       if (_start && endDate) {
         this.setState({
-          startDate: moment__default['default'](_start),
+          startDate: moment__default["default"](_start),
           endDate,
           primaryStartInput: false,
           primaryEndInput: false
         });
       } else if (_start) {
         this.setState({
-          startDate: moment__default['default'](_start),
+          startDate: moment__default["default"](_start),
           primaryStartInput: false
         });
       } else if (endDate) {
@@ -199,11 +203,11 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
           primaryEndInput: false
         });
       }
-    });
+    };
 
     this.state = {
-      startDate: props.startDate ? moment__default['default'](props.startDate) : null,
-      endDate: props.endDate ? moment__default['default'](props.endDate) : null,
+      startDate: props.startDate ? moment__default["default"](props.startDate) : null,
+      endDate: props.endDate ? moment__default["default"](props.endDate) : null,
       focusedInput: START_DATE,
       showPicker: false,
       startDateError: false,
@@ -251,13 +255,13 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
     const inputClassModifier = '';
     const safeStartInputValue = this.getSafeStartInputValue();
     const safeEndInputValue = this.getSafeEndInputValue();
-    return /*#__PURE__*/_jsx__default['default']("div", {
-      className: `${inputClass} ${inputClassModifier}`
-    }, void 0, /*#__PURE__*/_jsx__default['default']("div", {
+    return /*#__PURE__*/_jsx__default["default"]("div", {
+      className: "".concat(inputClass, " ").concat(inputClassModifier)
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameBlock('wrapper-input-date-range-picker-controller')
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSFormItemLayout__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask.DSFormItemLayout, {
       floatingLabel: true,
-      inputComponent: DSInputMask__default['default'],
+      inputComponent: DSInputMask.DSInputMask,
       labelText: labelFrom,
       mask: DSInputMask.MASK_TYPES.DATE,
       onChange: this.handleChangeStart,
@@ -269,9 +273,9 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
       required: startDateRequired,
       hasError: hasError || startDateError,
       placeholder: "MM/DD/YYYY"
-    }), /*#__PURE__*/_jsx__default['default'](DSFormItemLayout__default['default'], {
+    }), /*#__PURE__*/_jsx__default["default"](DSInputMask.DSFormItemLayout, {
       floatingLabel: true,
-      inputComponent: DSInputMask__default['default'],
+      inputComponent: DSInputMask.DSInputMask,
       labelText: labelTo,
       mask: DSInputMask.MASK_TYPES.DATE,
       onChange: this.handleChangeEnd,
@@ -284,10 +288,10 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
       hasError: hasError || endDateError,
       validationMessage: validationMessage,
       placeholder: "MM/DD/YYYY"
-    })), /*#__PURE__*/_jsx__default['default']("div", {
+    })), /*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameBlock('wrapper-button-date-range-picker-controller')
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSPopper__default['default'], {
-      contentComponent: /*#__PURE__*/_jsx__default['default']("div", {}, void 0, showPicker && /*#__PURE__*/_jsx__default['default'](DayPickerRangeController, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
+      contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, showPicker && /*#__PURE__*/_jsx__default["default"](DayPickerRangeController, {
         enableOutsideDays: enableOutsideDays,
         isDayBlocked: isDayBlocked,
         isDayHighlighted: isDayHighlighted,
@@ -314,17 +318,17 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
       onClose: onClose,
       placement: "bottom-end",
       showArrow: false,
-      triggerComponent: /*#__PURE__*/_jsx__default['default']("div", {
+      triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {
         onFocus: () => this.setState({
           showPicker: true
         })
-      }, void 0, /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerPicker, {
+      }, void 0, /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerPicker, {
         className: classNameElement('picker'),
         disabled: disabled,
         onClick: () => this.setState({
           showPicker: true
         })
-      }), hasError && validationMessage && /*#__PURE__*/_jsx__default['default']("div", {
+      }), hasError && validationMessage && /*#__PURE__*/_jsx__default["default"]("div", {
         style: {
           height: 15
         }
@@ -336,4 +340,4 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
 
 exports.END_DATE = END_DATE;
 exports.START_DATE = START_DATE;
-exports['default'] = DSDateRangePickerImpl;
+exports["default"] = DSDateRangePickerImpl;

package/cjs/components/DatePickerLabel/DatePickerLabel.js

@@ -7,11 +7,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const Label = ({
-  className = 'date-picker-label',
-  label = ''
-}) => /*#__PURE__*/_jsx__default['default']("div", {
-  className: className
-}, void 0, /*#__PURE__*/_jsx__default['default']("span", {}, void 0, label));
+const Label = _ref => {
+  let {
+    className = 'date-picker-label',
+    label = ''
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: className
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, label));
+};
 
 module.exports = Label;

package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var moment = require('moment');
-var DSInputMask = require('@elliemae/ds-basic/form/InputMask');
-var DSInputGroup = require('@elliemae/ds-basic/form/InputGroup');
+var DSInputMask = require('@elliemae/ds-form');
 var dsClassnames = require('@elliemae/ds-classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,7 +12,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
-var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
 
 const blockname = 'date-range-picker';
 const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header');
@@ -23,14 +22,15 @@ const formatDate = date => {
   }
 };
 
-const DatePickerRangeHeader = ({
-  placeholderStart = 'Start Date',
-  placeholderEnd = 'End Date',
-  onStartInputChange = () => null,
-  onEndInputChange = () => null,
-  selectedStartDate,
-  selectedEndDate
-}) => {
+const DatePickerRangeHeader = _ref => {
+  let {
+    placeholderStart = 'Start Date',
+    placeholderEnd = 'End Date',
+    onStartInputChange = () => null,
+    onEndInputChange = () => null,
+    selectedStartDate,
+    selectedEndDate
+  } = _ref;
   const [startValue, setStartValue] = React.useState(selectedStartDate ? formatDate(selectedStartDate) : '');
   const [endValue, setEndValue] = React.useState(selectedEndDate ? formatDate(selectedEndDate) : '');
   React.useEffect(() => {
@@ -52,18 +52,18 @@ const DatePickerRangeHeader = ({
 
   const handleOnBlurStart = e => {
     const newStartValue = e.target.value;
-    onStartInputChange(moment__default['default'](newStartValue));
+    onStartInputChange(moment__default["default"](newStartValue));
   };
 
   const handleOnBlurEnd = e => {
     const newEndValue = e.target.value;
-    onEndInputChange(moment__default['default'](newEndValue));
+    onEndInputChange(moment__default["default"](newEndValue));
   };
 
   const handleOnKeyDownStart = e => {
     if (e.key === 'Enter') {
       const newValue = e.target.value;
-      onStartInputChange(moment__default['default'](newValue));
+      onStartInputChange(moment__default["default"](newValue));
       e.target.blur();
     }
   };
@@ -71,12 +71,12 @@ const DatePickerRangeHeader = ({
   const handleOnKeyDownEnd = e => {
     if (e.key === 'Enter') {
       const newValue = e.target.value;
-      onEndInputChange(moment__default['default'](newValue));
+      onEndInputChange(moment__default["default"](newValue));
       e.target.blur();
     }
   };
 
-  return /*#__PURE__*/_jsx__default['default'](Header, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSInputGroup__default['default'], {}, void 0, /*#__PURE__*/_jsx__default['default'](DSInputMask__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask.DSInputGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
     "aria-label": placeholderStart || 'Date Picker Input Mask',
     mask: DSInputMask.MASK_TYPES.DATE,
     onBlur: handleOnBlurStart,
@@ -85,7 +85,7 @@ const DatePickerRangeHeader = ({
     pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
     placeholder: placeholderStart,
     value: startValue
-  }), /*#__PURE__*/_jsx__default['default'](DSInputMask__default['default'], {
+  }), /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
     "aria-label": placeholderEnd || 'Date Picker Input Mask',
     mask: DSInputMask.MASK_TYPES.DATE,
     onBlur: handleOnBlurEnd,

package/cjs/components/DayPickerRangeController.js

@@ -3,10 +3,16 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDates = require('react-dates');
 var dsDatePicker = require('@elliemae/ds-date-picker');
-var ChevronLeft = require('@elliemae/ds-icons/ChevronLeft');
+var dsIcons = require('@elliemae/ds-icons');
 var dsClassnames = require('@elliemae/ds-classnames');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -15,13 +21,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var ChevronLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeft);
 
 const _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "enableOutsideDays", "onDatesChange", "onFocusChange", "onOutsideClick", "isDayBlocked", "isDayHighlighted", "isOutsideRange", "onNextMonthClick", "onPrevMonthClick"];
 
 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 _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; }
+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
@@ -43,7 +48,7 @@ const DayPickerRangeController = _ref => {
     onNextMonthClick = () => null,
     onPrevMonthClick = () => null
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const datePickerRef = React.useRef();
   React.useEffect(() => {
@@ -117,19 +122,19 @@ const DayPickerRangeController = _ref => {
       focused: true,
       focusedInput: focusedInput,
       hideKeyboardShortcutsPanel: true,
-      navNext: /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerNavigation, {
+      navNext: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
         className: classNameElement('navigation-next')
       }),
-      navPrev: /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerNavigation, {
+      navPrev: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
         className: classNameElement('navigation-prev'),
-        icon: ChevronLeft__default['default']
+        icon: dsIcons.ChevronLeft
       }),
       onDatesChange: onDatesChange,
       onFocusChange: onFocusChange,
       onOutsideClick: onOutsideClick,
       onNextMonthClick: onNextMonthClick,
       onPrevMonthClick: onPrevMonthClick,
-      renderDayContents: date => /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerDay, {
+      renderDayContents: date => /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerDay, {
         className: classNameElement('day-contents'),
         date: date.format(displayFormatDay)
       }),

package/cjs/index.js

@@ -9,7 +9,7 @@ var DSDateRangePickerImpl = require('./components/DSDateRangePickerImpl.js');
 
 
 exports.DateRangePickerWithSchema = DSDateRangePicker.DateRangePickerWithSchema;
-exports.default = DSDateRangePicker['default'];
+exports["default"] = DSDateRangePicker["default"];
 exports.DayPickerRangeController = DayPickerRangeController;
 exports.END_DATE = DSDateRangePickerImpl.END_DATE;
 exports.START_DATE = DSDateRangePickerImpl.START_DATE;