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

package/cjs/components/DSDateRangePickerImpl.js

@@ -2,405 +2,338 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var PropTypes = require('prop-types');
 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 dsDatePicker = require('@elliemae/ds-date-picker');
-var components_DayPickerRangeController = require('./DayPickerRangeController.js');
+var DayPickerRangeController = require('./DayPickerRangeController.js');
 var isMaxDiffSafe = require('../isMaxDiffSafe.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/toArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react-dates');
-require('@elliemae/ds-icons/ChevronLeft');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
 var DSFormItemLayout__default = /*#__PURE__*/_interopDefaultLegacy(DSFormItemLayout);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 
-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 _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 = dsClassnames.convertPropToCssClassName('datepicker'),
-    classNameElement = _convertPropToCssClas.classNameElement,
-    classNameBlock = _convertPropToCssClas.classNameBlock;
-
-var DSDateRangePickerImpl = /*#__PURE__*/function (_React$Component) {
-  _inherits__default['default'](DSDateRangePickerImpl, _React$Component);
-
-  var _super = _createSuper(DSDateRangePickerImpl);
-
-  function DSDateRangePickerImpl(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, DSDateRangePickerImpl);
-
-    _this = _super.call(this, props);
-
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_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
+} = dsClassnames.convertPropToCssClassName('datepicker');
+class DSDateRangePickerImpl extends React__default["default"].Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty__default["default"](this, "onDatesChange", ({
+      startDate,
+      endDate
+    }) => {
+      const {
+        onDatesChange
+      } = this.props;
       onDatesChange(startDate, endDate);
-      var safe = isMaxDiffSafe.isMaxDiffSafe(startDate, endDate, _this.state.startDate, _this.state.endDate);
+      const safe = isMaxDiffSafe.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__default['default'](_assertThisInitialized__default['default'](_this), "onFocusChange", function () {
-      _this.setState(function (_ref2) {
-        var focusedInput = _ref2.focusedInput;
-        return {
-          focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
-        };
-      });
+    _defineProperty__default["default"](this, "onFocusChange", () => {
+      this.setState(({
+        focusedInput
+      }) => ({
+        focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
+      }));
     });
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleKeyDown", function (event) {
-      if (event.key === 'Escape') _this.setState({
+    _defineProperty__default["default"](this, "handleKeyDown", event => {
+      if (event.key === 'Escape') this.setState({
         showPicker: false
       });
     });
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "getSafeStartInputValue", function () {
-      var _this$state = _this.state,
-          startInput = _this$state.startInput,
-          primaryStartInput = _this$state.primaryStartInput,
-          startDate = _this$state.startDate;
+    _defineProperty__default["default"](this, "getSafeStartInputValue", () => {
+      const {
+        startInput,
+        primaryStartInput,
+        startDate
+      } = this.state;
       if (primaryStartInput && startInput) return startInput;
       if (!startDate) return '';
       return startDate.format('MMDDYYYY');
     });
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "getSafeEndInputValue", function () {
-      var _this$state2 = _this.state,
-          endInput = _this$state2.endInput,
-          primaryEndInput = _this$state2.primaryEndInput,
-          endDate = _this$state2.endDate;
+    _defineProperty__default["default"](this, "getSafeEndInputValue", () => {
+      const {
+        endInput,
+        primaryEndInput,
+        endDate
+      } = this.state;
       if (primaryEndInput && endInput) return endInput;
       if (!endDate) return '';
       return endDate.format('MMDDYYYY');
     });
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "changeFocus", function () {
-      var disabled = _this.props.disabled;
+    _defineProperty__default["default"](this, "changeFocus", () => {
+      const {
+        disabled
+      } = this.props;
 
       if (!disabled) {
-        _this.setState(function () {
-          return {
-            focusedInput: 'startDate'
-          };
-        });
+        this.setState(() => ({
+          focusedInput: 'startDate'
+        }));
       }
     });
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleChangeStart", function (e) {
+    _defineProperty__default["default"](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;
-
-      if (startInputVal && moment__default['default'](startInputVal, 'MM/DD/YYYY', true).isValid()) {
-        momentValue = moment__default['default'](startInputVal);
+      const {
+        onChangeStartInput,
+        isDayBlocked,
+        minimumNights
+      } = this.props;
+      const {
+        endDate
+      } = this.state;
+      const startInputVal = e.target.value;
+      let momentValue = null;
+
+      if (startInputVal && moment__default["default"](startInputVal, 'MM/DD/YYYY', true).isValid()) {
+        momentValue = moment__default["default"](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__default['default'](_assertThisInitialized__default['default'](_this), "handleChangeEnd", function (e) {
+    _defineProperty__default["default"](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;
-
-      if (endInputValue && moment__default['default'](endInputValue, 'MM/DD/YYYY', true).isValid()) {
-        momentValue = moment__default['default'](endInputValue);
+      const {
+        onChangeEndInput,
+        isDayBlocked,
+        minimumNights
+      } = this.props;
+      const {
+        startDate
+      } = this.state;
+      const endInputValue = e.target.value;
+      let momentValue = null;
+
+      if (endInputValue && moment__default["default"](endInputValue, 'MM/DD/YYYY', true).isValid()) {
+        momentValue = moment__default["default"](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__default['default'](_assertThisInitialized__default['default'](_this), "handleChangeDate", function (_ref3) {
-      var _start = _ref3.startDate,
-          endDate = _ref3.endDate;
-
+    _defineProperty__default["default"](this, "handleChangeDate", ({
+      startDate: _start,
+      endDate
+    }) => {
       if (_start && endDate) {
-        _this.setState({
-          startDate: moment__default['default'](_start),
-          endDate: endDate,
+        this.setState({
+          startDate: moment__default["default"](_start),
+          endDate,
           primaryStartInput: false,
           primaryEndInput: false
         });
       } else if (_start) {
-        _this.setState({
-          startDate: moment__default['default'](_start),
+        this.setState({
+          startDate: moment__default["default"](_start),
           primaryStartInput: false
         });
       } else if (endDate) {
-        _this.setState({
-          endDate: endDate,
+        this.setState({
+          endDate,
           primaryEndInput: false
         });
       }
     });
 
-    _this.state = {
-      startDate: props.startDate ? moment__default['default'](props.startDate) : null,
-      endDate: props.endDate ? moment__default['default'](props.endDate) : null,
+    this.state = {
+      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,
       endDateError: false
     };
-    return _this;
   }
 
-  _createClass__default['default'](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__default['default'].createElement("div", {
-        className: "".concat(inputClass, " ").concat(inputClassModifier)
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
-        className: classNameBlock('wrapper-input-date-range-picker-controller')
-      }, /*#__PURE__*/React__default['default'].createElement(DSFormItemLayout__default['default'], {
-        floatingLabel: true,
-        inputComponent: DSInputMask__default['default'],
-        labelText: labelFrom,
-        mask: DSInputMask.MASK_TYPES.DATE,
-        onChange: this.handleChangeStart,
-        onFocus: function onFocus() {
-          return _this2.setState({
-            showPicker: false
-          });
-        },
-        pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
-        value: safeStartInputValue,
-        required: startDateRequired,
-        hasError: hasError || startDateError,
-        placeholder: "MM/DD/YYYY"
-      }), /*#__PURE__*/React__default['default'].createElement(DSFormItemLayout__default['default'], {
-        floatingLabel: true,
-        inputComponent: DSInputMask__default['default'],
-        labelText: labelTo,
-        mask: DSInputMask.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__default["default"]("div", {
+      className: `${inputClass} ${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"], {
+      floatingLabel: true,
+      inputComponent: DSInputMask__default["default"],
+      labelText: labelFrom,
+      mask: DSInputMask.MASK_TYPES.DATE,
+      onChange: this.handleChangeStart,
+      onFocus: () => this.setState({
+        showPicker: false
+      }),
+      pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
+      value: safeStartInputValue,
+      required: startDateRequired,
+      hasError: hasError || startDateError,
+      placeholder: "MM/DD/YYYY"
+    }), /*#__PURE__*/_jsx__default["default"](DSFormItemLayout__default["default"], {
+      floatingLabel: true,
+      inputComponent: DSInputMask__default["default"],
+      labelText: labelTo,
+      mask: DSInputMask.MASK_TYPES.DATE,
+      onChange: this.handleChangeEnd,
+      onFocus: () => this.setState({
+        showPicker: false
+      }),
+      pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
+      value: safeEndInputValue,
+      required: endDateRequired,
+      hasError: hasError || endDateError,
+      validationMessage: validationMessage,
+      placeholder: "MM/DD/YYYY"
+    })), /*#__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, {
+        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: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
-        value: safeEndInputValue,
-        required: endDateRequired,
-        hasError: hasError || endDateError,
-        validationMessage: validationMessage,
-        placeholder: "MM/DD/YYYY"
-      })), /*#__PURE__*/React__default['default'].createElement("div", {
-        className: classNameBlock('wrapper-button-date-range-picker-controller')
-      }, /*#__PURE__*/React__default['default'].createElement(DSPopper__default['default'], {
-        contentComponent: /*#__PURE__*/React__default['default'].createElement("div", null, showPicker && /*#__PURE__*/React__default['default'].createElement(components_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: dsDatePicker.renderMonthElement
-        })),
-        isOpen: showPicker && !startDateError && !endDateError,
-        onClose: onClose,
-        placement: "bottom-end",
-        showArrow: false,
-        triggerComponent: /*#__PURE__*/React__default['default'].createElement("div", {
-          onFocus: function onFocus() {
-            return _this2.setState({
-              showPicker: true
-            });
-          }
-        }, /*#__PURE__*/React__default['default'].createElement(dsDatePicker.DatePickerPicker, {
-          className: classNameElement('picker'),
-          disabled: disabled,
-          onClick: function onClick() {
-            return _this2.setState({
-              showPicker: true
-            });
-          }
-        }), hasError && validationMessage && /*#__PURE__*/React__default['default'].createElement("div", {
-          style: {
-            height: 15
-          }
-        }))
-      })));
-    }
-  }]);
+        onNextMonthClick: onNextMonthClick,
+        onPrevMonthClick: onPrevMonthClick,
+        startDate: startDate,
+        renderMonthElement: dsDatePicker.renderMonthElement
+      })),
+      isOpen: showPicker && !startDateError && !endDateError,
+      onClose: onClose,
+      placement: "bottom-end",
+      showArrow: false,
+      triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {
+        onFocus: () => this.setState({
+          showPicker: true
+        })
+      }, 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", {
+        style: {
+          height: 15
+        }
+      }))
+    })));
+  }
 
-  return DSDateRangePickerImpl;
-}(React__default['default'].Component);
-DSDateRangePickerImpl.propTypes = {
-  startDate: PropTypes__default['default'].instanceOf(Date, moment__default['default']),
-  endDate: PropTypes__default['default'].instanceOf(Date, moment__default['default']),
-  onDatesChange: PropTypes__default['default'].func,
-  onChangeStartInput: PropTypes__default['default'].func,
-  onChangeEndInput: PropTypes__default['default'].func,
-  onNextMonthClick: PropTypes__default['default'].func,
-  onPrevMonthClick: PropTypes__default['default'].func,
-  onClose: PropTypes__default['default'].func,
-  onOutsideClick: PropTypes__default['default'].func,
-  disabled: PropTypes__default['default'].bool,
-  displayFormatDay: PropTypes__default['default'].string,
-  minimumNights: PropTypes__default['default'].number,
-  labelTo: PropTypes__default['default'].string,
-  labelFrom: PropTypes__default['default'].string,
-  isDayBlocked: PropTypes__default['default'].func,
-  isDayHighlighted: PropTypes__default['default'].func,
-  isOutsideRange: PropTypes__default['default'].func,
-  enableOutsideDays: PropTypes__default['default'].bool,
-  startDateRequired: PropTypes__default['default'].bool,
-  endDateRequired: PropTypes__default['default'].bool,
-  hasError: PropTypes__default['default'].bool,
-  validationMessage: PropTypes__default['default'].string
-};
+}
 
 exports.END_DATE = END_DATE;
 exports.START_DATE = START_DATE;
-exports['default'] = DSDateRangePickerImpl;
-//# sourceMappingURL=DSDateRangePickerImpl.js.map
+exports["default"] = DSDateRangePickerImpl;