@elliemae/ds-date-range-picker 1.55.0-next.7 → 2.0.0-alpha.10

package/esm/components/DSDateRangePickerImpl.js

@@ -1,12 +1,6 @@
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React from 'react';
-import PropTypes from 'prop-types';
 import moment from 'moment';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import DSInputMask, { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
@@ -15,199 +9,185 @@ import DSPopper from '@elliemae/ds-basic/Popper';
 import { renderMonthElement, DatePickerPicker } from '@elliemae/ds-date-picker';
 import DayPickerRangeController from './DayPickerRangeController.js';
 import { isMaxDiffSafe } from '../isMaxDiffSafe.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/toArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react-dates';
-import '@elliemae/ds-icons/ChevronLeft';
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-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 START_DATE = 'startDate';
-var END_DATE = 'endDate';
-
-var _convertPropToCssClas = convertPropToCssClassName('datepicker'),
-    classNameElement = _convertPropToCssClas.classNameElement,
-    classNameBlock = _convertPropToCssClas.classNameBlock;
-
-var DSDateRangePickerImpl = /*#__PURE__*/function (_React$Component) {
-  _inherits(DSDateRangePickerImpl, _React$Component);
-
-  var _super = _createSuper(DSDateRangePickerImpl);
-
-  function DSDateRangePickerImpl(props) {
-    var _this;
-
-    _classCallCheck(this, DSDateRangePickerImpl);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "onDatesChange", function (_ref) {
-      var startDate = _ref.startDate,
-          endDate = _ref.endDate;
-      var onDatesChange = _this.props.onDatesChange;
+const START_DATE = 'startDate';
+const END_DATE = 'endDate';
+const {
+  classNameElement,
+  classNameBlock
+} = convertPropToCssClassName('datepicker');
+class DSDateRangePickerImpl extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "onDatesChange", ({
+      startDate,
+      endDate
+    }) => {
+      const {
+        onDatesChange
+      } = this.props;
       onDatesChange(startDate, endDate);
-      var safe = isMaxDiffSafe(startDate, endDate, _this.state.startDate, _this.state.endDate);
+      const safe = isMaxDiffSafe(startDate, endDate, this.state.startDate, this.state.endDate);
 
       if (!safe) {
-        _this.setState({
+        this.setState({
           showPicker: false
         });
       }
 
-      _this.setState({
-        startDate: startDate,
-        endDate: endDate,
+      this.setState({
+        startDate,
+        endDate,
         primaryStartInput: false,
         primaryEndInput: false
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onFocusChange", function () {
-      _this.setState(function (_ref2) {
-        var focusedInput = _ref2.focusedInput;
-        return {
-          focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
-        };
-      });
+    _defineProperty(this, "onFocusChange", () => {
+      this.setState(({
+        focusedInput
+      }) => ({
+        focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
+      }));
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
-      if (event.key === 'Escape') _this.setState({
+    _defineProperty(this, "handleKeyDown", event => {
+      if (event.key === 'Escape') this.setState({
         showPicker: false
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "getSafeStartInputValue", function () {
-      var _this$state = _this.state,
-          startInput = _this$state.startInput,
-          primaryStartInput = _this$state.primaryStartInput,
-          startDate = _this$state.startDate;
+    _defineProperty(this, "getSafeStartInputValue", () => {
+      const {
+        startInput,
+        primaryStartInput,
+        startDate
+      } = this.state;
       if (primaryStartInput && startInput) return startInput;
       if (!startDate) return '';
       return startDate.format('MMDDYYYY');
     });
 
-    _defineProperty(_assertThisInitialized(_this), "getSafeEndInputValue", function () {
-      var _this$state2 = _this.state,
-          endInput = _this$state2.endInput,
-          primaryEndInput = _this$state2.primaryEndInput,
-          endDate = _this$state2.endDate;
+    _defineProperty(this, "getSafeEndInputValue", () => {
+      const {
+        endInput,
+        primaryEndInput,
+        endDate
+      } = this.state;
       if (primaryEndInput && endInput) return endInput;
       if (!endDate) return '';
       return endDate.format('MMDDYYYY');
     });
 
-    _defineProperty(_assertThisInitialized(_this), "changeFocus", function () {
-      var disabled = _this.props.disabled;
+    _defineProperty(this, "changeFocus", () => {
+      const {
+        disabled
+      } = this.props;
 
       if (!disabled) {
-        _this.setState(function () {
-          return {
-            focusedInput: 'startDate'
-          };
-        });
+        this.setState(() => ({
+          focusedInput: 'startDate'
+        }));
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleChangeStart", function (e) {
+    _defineProperty(this, "handleChangeStart", e => {
       var _momentValue;
 
-      var _this$props = _this.props,
-          onChangeStartInput = _this$props.onChangeStartInput,
-          isDayBlocked = _this$props.isDayBlocked,
-          minimumNights = _this$props.minimumNights;
-      var endDate = _this.state.endDate;
-      var startInputVal = e.target.value;
-      var momentValue = null;
+      const {
+        onChangeStartInput,
+        isDayBlocked,
+        minimumNights
+      } = this.props;
+      const {
+        endDate
+      } = this.state;
+      const startInputVal = e.target.value;
+      let momentValue = null;
 
       if (startInputVal && moment(startInputVal, 'MM/DD/YYYY', true).isValid()) {
         momentValue = moment(startInputVal);
       }
 
-      var startDateBlocked = isDayBlocked(momentValue);
-      var isStartDateAcceptable = !startDateBlocked && momentValue && startInputVal !== '';
-      var areDatesValid = endDate && momentValue && (endDate === null || endDate === void 0 ? void 0 : endDate.isValid()) && ((_momentValue = momentValue) === null || _momentValue === void 0 ? void 0 : _momentValue.isValid());
-      var canEndBeSameAsStart = minimumNights === 0;
-      var isStartAcceptableWithSelectedEnd = !endDate || areDatesValid && (canEndBeSameAsStart && momentValue.diff(endDate, 'days') <= 0 || !canEndBeSameAsStart && momentValue.diff(endDate, 'days') < 0);
-      var invalidDate = !isStartDateAcceptable || !isStartAcceptableWithSelectedEnd;
+      const startDateBlocked = isDayBlocked(momentValue);
+      const isStartDateAcceptable = !startDateBlocked && momentValue && startInputVal !== '';
+      const areDatesValid = endDate && momentValue && (endDate === null || endDate === void 0 ? void 0 : endDate.isValid()) && ((_momentValue = momentValue) === null || _momentValue === void 0 ? void 0 : _momentValue.isValid());
+      const canEndBeSameAsStart = minimumNights === 0;
+      const isStartAcceptableWithSelectedEnd = !endDate || areDatesValid && (canEndBeSameAsStart && momentValue.diff(endDate, 'days') <= 0 || !canEndBeSameAsStart && momentValue.diff(endDate, 'days') < 0);
+      const invalidDate = !isStartDateAcceptable || !isStartAcceptableWithSelectedEnd;
       if (startDateBlocked) momentValue = null;
       onChangeStartInput(momentValue);
-
-      _this.setState(function (prevState) {
-        return {
-          startDate: momentValue,
-          startInput: startInputVal,
-          primaryStartInput: true,
-          startDateError: invalidDate,
-          endDateError: !isStartDateAcceptable || !prevState.endDateError ? prevState.endDateError : !isStartAcceptableWithSelectedEnd
-        };
-      });
+      this.setState(prevState => ({
+        startDate: momentValue,
+        startInput: startInputVal,
+        primaryStartInput: true,
+        startDateError: invalidDate,
+        endDateError: !isStartDateAcceptable || !prevState.endDateError ? prevState.endDateError : !isStartAcceptableWithSelectedEnd
+      }));
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleChangeEnd", function (e) {
+    _defineProperty(this, "handleChangeEnd", e => {
       var _momentValue2;
 
-      var _this$props2 = _this.props,
-          onChangeEndInput = _this$props2.onChangeEndInput,
-          isDayBlocked = _this$props2.isDayBlocked,
-          minimumNights = _this$props2.minimumNights;
-      var startDate = _this.state.startDate;
-      var endInputValue = e.target.value;
-      var momentValue = null;
+      const {
+        onChangeEndInput,
+        isDayBlocked,
+        minimumNights
+      } = this.props;
+      const {
+        startDate
+      } = this.state;
+      const endInputValue = e.target.value;
+      let momentValue = null;
 
       if (endInputValue && moment(endInputValue, 'MM/DD/YYYY', true).isValid()) {
         momentValue = moment(endInputValue);
       }
 
-      var endDateBlocked = isDayBlocked(momentValue);
-      var isEndDateAcceptable = !endDateBlocked && momentValue && endInputValue !== '';
-      var areDatesValid = startDate && momentValue && (startDate === null || startDate === void 0 ? void 0 : startDate.isValid()) && ((_momentValue2 = momentValue) === null || _momentValue2 === void 0 ? void 0 : _momentValue2.isValid());
-      var canEndBeSameAsStart = minimumNights === 0;
-      var isEndAcceptableWithSelectedStart = !startDate || areDatesValid && (canEndBeSameAsStart && momentValue.diff(startDate, 'days') >= 0 || !canEndBeSameAsStart && momentValue.diff(startDate, 'days') > 0); // only > is valid
+      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
 
-      var invalidDate = !isEndDateAcceptable || !isEndAcceptableWithSelectedStart;
+      const invalidDate = !isEndDateAcceptable || !isEndAcceptableWithSelectedStart;
       if (endDateBlocked) momentValue = null;
       onChangeEndInput(momentValue);
-
-      _this.setState(function (prevState) {
-        return {
-          endDate: momentValue,
-          endInput: endInputValue,
-          primaryEndInput: true,
-          startDateError: !isEndDateAcceptable || !prevState.startDateError ? prevState.startDateError : !isEndAcceptableWithSelectedStart,
-          endDateError: invalidDate
-        };
-      });
+      this.setState(prevState => ({
+        endDate: momentValue,
+        endInput: endInputValue,
+        primaryEndInput: true,
+        startDateError: !isEndDateAcceptable || !prevState.startDateError ? prevState.startDateError : !isEndAcceptableWithSelectedStart,
+        endDateError: invalidDate
+      }));
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleChangeDate", function (_ref3) {
-      var _start = _ref3.startDate,
-          endDate = _ref3.endDate;
-
+    _defineProperty(this, "handleChangeDate", ({
+      startDate: _start,
+      endDate
+    }) => {
       if (_start && endDate) {
-        _this.setState({
+        this.setState({
           startDate: moment(_start),
-          endDate: endDate,
+          endDate,
           primaryStartInput: false,
           primaryEndInput: false
         });
       } else if (_start) {
-        _this.setState({
+        this.setState({
           startDate: moment(_start),
           primaryStartInput: false
         });
       } else if (endDate) {
-        _this.setState({
-          endDate: endDate,
+        this.setState({
+          endDate,
           primaryEndInput: false
         });
       }
     });
 
-    _this.state = {
+    this.state = {
       startDate: props.startDate ? moment(props.startDate) : null,
       endDate: props.endDate ? moment(props.endDate) : null,
       focusedInput: START_DATE,
@@ -215,170 +195,129 @@ var DSDateRangePickerImpl = /*#__PURE__*/function (_React$Component) {
       startDateError: false,
       endDateError: false
     };
-    return _this;
   }
 
-  _createClass(DSDateRangePickerImpl, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('keydown', this.handleKeyDown, false);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('keydown', this.handleKeyDown, false);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
+  componentDidMount() {
+    document.addEventListener('keydown', this.handleKeyDown, false);
+  }
 
-      var _this$state3 = this.state,
-          startDate = _this$state3.startDate,
-          endDate = _this$state3.endDate,
-          focusedInput = _this$state3.focusedInput,
-          showPicker = _this$state3.showPicker,
-          startDateError = _this$state3.startDateError,
-          endDateError = _this$state3.endDateError;
-      var _this$props3 = this.props,
-          disabled = _this$props3.disabled,
-          displayFormatDay = _this$props3.displayFormatDay,
-          minimumNights = _this$props3.minimumNights,
-          labelFrom = _this$props3.labelFrom,
-          labelTo = _this$props3.labelTo,
-          isDayBlocked = _this$props3.isDayBlocked,
-          isDayHighlighted = _this$props3.isDayHighlighted,
-          isOutsideRange = _this$props3.isOutsideRange,
-          enableOutsideDays = _this$props3.enableOutsideDays,
-          startDateRequired = _this$props3.startDateRequired,
-          endDateRequired = _this$props3.endDateRequired,
-          _onOutsideClick = _this$props3.onOutsideClick,
-          onNextMonthClick = _this$props3.onNextMonthClick,
-          onPrevMonthClick = _this$props3.onPrevMonthClick,
-          onClose = _this$props3.onClose,
-          hasError = _this$props3.hasError,
-          validationMessage = _this$props3.validationMessage;
-      var inputClass = classNameBlock('inputs', 'range-picker');
-      var inputClassModifier = '';
-      var safeStartInputValue = this.getSafeStartInputValue();
-      var safeEndInputValue = this.getSafeEndInputValue();
-      return /*#__PURE__*/React.createElement("div", {
-        className: "".concat(inputClass, " ").concat(inputClassModifier)
-      }, /*#__PURE__*/React.createElement("div", {
-        className: classNameBlock('wrapper-input-date-range-picker-controller')
-      }, /*#__PURE__*/React.createElement(DSFormItemLayout, {
-        floatingLabel: true,
-        inputComponent: DSInputMask,
-        labelText: labelFrom,
-        mask: MASK_TYPES.DATE,
-        onChange: this.handleChangeStart,
-        onFocus: function onFocus() {
-          return _this2.setState({
-            showPicker: false
-          });
-        },
-        pipe: MASK_PIPES.AUTO_CORRECT_DATE,
-        value: safeStartInputValue,
-        required: startDateRequired,
-        hasError: hasError || startDateError,
-        placeholder: "MM/DD/YYYY"
-      }), /*#__PURE__*/React.createElement(DSFormItemLayout, {
-        floatingLabel: true,
-        inputComponent: DSInputMask,
-        labelText: labelTo,
-        mask: MASK_TYPES.DATE,
-        onChange: this.handleChangeEnd,
-        onFocus: function onFocus() {
-          return _this2.setState({
+  componentWillUnmount() {
+    document.removeEventListener('keydown', this.handleKeyDown, false);
+  }
+
+  render() {
+    const {
+      startDate,
+      endDate,
+      focusedInput,
+      showPicker,
+      startDateError,
+      endDateError
+    } = this.state;
+    const {
+      disabled,
+      displayFormatDay,
+      minimumNights,
+      labelFrom,
+      labelTo,
+      isDayBlocked,
+      isDayHighlighted,
+      isOutsideRange,
+      enableOutsideDays,
+      startDateRequired,
+      endDateRequired,
+      onOutsideClick,
+      onNextMonthClick,
+      onPrevMonthClick,
+      onClose,
+      hasError,
+      validationMessage
+    } = this.props;
+    const inputClass = classNameBlock('inputs', 'range-picker');
+    const inputClassModifier = '';
+    const safeStartInputValue = this.getSafeStartInputValue();
+    const safeEndInputValue = this.getSafeEndInputValue();
+    return /*#__PURE__*/_jsx("div", {
+      className: `${inputClass} ${inputClassModifier}`
+    }, void 0, /*#__PURE__*/_jsx("div", {
+      className: classNameBlock('wrapper-input-date-range-picker-controller')
+    }, void 0, /*#__PURE__*/_jsx(DSFormItemLayout, {
+      floatingLabel: true,
+      inputComponent: DSInputMask,
+      labelText: labelFrom,
+      mask: MASK_TYPES.DATE,
+      onChange: this.handleChangeStart,
+      onFocus: () => this.setState({
+        showPicker: false
+      }),
+      pipe: MASK_PIPES.AUTO_CORRECT_DATE,
+      value: safeStartInputValue,
+      required: startDateRequired,
+      hasError: hasError || startDateError,
+      placeholder: "MM/DD/YYYY"
+    }), /*#__PURE__*/_jsx(DSFormItemLayout, {
+      floatingLabel: true,
+      inputComponent: DSInputMask,
+      labelText: labelTo,
+      mask: MASK_TYPES.DATE,
+      onChange: this.handleChangeEnd,
+      onFocus: () => this.setState({
+        showPicker: false
+      }),
+      pipe: MASK_PIPES.AUTO_CORRECT_DATE,
+      value: safeEndInputValue,
+      required: endDateRequired,
+      hasError: hasError || endDateError,
+      validationMessage: validationMessage,
+      placeholder: "MM/DD/YYYY"
+    })), /*#__PURE__*/_jsx("div", {
+      className: classNameBlock('wrapper-button-date-range-picker-controller')
+    }, void 0, /*#__PURE__*/_jsx(DSPopper, {
+      contentComponent: /*#__PURE__*/_jsx("div", {}, void 0, showPicker && /*#__PURE__*/_jsx(DayPickerRangeController, {
+        enableOutsideDays: enableOutsideDays,
+        isDayBlocked: isDayBlocked,
+        isDayHighlighted: isDayHighlighted,
+        isOutsideRange: isOutsideRange,
+        displayFormatDay: displayFormatDay,
+        endDate: endDate,
+        focusedInput: focusedInput,
+        hideKeyboardShortcutsPanel: true,
+        minimumNights: minimumNights,
+        onDatesChange: this.onDatesChange,
+        onFocusChange: this.onFocusChange,
+        onOutsideClick: e => {
+          onOutsideClick(e);
+          this.setState({
             showPicker: false
           });
         },
-        pipe: MASK_PIPES.AUTO_CORRECT_DATE,
-        value: safeEndInputValue,
-        required: endDateRequired,
-        hasError: hasError || endDateError,
-        validationMessage: validationMessage,
-        placeholder: "MM/DD/YYYY"
-      })), /*#__PURE__*/React.createElement("div", {
-        className: classNameBlock('wrapper-button-date-range-picker-controller')
-      }, /*#__PURE__*/React.createElement(DSPopper, {
-        contentComponent: /*#__PURE__*/React.createElement("div", null, showPicker && /*#__PURE__*/React.createElement(DayPickerRangeController, {
-          enableOutsideDays: enableOutsideDays,
-          isDayBlocked: isDayBlocked,
-          isDayHighlighted: isDayHighlighted,
-          isOutsideRange: isOutsideRange,
-          displayFormatDay: displayFormatDay,
-          endDate: endDate,
-          focusedInput: focusedInput,
-          hideKeyboardShortcutsPanel: true,
-          minimumNights: minimumNights,
-          onDatesChange: this.onDatesChange,
-          onFocusChange: this.onFocusChange,
-          onOutsideClick: function onOutsideClick(e) {
-            _onOutsideClick(e);
-
-            _this2.setState({
-              showPicker: false
-            });
-          },
-          onNextMonthClick: onNextMonthClick,
-          onPrevMonthClick: onPrevMonthClick,
-          startDate: startDate,
-          renderMonthElement: renderMonthElement
-        })),
-        isOpen: showPicker && !startDateError && !endDateError,
-        onClose: onClose,
-        placement: "bottom-end",
-        showArrow: false,
-        triggerComponent: /*#__PURE__*/React.createElement("div", {
-          onFocus: function onFocus() {
-            return _this2.setState({
-              showPicker: true
-            });
-          }
-        }, /*#__PURE__*/React.createElement(DatePickerPicker, {
-          className: classNameElement('picker'),
-          disabled: disabled,
-          onClick: function onClick() {
-            return _this2.setState({
-              showPicker: true
-            });
-          }
-        }), hasError && validationMessage && /*#__PURE__*/React.createElement("div", {
-          style: {
-            height: 15
-          }
-        }))
-      })));
-    }
-  }]);
+        onNextMonthClick: onNextMonthClick,
+        onPrevMonthClick: onPrevMonthClick,
+        startDate: startDate,
+        renderMonthElement: renderMonthElement
+      })),
+      isOpen: showPicker && !startDateError && !endDateError,
+      onClose: onClose,
+      placement: "bottom-end",
+      showArrow: false,
+      triggerComponent: /*#__PURE__*/_jsx("div", {
+        onFocus: () => this.setState({
+          showPicker: true
+        })
+      }, void 0, /*#__PURE__*/_jsx(DatePickerPicker, {
+        className: classNameElement('picker'),
+        disabled: disabled,
+        onClick: () => this.setState({
+          showPicker: true
+        })
+      }), hasError && validationMessage && /*#__PURE__*/_jsx("div", {
+        style: {
+          height: 15
+        }
+      }))
+    })));
+  }
 
-  return DSDateRangePickerImpl;
-}(React.Component);
-DSDateRangePickerImpl.propTypes = {
-  startDate: PropTypes.instanceOf(Date, moment),
-  endDate: PropTypes.instanceOf(Date, moment),
-  onDatesChange: PropTypes.func,
-  onChangeStartInput: PropTypes.func,
-  onChangeEndInput: PropTypes.func,
-  onNextMonthClick: PropTypes.func,
-  onPrevMonthClick: PropTypes.func,
-  onClose: PropTypes.func,
-  onOutsideClick: PropTypes.func,
-  disabled: PropTypes.bool,
-  displayFormatDay: PropTypes.string,
-  minimumNights: PropTypes.number,
-  labelTo: PropTypes.string,
-  labelFrom: PropTypes.string,
-  isDayBlocked: PropTypes.func,
-  isDayHighlighted: PropTypes.func,
-  isOutsideRange: PropTypes.func,
-  enableOutsideDays: PropTypes.bool,
-  startDateRequired: PropTypes.bool,
-  endDateRequired: PropTypes.bool,
-  hasError: PropTypes.bool,
-  validationMessage: PropTypes.string
-};
+}
 
 export { END_DATE, START_DATE, DSDateRangePickerImpl as default };
-//# sourceMappingURL=DSDateRangePickerImpl.js.map

package/esm/components/DatePickerLabel/DatePickerLabel.js

@@ -1,14 +1,11 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 
-var Label = function Label(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? 'date-picker-label' : _ref$className,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label;
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement("span", null, label));
-};
+const Label = ({
+  className = 'date-picker-label',
+  label = ''
+}) => /*#__PURE__*/_jsx("div", {
+  className: className
+}, void 0, /*#__PURE__*/_jsx("span", {}, void 0, label));
 
 export { Label as default };
-//# sourceMappingURL=DatePickerLabel.js.map