@elliemae/ds-date-range-picker 2.0.0-alpha.9 → 2.0.0-next.11

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');
@@ -24,47 +29,48 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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,7 +81,7 @@ const DSDateRangePicker = ({
     id
   });
   return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    className: `${prefixBlockName}-range ${cssClassName} ${prefixBlockName}-range`,
+    className: "".concat(prefixBlockName, "-range ").concat(cssClassName, " ").concat(prefixBlockName, "-range"),
     children: /*#__PURE__*/_jsx__default["default"](DSDateRangePickerImpl["default"], {
       appendToBody: true,
       disabled: disabled,

package/cjs/components/DSDateRangePickerImpl.js

@@ -7,9 +7,8 @@ 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');
@@ -20,8 +19,6 @@ 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';
@@ -34,10 +31,11 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default["default"](this, "onDatesChange", ({
-      startDate,
-      endDate
-    }) => {
+    _defineProperty__default["default"](this, "onDatesChange", _ref => {
+      let {
+        startDate,
+        endDate
+      } = _ref;
       const {
         onDatesChange
       } = this.props;
@@ -59,11 +57,14 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
     });
 
     _defineProperty__default["default"](this, "onFocusChange", () => {
-      this.setState(({
-        focusedInput
-      }) => ({
-        focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
-      }));
+      this.setState(_ref2 => {
+        let {
+          focusedInput
+        } = _ref2;
+        return {
+          focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
+        };
+      });
     });
 
     _defineProperty__default["default"](this, "handleKeyDown", event => {
@@ -163,7 +164,10 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
       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;
@@ -177,10 +181,12 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
       }));
     });
 
-    _defineProperty__default["default"](this, "handleChangeDate", ({
-      startDate: _start,
-      endDate
-    }) => {
+    _defineProperty__default["default"](this, "handleChangeDate", _ref3 => {
+      let {
+        startDate: _start,
+        endDate
+      } = _ref3;
+
       if (_start && endDate) {
         this.setState({
           startDate: moment__default["default"](_start),
@@ -252,12 +258,12 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
     const safeStartInputValue = this.getSafeStartInputValue();
     const safeEndInputValue = this.getSafeEndInputValue();
     return /*#__PURE__*/_jsx__default["default"]("div", {
-      className: `${inputClass} ${inputClassModifier}`
+      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 +275,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,

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(() => {
@@ -76,7 +76,7 @@ const DatePickerRangeHeader = ({
     }
   };
 
-  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,

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,7 +21,6 @@ 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"];
 
@@ -122,7 +127,7 @@ const DayPickerRangeController = _ref => {
       }),
       navPrev: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
         className: classNameElement('navigation-prev'),
-        icon: ChevronLeft__default["default"]
+        icon: dsIcons.ChevronLeft
       }),
       onDatesChange: onDatesChange,
       onFocusChange: onFocusChange,

package/esm/DSDateRangePicker.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
@@ -15,47 +20,48 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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(),
-  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 = 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(),
+    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 = DateRangePickerPhrases,
+    startDate,
+    endDate,
+    startDateId = 'startDateId',
+    endDateId = 'endDateId',
+    labelFrom = 'From',
+    labelTo = 'To',
+    enableOutsideDays = true,
+    onChangeStartInput = () => null,
+    onChangeEndInput = () => null,
+    onDatesChange = () => null
+  } = _ref;
   const {
     cssClassName,
     prefixBlockName
@@ -66,7 +72,7 @@ const DSDateRangePicker = ({
     id
   });
   return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    className: `${prefixBlockName}-range ${cssClassName} ${prefixBlockName}-range`,
+    className: "".concat(prefixBlockName, "-range ").concat(cssClassName, " ").concat(prefixBlockName, "-range"),
     children: /*#__PURE__*/_jsx(DSDateRangePickerImpl, {
       appendToBody: true,
       disabled: disabled,

package/esm/components/DSDateRangePickerImpl.js

@@ -3,9 +3,8 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React from 'react';
 import moment from 'moment';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSInputMask, { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
-import DSFormItemLayout from '@elliemae/ds-basic/form/FormItem';
-import DSPopper from '@elliemae/ds-basic/Popper';
+import { DSFormItemLayout, DSInputMask, MASK_TYPES, MASK_PIPES } from '@elliemae/ds-form';
+import DSPopper from '@elliemae/ds-popper';
 import { renderMonthElement, DatePickerPicker } from '@elliemae/ds-date-picker';
 import DayPickerRangeController from './DayPickerRangeController.js';
 import { isMaxDiffSafe } from '../isMaxDiffSafe.js';
@@ -20,10 +19,11 @@ class DSDateRangePickerImpl extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "onDatesChange", ({
-      startDate,
-      endDate
-    }) => {
+    _defineProperty(this, "onDatesChange", _ref => {
+      let {
+        startDate,
+        endDate
+      } = _ref;
       const {
         onDatesChange
       } = this.props;
@@ -45,11 +45,14 @@ class DSDateRangePickerImpl extends React.Component {
     });
 
     _defineProperty(this, "onFocusChange", () => {
-      this.setState(({
-        focusedInput
-      }) => ({
-        focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
-      }));
+      this.setState(_ref2 => {
+        let {
+          focusedInput
+        } = _ref2;
+        return {
+          focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
+        };
+      });
     });
 
     _defineProperty(this, "handleKeyDown", event => {
@@ -149,7 +152,10 @@ class DSDateRangePickerImpl extends React.Component {
       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;
@@ -163,10 +169,12 @@ class DSDateRangePickerImpl extends React.Component {
       }));
     });
 
-    _defineProperty(this, "handleChangeDate", ({
-      startDate: _start,
-      endDate
-    }) => {
+    _defineProperty(this, "handleChangeDate", _ref3 => {
+      let {
+        startDate: _start,
+        endDate
+      } = _ref3;
+
       if (_start && endDate) {
         this.setState({
           startDate: moment(_start),
@@ -238,7 +246,7 @@ class DSDateRangePickerImpl extends React.Component {
     const safeStartInputValue = this.getSafeStartInputValue();
     const safeEndInputValue = this.getSafeEndInputValue();
     return /*#__PURE__*/_jsx("div", {
-      className: `${inputClass} ${inputClassModifier}`
+      className: "".concat(inputClass, " ").concat(inputClassModifier)
     }, void 0, /*#__PURE__*/_jsx("div", {
       className: classNameBlock('wrapper-input-date-range-picker-controller')
     }, void 0, /*#__PURE__*/_jsx(DSFormItemLayout, {

package/esm/components/DatePickerLabel/DatePickerLabel.js

@@ -1,11 +1,14 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 
-const Label = ({
-  className = 'date-picker-label',
-  label = ''
-}) => /*#__PURE__*/_jsx("div", {
-  className: className
-}, void 0, /*#__PURE__*/_jsx("span", {}, void 0, label));
+const Label = _ref => {
+  let {
+    className = 'date-picker-label',
+    label = ''
+  } = _ref;
+  return /*#__PURE__*/_jsx("div", {
+    className: className
+  }, void 0, /*#__PURE__*/_jsx("span", {}, void 0, label));
+};
 
 export { Label as default };

package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -1,8 +1,8 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import moment from 'moment';
-import DSInputMask, { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
-import DSInputGroup from '@elliemae/ds-basic/form/InputGroup';
+import DSInputMask, { DSInputGroup, MASK_TYPES, MASK_PIPES } from '@elliemae/ds-form';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
 const blockname = 'date-range-picker';
@@ -14,14 +14,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] = useState(selectedStartDate ? formatDate(selectedStartDate) : '');
   const [endValue, setEndValue] = useState(selectedEndDate ? formatDate(selectedEndDate) : '');
   useEffect(() => {

package/esm/components/DayPickerRangeController.js

@@ -1,10 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useRef, useEffect } from 'react';
 import { DayPickerRangeController as DayPickerRangeController$1 } from 'react-dates';
 import { DatePickerNavigation, DatePickerDay, renderMonthElement } from '@elliemae/ds-date-picker';
-import ChevronLeft from '@elliemae/ds-icons/ChevronLeft';
+import { ChevronLeft } from '@elliemae/ds-icons';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { jsx } from 'react/jsx-runtime';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-range-picker",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-next.11",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Range Picker",
   "module": "./esm/index.js",
@@ -56,13 +56,14 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.9",
-    "@elliemae/ds-classnames": "2.0.0-alpha.9",
-    "@elliemae/ds-date-picker": "2.0.0-alpha.9",
+    "@elliemae/ds-basic": "2.0.0-next.11",
+    "@elliemae/ds-classnames": "2.0.0-next.11",
+    "@elliemae/ds-date-picker": "2.0.0-next.11",
+    "@elliemae/ds-icons": "2.0.0-next.11",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-dates": "~21.8.0",
-    "react-text-mask": "~5.4.3"
+    "react-desc": "~4.1.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}