@commercetools-uikit/date-range-input 15.15.0 → 16.0.0

package/dist/commercetools-uikit-date-range-input.cjs.d.ts

@@ -1,2 +1,3 @@
 export * from "./declarations/src/index";
 export { default } from "./declarations/src/index";
+//# sourceMappingURL=commercetools-uikit-date-range-input.cjs.d.ts.map

package/dist/commercetools-uikit-date-range-input.cjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commercetools-uikit-date-range-input.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}

package/dist/commercetools-uikit-date-range-input.cjs.dev.js

@@ -11,7 +11,6 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
@@ -21,9 +20,9 @@ var _pt = require('prop-types');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var react = require('react');
 var Downshift = require('downshift');
 var reactIntl = require('react-intl');
@@ -47,52 +46,52 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
 var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var preventDownshiftDefault = function preventDownshiftDefault(event) {
+const preventDownshiftDefault = event => {
   event.nativeEvent.preventDownshiftDefault = true;
 };
 
-var parseRangeText = function parseRangeText(text, locale) {
+const parseRangeText = (text, locale) => {
   var _context, _context2;
 
-  var parts = _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = text.split(' - ')).call(_context2, function (part) {
-    var parsedDate = calendarUtils.parseInputToDate(_trimInstanceProperty__default["default"](part).call(part), locale);
+  const parts = _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = text.split(' - ')).call(_context2, part => {
+    const parsedDate = calendarUtils.parseInputToDate(_trimInstanceProperty__default["default"](part).call(part), locale);
     return parsedDate === '' ? null : parsedDate;
   })).call(_context, Boolean);
 
   return parts;
 };
 
-var isSameRange = function isSameRange(a, b) {
+const isSameRange = (a, b) => {
   if (a.length !== b.length) return false;
   if (a.length === 0) return true;
   if (a[0] === b[0] && a[1] === b[1]) return true;
   return false;
 };
 
-var getRange = function getRange(_ref) {
-  var item = _ref.item,
+const getRange = _ref => {
+  let item = _ref.item,
       value = _ref.value,
       startDate = _ref.startDate,
       highlightedItem = _ref.highlightedItem;
-  var isRangeSelectionInProgress = startDate;
-  var hasSelection = value.length === 2;
-  var isStartDate = calendarUtils.isSameDay(item, startDate);
-  var isBetween = highlightedItem && calendarUtils.isBetween(item, startDate, highlightedItem);
-  var isRangeStart = false;
+  const isRangeSelectionInProgress = startDate;
+  const hasSelection = value.length === 2;
+  const isStartDate = calendarUtils.isSameDay(item, startDate);
+  const isBetween = highlightedItem && calendarUtils.isBetween(item, startDate, highlightedItem);
+  let isRangeStart = false;
 
   if (isRangeSelectionInProgress) {
     isRangeStart = isStartDate;
@@ -100,7 +99,7 @@ var getRange = function getRange(_ref) {
     isRangeStart = value[0] === item;
   }
 
-  var isRangeBetween = false;
+  let isRangeBetween = false;
 
   if (isRangeSelectionInProgress) {
     isRangeBetween = isBetween;
@@ -108,7 +107,7 @@ var getRange = function getRange(_ref) {
     isRangeBetween = calendarUtils.isBetween(item, value[0], value[1]);
   }
 
-  var isRangeEnd = false;
+  let isRangeEnd = false;
 
   if (isRangeSelectionInProgress) {
     isRangeEnd = item === highlightedItem;
@@ -117,20 +116,18 @@ var getRange = function getRange(_ref) {
   }
 
   return {
-    isRangeStart: isRangeStart,
-    isRangeBetween: isRangeBetween,
-    isRangeEnd: isRangeEnd
+    isRangeStart,
+    isRangeBetween,
+    isRangeEnd
   };
 };
 
-var DateRangeInput = /*#__PURE__*/function (_Component) {
+let DateRangeInput = /*#__PURE__*/function (_Component) {
   _inherits(DateRangeInput, _Component);
 
   var _super = _createSuper(DateRangeInput);
 
   function DateRangeInput() {
-    var _context3;
-
     var _this;
 
     _classCallCheck(this, DateRangeInput);
@@ -139,7 +136,7 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context3 = [this]).call(_context3, args));
+    _this = _super.call(this, ...args);
     _this.inputRef = /*#__PURE__*/react.createRef();
     _this.state = {
       calendarDate: _this.props.value.length === 2 ? _this.props.value[0] : calendarUtils.getToday(),
@@ -153,10 +150,10 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
     };
 
     _this.jumpMonth = function (amount) {
-      var dayToHighlight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      let dayToHighlight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
 
-      _this.setState(function (prevState) {
-        var nextDate = calendarUtils.changeMonth(prevState.calendarDate, amount);
+      _this.setState(prevState => {
+        const nextDate = calendarUtils.changeMonth(prevState.calendarDate, amount);
         return {
           calendarDate: nextDate,
           highlightedIndex: dayToHighlight
@@ -164,22 +161,20 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
       });
     };
 
-    _this.showToday = function () {
-      var today = calendarUtils.getToday();
+    _this.showToday = () => {
+      const today = calendarUtils.getToday();
 
-      _this.setState(function (prevState) {
-        return {
-          calendarDate: today,
-          highlightedIndex: prevState.suggestedItems.length + calendarUtils.getDateInMonth(today) - 1
-        };
-      }, function () {
+      _this.setState(prevState => ({
+        calendarDate: today,
+        highlightedIndex: prevState.suggestedItems.length + calendarUtils.getDateInMonth(today) - 1
+      }), () => {
         var _this$inputRef$curren;
 
         return (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
       });
     };
 
-    _this.handleBlur = function () {
+    _this.handleBlur = () => {
       if (_this.props.onBlur) _this.props.onBlur({
         target: {
           id: _this.props.id,
@@ -188,7 +183,7 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
       });
     };
 
-    _this.emit = function (unsortedRange) {
+    _this.emit = unsortedRange => {
       var _this$props$onChange, _this$props;
 
       (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, {
@@ -206,8 +201,6 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
   _createClass(DateRangeInput, [{
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
         max: this.props.horizontalConstraint,
         children: jsxRuntime.jsx(Downshift__default["default"], {
@@ -216,75 +209,74 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
           inputValue: this.state.inputValue,
           selectedItem: null,
           highlightedIndex: this.state.highlightedIndex,
-          onInputValueChange: function onInputValueChange(inputValue, changes) {
+          onInputValueChange: (inputValue, changes) => {
             // only attempt to parse input when the user typed into the input
             // field
             // @ts-ignore
             if (changes.type !== Downshift__default["default"].stateChangeTypes.changeInput) return;
-
-            _this2.setState(function () {
-              var parsedRange = parseRangeText(inputValue, _this2.props.intl.locale);
+            this.setState(() => {
+              const parsedRange = parseRangeText(inputValue, this.props.intl.locale);
               if (parsedRange.length === 0) return {
                 suggestedItems: [],
                 highlightedIndex: null,
-                inputValue: inputValue,
+                inputValue,
                 startDate: null
               };
 
               if (parsedRange.length === 1) {
-                var calendarDate = parsedRange[0];
+                const calendarDate = parsedRange[0];
                 return {
                   suggestedItems: [],
                   highlightedIndex: calendarUtils.getDateInMonth(calendarDate) - 1,
-                  inputValue: inputValue,
+                  inputValue,
                   startDate: parsedRange[0],
-                  calendarDate: calendarDate
+                  calendarDate
                 };
               }
 
               if (parsedRange.length === 2) {
-                var _calendarDate = parsedRange[1];
+                const calendarDate = parsedRange[1];
                 return {
                   suggestedItems: [],
-                  highlightedIndex: calendarUtils.getDateInMonth(_calendarDate) - 1,
-                  inputValue: inputValue,
+                  highlightedIndex: calendarUtils.getDateInMonth(calendarDate) - 1,
+                  inputValue,
                   startDate: parsedRange[0],
-                  calendarDate: _calendarDate
+                  calendarDate
                 };
               }
 
               return null;
             });
           },
-          onStateChange: function onStateChange(changes) {
-            _this2.setState(function (prevState) {
+          onStateChange: changes => {
+            this.setState(prevState => {
               if (changes.type === Downshift__default["default"].stateChangeTypes.mouseUp || changes.type === Downshift__default["default"].stateChangeTypes.blurInput) {
                 return {
                   highlightedIndex: null,
                   isOpen: false,
-                  inputValue: calendarUtils.formatRange(_this2.props.value, _this2.props.intl.locale)
+                  inputValue: calendarUtils.formatRange(this.props.value, this.props.intl.locale)
                 };
               }
 
               if (changes.hasOwnProperty('selectedItem')) {
-                var hasStartedRangeSelection = Boolean(!prevState.startDate && changes.selectedItem);
-                var hasFinishedRangeSelection = Boolean(prevState.startDate && changes.selectedItem);
+                const hasStartedRangeSelection = Boolean(!prevState.startDate && changes.selectedItem);
+                const hasFinishedRangeSelection = Boolean(prevState.startDate && changes.selectedItem);
                 return {
                   highlightedIndex: prevState.highlightedIndex,
                   startDate: prevState.startDate ? null : changes.selectedItem,
                   calendarDate: changes.selectedItem,
                   isOpen: !hasFinishedRangeSelection,
-                  inputValue: function () {
+                  inputValue: (() => {
                     if (hasFinishedRangeSelection) {
-                      return calendarUtils.formatRange([prevState.startDate, changes.selectedItem], _this2.props.intl.locale);
+                      return calendarUtils.formatRange([prevState.startDate, changes.selectedItem], this.props.intl.locale);
                     }
 
                     if (hasStartedRangeSelection) {
-                      return calendarUtils.formatRange([changes.selectedItem], _this2.props.intl.locale);
+                      return calendarUtils.formatRange([changes.selectedItem], this.props.intl.locale);
                     }
 
                     return '';
-                  }()
+                  })()
                 };
               }
 
@@ -297,7 +289,7 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
                   startDate: null,
                   // Ensure calendar opens on selected date.
                   // Open on the current day as a fallback.
-                  calendarDate: _this2.props.value.length === 2 ? _this2.props.value[0] : calendarUtils.getToday()
+                  calendarDate: this.props.value.length === 2 ? this.props.value[0] : calendarUtils.getToday()
                 };
               }
 
@@ -310,18 +302,18 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
               return null;
             });
           },
-          onChange: function onChange(selectedItem) {
-            if (_this2.state.startDate && selectedItem) {
-              _this2.emit([_this2.state.startDate, selectedItem]);
+          onChange: selectedItem => {
+            if (this.state.startDate && selectedItem) {
+              this.emit([this.state.startDate, selectedItem]);
             } else {
-              _this2.emit([]);
+              this.emit([]);
             }
           },
           isOpen: this.state.isOpen,
-          children: function children(_ref2) {
-            var _context4, _context5, _context6;
+          children: _ref2 => {
+            var _context3, _context4;
 
-            var getInputProps = _ref2.getInputProps,
+            let getInputProps = _ref2.getInputProps,
                 getMenuProps = _ref2.getMenuProps,
                 getItemProps = _ref2.getItemProps,
                 getToggleButtonProps = _ref2.getToggleButtonProps,
@@ -331,38 +323,36 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
                 setHighlightedIndex = _ref2.setHighlightedIndex,
                 isOpen = _ref2.isOpen,
                 inputValue = _ref2.inputValue;
-            var calendarItems = calendarUtils.createCalendarItems(_this2.state.calendarDate);
+            const calendarItems = calendarUtils.createCalendarItems(this.state.calendarDate);
+            const allItems = [...this.state.suggestedItems, ...calendarItems];
+            const paddingDayCount = calendarUtils.getPaddingDayCount(this.state.calendarDate, this.props.intl.locale);
 
-            var allItems = _concatInstanceProperty__default["default"](_context4 = []).call(_context4, _toConsumableArray(_this2.state.suggestedItems), _toConsumableArray(calendarItems));
+            const paddingDays = _fillInstanceProperty__default["default"](_context3 = Array(paddingDayCount)).call(_context3, undefined);
 
-            var paddingDayCount = calendarUtils.getPaddingDayCount(_this2.state.calendarDate, _this2.props.intl.locale);
-
-            var paddingDays = _fillInstanceProperty__default["default"](_context5 = Array(paddingDayCount)).call(_context5, undefined);
-
-            var weekdays = calendarUtils.getWeekdayNames(_this2.props.intl.locale);
-            var today = calendarUtils.getToday();
+            const weekdays = calendarUtils.getWeekdayNames(this.props.intl.locale);
+            const today = calendarUtils.getToday();
             return jsxRuntime.jsxs("div", {
-              onFocus: _this2.props.onFocus,
-              onBlur: _this2.handleBlur,
+              onFocus: this.props.onFocus,
+              onBlur: this.handleBlur,
               children: [jsxRuntime.jsx(calendarUtils.CalendarBody, {
-                inputRef: _this2.inputRef,
+                inputRef: this.inputRef,
                 inputProps: getInputProps(_objectSpread({
                   /* ARIA */
-                  'aria-invalid': _this2.props['aria-invalid'],
-                  'aria-errormessage': _this2.props['aria-errormessage'],
+                  'aria-invalid': this.props['aria-invalid'],
+                  'aria-errormessage': this.props['aria-errormessage'],
                   // Unset the aria-labelledby as it interfers with the link
                   // between the <label for> and the <input id>.
                   'aria-labelledby': undefined,
-                  name: _this2.props.name,
-                  placeholder: typeof _this2.props.placeholder === 'string' ? _this2.props.placeholder : _concatInstanceProperty__default["default"](_context6 = "".concat(calendarTimeUtils.getLocalizedDateTimeFormatPattern(_this2.props.intl.locale), " - ")).call(_context6, calendarTimeUtils.getLocalizedDateTimeFormatPattern(_this2.props.intl.locale)),
-                  onMouseEnter: function onMouseEnter() {
+                  name: this.props.name,
+                  placeholder: typeof this.props.placeholder === 'string' ? this.props.placeholder : _concatInstanceProperty__default["default"](_context4 = "".concat(calendarTimeUtils.getLocalizedDateTimeFormatPattern(this.props.intl.locale), " - ")).call(_context4, calendarTimeUtils.getLocalizedDateTimeFormatPattern(this.props.intl.locale)),
+                  onMouseEnter: () => {
                     // we remove the highlight so that the user can use the
                     // arrow keys to move the cursor when hovering
                     // @ts-ignore
                     if (isOpen) setHighlightedIndex(null);
                   },
-                  onKeyDown: function onKeyDown(event) {
-                    if (_this2.props.isReadOnly) {
+                  onKeyDown: event => {
+                    if (this.props.isReadOnly) {
                       preventDownshiftDefault(event);
                       return;
                     }
@@ -370,10 +360,9 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
                     if (event.key === 'Enter' && (inputValue === null || inputValue === void 0 ? void 0 : _trimInstanceProperty__default["default"](inputValue).call(inputValue)) === '' && // do not clear value when user presses Enter to
                     // select the end date (so only clear when there is no
                     // startDate)
-                    !_this2.state.startDate && _this2.props.isClearable) {
+                    !this.state.startDate && this.props.isClearable) {
                       clearSelection();
-
-                      _this2.emit([]);
+                      this.emit([]);
                     } // ArrowDown
 
 
@@ -383,93 +372,79 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
                         // then bypass normal arrow navigation
                         preventDownshiftDefault(event); // then jump to start of next month
 
-                        _this2.jumpMonth(1, 0);
+                        this.jumpMonth(1, 0);
                       }
                     } // ArrowUp
 
 
                     if (event.key === 'ArrowUp') {
-                      var previousDay = calendarUtils.getPreviousDay(calendarItems[highlightedIndex]);
+                      const previousDay = calendarUtils.getPreviousDay(calendarItems[highlightedIndex]);
 
                       if (highlightedIndex <= 0) {
                         // if it's the start of the month
                         // then bypass normal arrow navigation
                         preventDownshiftDefault(event);
-                        var numberOfDaysOfPrevMonth = calendarUtils.getDaysInMonth(previousDay); // then jump to the last day of the previous month
+                        const numberOfDaysOfPrevMonth = calendarUtils.getDaysInMonth(previousDay); // then jump to the last day of the previous month
 
-                        _this2.jumpMonth(-1, numberOfDaysOfPrevMonth - 1);
+                        this.jumpMonth(-1, numberOfDaysOfPrevMonth - 1);
                       }
                     }
                   },
                   // we only do this for readOnly because the input
                   // doesn't ignore these events, unlike when its disabled
-                  onClick: _this2.props.isReadOnly ? undefined : openMenu
-                }, utils.filterDataAttributes(_this2.props))),
-                hasSelection: _this2.props.value.length === 2,
-                isClearable: _this2.props.isClearable,
-                onClear: function onClear() {
-                  _this2.setState({
+                  onClick: this.props.isReadOnly ? undefined : openMenu
+                }, utils.filterDataAttributes(this.props))),
+                hasSelection: this.props.value.length === 2,
+                isClearable: this.props.isClearable,
+                onClear: () => {
+                  this.setState({
                     startDate: null
                   });
-
-                  _this2.emit([]);
-
+                  this.emit([]);
                   clearSelection();
                 },
                 isOpen: isOpen,
-                isDisabled: _this2.props.isDisabled,
-                isReadOnly: _this2.props.isReadOnly,
+                isDisabled: this.props.isDisabled,
+                isReadOnly: this.props.isReadOnly,
                 toggleButtonProps: getToggleButtonProps(),
-                hasError: _this2.props.hasError,
-                hasWarning: _this2.props.hasWarning
-              }), isOpen && !_this2.props.isDisabled && jsxRuntime.jsxs(calendarUtils.CalendarMenu, _objectSpread(_objectSpread({}, getMenuProps()), {}, {
-                hasError: _this2.props.hasError,
-                hasWarning: _this2.props.hasWarning,
+                hasError: this.props.hasError,
+                hasWarning: this.props.hasWarning
+              }), isOpen && !this.props.isDisabled && jsxRuntime.jsxs(calendarUtils.CalendarMenu, _objectSpread(_objectSpread({}, getMenuProps()), {}, {
+                hasError: this.props.hasError,
+                hasWarning: this.props.hasWarning,
                 children: [jsxRuntime.jsx(calendarUtils.CalendarHeader, {
-                  monthLabel: calendarUtils.getMonthCalendarLabel(_this2.state.calendarDate, _this2.props.intl.locale),
-                  yearLabel: calendarUtils.getYearCalendarLabel(_this2.state.calendarDate, _this2.props.intl.locale),
-                  onPrevMonthClick: function onPrevMonthClick() {
-                    return _this2.jumpMonth(-1);
-                  },
-                  onTodayClick: _this2.showToday,
-                  onNextMonthClick: function onNextMonthClick() {
-                    return _this2.jumpMonth(1);
-                  },
-                  onPrevYearClick: function onPrevYearClick() {
-                    return _this2.jumpMonth(-12);
-                  },
-                  onNextYearClick: function onNextYearClick() {
-                    return _this2.jumpMonth(12);
-                  }
+                  monthLabel: calendarUtils.getMonthCalendarLabel(this.state.calendarDate, this.props.intl.locale),
+                  yearLabel: calendarUtils.getYearCalendarLabel(this.state.calendarDate, this.props.intl.locale),
+                  onPrevMonthClick: () => this.jumpMonth(-1),
+                  onTodayClick: this.showToday,
+                  onNextMonthClick: () => this.jumpMonth(1),
+                  onPrevYearClick: () => this.jumpMonth(-12),
+                  onNextYearClick: () => this.jumpMonth(12)
                 }), jsxRuntime.jsxs(calendarUtils.CalendarContent, {
-                  children: [_mapInstanceProperty__default["default"](weekdays).call(weekdays, function (weekday) {
-                    return jsxRuntime.jsx(calendarUtils.CalendarDay, {
-                      type: "heading",
-                      children: weekday
-                    }, weekday);
-                  }), _mapInstanceProperty__default["default"](paddingDays).call(paddingDays, function (_, index) {
-                    return jsxRuntime.jsx(calendarUtils.CalendarDay, {
-                      type: "spacing"
-                    }, index);
-                  }), _mapInstanceProperty__default["default"](calendarItems).call(calendarItems, function (item, index) {
-                    var isHighlighted = _this2.state.suggestedItems.length + index === highlightedIndex;
-
-                    var _getRange = getRange({
-                      item: item,
-                      value: _this2.props.value,
-                      startDate: _this2.state.startDate,
-                      highlightedItem: allItems[_this2.state.highlightedIndex || 0]
+                  children: [_mapInstanceProperty__default["default"](weekdays).call(weekdays, weekday => jsxRuntime.jsx(calendarUtils.CalendarDay, {
+                    type: "heading",
+                    children: weekday
+                  }, weekday)), _mapInstanceProperty__default["default"](paddingDays).call(paddingDays, (_, index) => jsxRuntime.jsx(calendarUtils.CalendarDay, {
+                    type: "spacing"
+                  }, index)), _mapInstanceProperty__default["default"](calendarItems).call(calendarItems, (item, index) => {
+                    const isHighlighted = this.state.suggestedItems.length + index === highlightedIndex;
+
+                    const _getRange = getRange({
+                      item,
+                      value: this.props.value,
+                      startDate: this.state.startDate,
+                      highlightedItem: allItems[this.state.highlightedIndex || 0]
                     }),
-                        isRangeStart = _getRange.isRangeStart,
-                        isRangeBetween = _getRange.isRangeBetween,
-                        isRangeEnd = _getRange.isRangeEnd;
+                          isRangeStart = _getRange.isRangeStart,
+                          isRangeBetween = _getRange.isRangeBetween,
+                          isRangeEnd = _getRange.isRangeEnd;
 
                     return jsxRuntime.jsx(calendarUtils.CalendarDay, _objectSpread(_objectSpread({
                       isToday: calendarUtils.isSameDay(today, item)
                     }, getItemProps({
-                      disabled: _this2.props.isDisabled,
-                      item: item,
-                      onMouseOut: function onMouseOut() {
+                      disabled: this.props.isDisabled,
+                      item,
+                      onMouseOut: () => {
                         // @ts-ignore
                         setHighlightedIndex(null);
                       }
@@ -494,7 +469,7 @@ var DateRangeInput = /*#__PURE__*/function (_Component) {
       // We need to update the input value string in case so that is is formatted
       // according to the locale and holds the current value in case the value
       // changes or when the locale changes
-      var shouldUpdateInputValue = !isSameRange(props.value, state.prevValue) || props.intl.locale !== state.prevLocale;
+      const shouldUpdateInputValue = !isSameRange(props.value, state.prevValue) || props.intl.locale !== state.prevLocale;
       if (!shouldUpdateInputValue) return null;
       return {
         prevLocale: props.intl.locale,
@@ -514,9 +489,7 @@ DateRangeInput.defaultProps = {
   isClearable: true
 };
 
-DateRangeInput.isEmpty = function (range) {
-  return range.length === 0;
-};
+DateRangeInput.isEmpty = range => range.length === 0;
 
 DateRangeInput.propTypes = process.env.NODE_ENV !== "production" ? {
   horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
@@ -538,7 +511,7 @@ DateRangeInput.propTypes = process.env.NODE_ENV !== "production" ? {
 var dateRangeInput = reactIntl.injectIntl(DateRangeInput);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.15.0";
+var version = "16.0.0";
 
 exports["default"] = dateRangeInput;
 exports.version = version;