baseui 13.0.0 → 15.0.0

package/esm/datepicker/datepicker.js

@@ -1,701 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-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; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-import * as React from 'react';
-import { MaskedInput } from '../input';
-import { Popover, PLACEMENT, ACCESSIBILITY_TYPE } from '../popover';
-import Calendar from './calendar';
-import { getOverrides } from '../helpers/overrides';
-import getInterpolatedString from '../helpers/i18n-interpolation';
-import { LocaleContext } from '../locale';
-import { StyledInputWrapper, StyledInputLabel, StyledStartDate, StyledEndDate } from './styled-components';
-import DateHelpers from './utils/date-helpers';
-import dateFnsAdapter from './utils/date-fns-adapter';
-import { INPUT_ROLE, RANGED_CALENDAR_BEHAVIOR } from './constants';
-export var DEFAULT_DATE_FORMAT = 'yyyy/MM/dd';
-var INPUT_DELIMITER = '–'; // @ts-ignore
-
-var combineSeparatedInputs = function combineSeparatedInputs(newInputValue) {
-  var prevCombinedInputValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var inputRole = arguments.length > 2 ? arguments[2] : undefined;
-  var inputValue = newInputValue;
-
-  var _prevCombinedInputVal = prevCombinedInputValue.split(" ".concat(INPUT_DELIMITER, " ")),
-      _prevCombinedInputVal2 = _slicedToArray(_prevCombinedInputVal, 2),
-      _prevCombinedInputVal3 = _prevCombinedInputVal2[0],
-      prevStartDate = _prevCombinedInputVal3 === void 0 ? '' : _prevCombinedInputVal3,
-      _prevCombinedInputVal4 = _prevCombinedInputVal2[1],
-      prevEndDate = _prevCombinedInputVal4 === void 0 ? '' : _prevCombinedInputVal4;
-
-  if (inputRole === INPUT_ROLE.startDate && prevEndDate) {
-    inputValue = "".concat(inputValue, " ").concat(INPUT_DELIMITER, " ").concat(prevEndDate);
-  }
-
-  if (inputRole === INPUT_ROLE.endDate) {
-    inputValue = "".concat(prevStartDate, " ").concat(INPUT_DELIMITER, " ").concat(inputValue);
-  }
-
-  return inputValue;
-};
-
-var Datepicker = /*#__PURE__*/function (_React$Component) {
-  _inherits(Datepicker, _React$Component);
-
-  var _super = _createSuper(Datepicker);
-
-  function Datepicker(props) {
-    var _this;
-
-    _classCallCheck(this, Datepicker);
-
-    _this = _super.call(this, props); // @ts-ignore
-
-    _defineProperty(_assertThisInitialized(_this), "calendar", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "dateHelpers", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (date) {
-      var onChange = _this.props.onChange;
-      var onRangeChange = _this.props.onRangeChange;
-
-      if (Array.isArray(date)) {
-        if (onChange && date.every(Boolean)) {
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onChange({
-            date: date
-          });
-        }
-
-        if (onRangeChange) {
-          onRangeChange({
-            date: _toConsumableArray(date)
-          });
-        }
-      } else {
-        if (onChange) {
-          onChange({
-            date: date
-          });
-        }
-
-        if (onRangeChange) {
-          onRangeChange({
-            date: date
-          });
-        }
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onCalendarSelect", function (data) {
-      var isOpen = false;
-      var isPseudoFocused = false;
-      var calendarFocused = false;
-      var nextDate = data.date;
-
-      if (Array.isArray(nextDate) && _this.props.range) {
-        if (!nextDate[0] || !nextDate[1]) {
-          isOpen = true;
-          isPseudoFocused = true; // @ts-ignore
-
-          calendarFocused = null;
-        } else if (nextDate[0] && nextDate[1]) {
-          var _nextDate = nextDate,
-              _nextDate2 = _slicedToArray(_nextDate, 2),
-              start = _nextDate2[0],
-              end = _nextDate2[1];
-
-          if (_this.dateHelpers.isAfter(start, end)) {
-            if (_this.hasLockedBehavior()) {
-              nextDate = _this.props.value;
-              isOpen = true;
-            } else {
-              nextDate = [start, start];
-            }
-          } else if (_this.dateHelpers.dateRangeIncludesDates(nextDate, _this.props.excludeDates)) {
-            nextDate = _this.props.value;
-            isOpen = true;
-          }
-
-          if (_this.state.lastActiveElm) {
-            _this.state.lastActiveElm.focus();
-          }
-        }
-      } else if (_this.state.lastActiveElm) {
-        _this.state.lastActiveElm.focus();
-      } // Time selectors previously caused the calendar popover to close.
-      // The check below refrains from closing the popover if only times changed.
-
-
-      var onlyTimeChanged = function onlyTimeChanged(prev, next) {
-        if (!prev || !next) return false;
-
-        var p = _this.dateHelpers.format(prev, 'keyboardDate');
-
-        var n = _this.dateHelpers.format(next, 'keyboardDate');
-
-        if (p === n) {
-          return _this.dateHelpers.getHours(prev) !== _this.dateHelpers.getHours(next) || _this.dateHelpers.getMinutes(prev) !== _this.dateHelpers.getMinutes(next);
-        }
-
-        return false;
-      };
-
-      var prevValue = _this.props.value;
-
-      if (Array.isArray(nextDate) && Array.isArray(prevValue)) {
-        if (nextDate.some(function (d, i) {
-          return onlyTimeChanged(prevValue[i], d);
-        })) {
-          isOpen = true;
-        }
-      } else if (!Array.isArray(nextDate) && !Array.isArray(prevValue)) {
-        if (onlyTimeChanged(prevValue, nextDate)) {
-          isOpen = true;
-        }
-      } // If nextDate is an array but the datepicker is not ranged, we assign
-      // nextDate directly to the Date value to avoid formatting issues
-
-
-      if (Array.isArray(nextDate) && !_this.props.range) {
-        nextDate = nextDate[0];
-      }
-
-      _this.setState(_objectSpread(_objectSpread({
-        isOpen: isOpen,
-        isPseudoFocused: isPseudoFocused
-      }, calendarFocused === null ? {} : {
-        calendarFocused: calendarFocused
-      }), {}, {
-        inputValue: _this.formatDisplayValue(nextDate)
-      }));
-
-      _this.handleChange(nextDate);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "formatDisplayValue", function (date) {
-      var _this$props = _this.props,
-          displayValueAtRangeIndex = _this$props.displayValueAtRangeIndex,
-          formatDisplayValue = _this$props.formatDisplayValue,
-          range = _this$props.range; // @ts-ignore
-
-      var formatString = _this.normalizeDashes(_this.props.formatString);
-
-      if (typeof displayValueAtRangeIndex === 'number') {
-        if (process.env.NODE_ENV !== "production") {
-          if (!range) {
-            console.error('displayValueAtRangeIndex only applies if range');
-          }
-
-          if (range && displayValueAtRangeIndex > 1) {
-            console.error('displayValueAtRangeIndex value must be 0 or 1');
-          }
-        }
-
-        if (date && Array.isArray(date)) {
-          var value = date[displayValueAtRangeIndex];
-
-          if (formatDisplayValue) {
-            return formatDisplayValue(value, formatString);
-          }
-
-          return _this.formatDate(value, formatString);
-        }
-      }
-
-      if (formatDisplayValue) {
-        return formatDisplayValue(date, formatString);
-      }
-
-      return _this.formatDate(date, formatString);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "open", function (inputRole) {
-      _this.setState({
-        isOpen: true,
-        isPseudoFocused: true,
-        calendarFocused: false,
-        selectedInput: inputRole
-      }, _this.props.onOpen);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "close", function () {
-      var isPseudoFocused = false;
-
-      _this.setState({
-        isOpen: false,
-        selectedInput: null,
-        isPseudoFocused: isPseudoFocused,
-        calendarFocused: false
-      }, _this.props.onClose);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleEsc", function () {
-      if (_this.state.lastActiveElm) {
-        _this.state.lastActiveElm.focus();
-      }
-
-      _this.close();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleInputBlur", function () {
-      if (!_this.state.isPseudoFocused) {
-        _this.close();
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getMask", function () {
-      var _this$props2 = _this.props,
-          formatString = _this$props2.formatString,
-          mask = _this$props2.mask,
-          range = _this$props2.range,
-          separateRangeInputs = _this$props2.separateRangeInputs;
-
-      if (mask === null || mask === undefined && formatString !== DEFAULT_DATE_FORMAT) {
-        return null;
-      }
-
-      if (mask) {
-        return _this.normalizeDashes(mask);
-      }
-
-      if (range && !separateRangeInputs) {
-        return "9999/99/99 ".concat(INPUT_DELIMITER, " 9999/99/99");
-      }
-
-      return '9999/99/99';
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (event, inputRole) {
-      var inputValue = _this.props.range && _this.props.separateRangeInputs ? combineSeparatedInputs(event.currentTarget.value, _this.state.inputValue, inputRole) : event.currentTarget.value;
-
-      var mask = _this.getMask(); // @ts-ignore
-
-
-      var formatString = _this.normalizeDashes(_this.props.formatString);
-
-      if (typeof mask === 'string' && inputValue === mask.replace(/9/g, ' ') || inputValue.length === 0) {
-        if (_this.props.range) {
-          _this.handleChange([]);
-        } else {
-          _this.handleChange(null);
-        }
-      }
-
-      _this.setState({
-        inputValue: inputValue
-      }); // @ts-ignore
-
-
-      var parseDateString = function parseDateString(dateString) {
-        if (formatString === DEFAULT_DATE_FORMAT) {
-          return _this.dateHelpers.parse(dateString, 'slashDate', _this.props.locale);
-        }
-
-        return _this.dateHelpers.parseString(dateString, formatString, _this.props.locale);
-      };
-
-      if (_this.props.range && typeof _this.props.displayValueAtRangeIndex !== 'number') {
-        var _this$normalizeDashes = _this.normalizeDashes(inputValue).split(" ".concat(INPUT_DELIMITER, " ")),
-            _this$normalizeDashes2 = _slicedToArray(_this$normalizeDashes, 2),
-            left = _this$normalizeDashes2[0],
-            right = _this$normalizeDashes2[1];
-
-        var startDate = _this.dateHelpers.date(left);
-
-        var endDate = _this.dateHelpers.date(right);
-
-        if (formatString) {
-          startDate = parseDateString(left);
-          endDate = parseDateString(right);
-        }
-
-        var datesValid = _this.dateHelpers.isValid(startDate) && _this.dateHelpers.isValid(endDate); // added equal case so that times within the same day can be expressed
-
-
-        var rangeValid = _this.dateHelpers.isAfter(endDate, startDate) || _this.dateHelpers.isEqual(startDate, endDate);
-
-        if (datesValid && rangeValid) {
-          _this.handleChange([startDate, endDate]);
-        }
-      } else {
-        var dateString = _this.normalizeDashes(inputValue);
-
-        var date = _this.dateHelpers.date(dateString);
-
-        var _formatString = _this.props.formatString; // Prevent early parsing of value.
-        // Eg 25.12.2 will be transformed to 25.12.0002 formatted from date to string
-        // @ts-ignore
-
-        if (dateString.replace(/(\s)*/g, '').length < _formatString.replace(/(\s)*/g, '').length) {
-          // @ts-ignore
-          date = null;
-        } else {
-          date = parseDateString(dateString);
-        }
-
-        var _this$props3 = _this.props,
-            displayValueAtRangeIndex = _this$props3.displayValueAtRangeIndex,
-            range = _this$props3.range,
-            value = _this$props3.value;
-
-        if (date && _this.dateHelpers.isValid(date)) {
-          if (range && Array.isArray(value) && typeof displayValueAtRangeIndex === 'number') {
-            var _value = _slicedToArray(value, 2),
-                _left = _value[0],
-                _right = _value[1];
-
-            if (displayValueAtRangeIndex === 0) {
-              _left = date;
-
-              if (!_right) {
-                _this.handleChange([_left]);
-              } else {
-                if (_this.dateHelpers.isAfter(_right, _left) || _this.dateHelpers.isEqual(_left, _right)) {
-                  _this.handleChange([_left, _right]);
-                } else {
-                  // Is resetting back to previous value appropriate? Invalid range is not
-                  // communicated to the user, but if it was not reset the text value would
-                  // show one value and date value another. This seems a bit better but clearly
-                  // has a downside.
-                  _this.handleChange(_toConsumableArray(value));
-                }
-              }
-            } else if (displayValueAtRangeIndex === 1) {
-              _right = date;
-
-              if (!_left) {
-                // If start value is not defined, set start/end to the same day.
-                _this.handleChange([_right, _right]);
-              } else {
-                if (_this.dateHelpers.isAfter(_right, _left) || _this.dateHelpers.isEqual(_left, _right)) {
-                  _this.handleChange([_left, _right]);
-                } else {
-                  // See comment above about resetting dates on invalid range
-                  _this.handleChange(_toConsumableArray(value));
-                }
-              }
-            }
-          } else {
-            _this.handleChange(date);
-          }
-        }
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
-      if (!_this.state.isOpen && event.keyCode === 40) {
-        _this.open();
-      } else if (_this.state.isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {
-        // next line prevents the page jump on the initial arrowDown
-        event.preventDefault();
-
-        _this.focusCalendar();
-      } else if (_this.state.isOpen && event.keyCode === 9) {
-        _this.close();
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "focusCalendar", function () {
-      if (typeof document !== 'undefined') {
-        var lastActiveElm = document.activeElement;
-
-        _this.setState({
-          calendarFocused: true,
-          lastActiveElm: lastActiveElm
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "normalizeDashes", function (inputValue) {
-      // replacing both hyphens and em-dashes with en-dashes
-      return inputValue.replace(/-/g, INPUT_DELIMITER).replace(/—/g, INPUT_DELIMITER);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "hasLockedBehavior", function () {
-      return _this.props.rangedCalendarBehavior === RANGED_CALENDAR_BEHAVIOR.locked && _this.props.range && _this.props.separateRangeInputs;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getPlaceholder", function () {
-      return _this.props.placeholder || _this.props.placeholder === '' ? _this.props.placeholder : _this.props.range && !_this.props.separateRangeInputs ? "YYYY/MM/DD ".concat(INPUT_DELIMITER, " YYYY/MM/DD") : 'YYYY/MM/DD';
-    });
-
-    _this.dateHelpers = new DateHelpers(props.adapter);
-    _this.state = {
-      calendarFocused: false,
-      isOpen: false,
-      selectedInput: null,
-      isPseudoFocused: false,
-      lastActiveElm: null,
-      inputValue: _this.formatDisplayValue(props.value) || ''
-    };
-    return _this;
-  }
-
-  _createClass(Datepicker, [{
-    key: "getNullDatePlaceholder",
-    value: function getNullDatePlaceholder(formatString) {
-      return (this.getMask() || formatString).split(INPUT_DELIMITER)[0].replace(/[0-9]|[a-z]/g, ' ');
-    }
-  }, {
-    key: "formatDate",
-    value: function formatDate(date, formatString) {
-      var _this2 = this;
-
-      var format = function format(date) {
-        if (formatString === DEFAULT_DATE_FORMAT) {
-          return _this2.dateHelpers.format(date, 'slashDate', _this2.props.locale);
-        }
-
-        return _this2.dateHelpers.formatDate(date, formatString, _this2.props.locale);
-      };
-
-      if (!date) {
-        return '';
-      } else if (Array.isArray(date) && !date[0] && !date[1]) {
-        return '';
-      } else if (Array.isArray(date) && !date[0] && date[1]) {
-        var endDate = format(date[1]);
-        var startDate = this.getNullDatePlaceholder(formatString);
-        return [startDate, endDate].join(" ".concat(INPUT_DELIMITER, " "));
-      } else if (Array.isArray(date)) {
-        return date.map(function (day) {
-          return day ? format(day) : '';
-        }).join(" ".concat(INPUT_DELIMITER, " "));
-      } else {
-        return format(date);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.value !== this.props.value) {
-        this.setState({
-          inputValue: this.formatDisplayValue(this.props.value)
-        });
-      }
-    }
-  }, {
-    key: "renderInputComponent",
-    value: function renderInputComponent(locale, inputRole) {
-      var _this3 = this;
-
-      var _this$props$overrides = this.props.overrides,
-          overrides = _this$props$overrides === void 0 ? {} : _this$props$overrides;
-
-      var _getOverrides = getOverrides(overrides.Input, MaskedInput),
-          _getOverrides2 = _slicedToArray(_getOverrides, 2),
-          InputComponent = _getOverrides2[0],
-          inputProps = _getOverrides2[1];
-
-      var inputLabel = this.props['aria-label'] || "".concat(this.props.range ? locale.datepicker.ariaLabelRange : locale.datepicker.ariaLabel);
-
-      var _split = (this.state.inputValue || '').split(" ".concat(INPUT_DELIMITER, " ")),
-          _split2 = _slicedToArray(_split, 2),
-          _split2$ = _split2[0],
-          startDate = _split2$ === void 0 ? '' : _split2$,
-          _split2$2 = _split2[1],
-          endDate = _split2$2 === void 0 ? '' : _split2$2;
-
-      var value = inputRole === INPUT_ROLE.startDate ? startDate : inputRole === INPUT_ROLE.endDate ? endDate : this.state.inputValue;
-      return /*#__PURE__*/React.createElement(InputComponent, _extends({
-        "aria-disabled": this.props.disabled,
-        "aria-label": inputLabel,
-        error: this.props.error,
-        positive: this.props.positive,
-        "aria-describedby": this.props['aria-describedby'],
-        "aria-labelledby": this.props['aria-labelledby'],
-        "aria-required": this.props.required || null,
-        disabled: this.props.disabled,
-        size: this.props.size,
-        value: value,
-        onFocus: function onFocus() {
-          return _this3.open(inputRole);
-        },
-        onBlur: this.handleInputBlur,
-        onKeyDown: this.handleKeyDown // @ts-ignore
-        ,
-        onChange: function onChange(event) {
-          return _this3.handleInputChange(event, inputRole);
-        },
-        placeholder: this.getPlaceholder(),
-        mask: this.getMask(),
-        required: this.props.required,
-        clearable: this.props.clearable
-      }, inputProps));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-
-      var _this$props4 = this.props,
-          _this$props4$override = _this$props4.overrides,
-          overrides = _this$props4$override === void 0 ? {} : _this$props4$override,
-          _this$props4$startDat = _this$props4.startDateLabel,
-          startDateLabel = _this$props4$startDat === void 0 ? 'Start Date' : _this$props4$startDat,
-          _this$props4$endDateL = _this$props4.endDateLabel,
-          endDateLabel = _this$props4$endDateL === void 0 ? 'End Date' : _this$props4$endDateL;
-
-      var _getOverrides3 = getOverrides(overrides.Popover, Popover),
-          _getOverrides4 = _slicedToArray(_getOverrides3, 2),
-          PopoverComponent = _getOverrides4[0],
-          popoverProps = _getOverrides4[1];
-
-      var _getOverrides5 = getOverrides(overrides.InputWrapper, StyledInputWrapper),
-          _getOverrides6 = _slicedToArray(_getOverrides5, 2),
-          InputWrapper = _getOverrides6[0],
-          inputWrapperProps = _getOverrides6[1];
-
-      var _getOverrides7 = getOverrides(overrides.StartDate, StyledStartDate),
-          _getOverrides8 = _slicedToArray(_getOverrides7, 2),
-          StartDate = _getOverrides8[0],
-          startDateProps = _getOverrides8[1];
-
-      var _getOverrides9 = getOverrides(overrides.EndDate, StyledEndDate),
-          _getOverrides10 = _slicedToArray(_getOverrides9, 2),
-          EndDate = _getOverrides10[0],
-          endDateProps = _getOverrides10[1];
-
-      var _getOverrides11 = getOverrides(overrides.InputLabel, StyledInputLabel),
-          _getOverrides12 = _slicedToArray(_getOverrides11, 2),
-          InputLabel = _getOverrides12[0],
-          inputLabelProps = _getOverrides12[1];
-
-      var singleDateFormatString = this.props.formatString || DEFAULT_DATE_FORMAT;
-      var formatString = this.props.range && !this.props.separateRangeInputs ? "".concat(singleDateFormatString, " ").concat(INPUT_DELIMITER, " ").concat(singleDateFormatString) : singleDateFormatString;
-      return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, function (locale) {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PopoverComponent, _extends({
-          accessibilityType: ACCESSIBILITY_TYPE.none,
-          focusLock: false,
-          autoFocus: false,
-          mountNode: _this4.props.mountNode,
-          placement: PLACEMENT.bottom,
-          isOpen: _this4.state.isOpen,
-          onClickOutside: _this4.close,
-          onEsc: _this4.handleEsc,
-          content: /*#__PURE__*/React.createElement(Calendar, _extends({
-            adapter: _this4.props.adapter,
-            autoFocusCalendar: _this4.state.calendarFocused,
-            trapTabbing: true,
-            value: _this4.props.value
-          }, _this4.props, {
-            onChange: _this4.onCalendarSelect,
-            selectedInput: _this4.state.selectedInput,
-            hasLockedBehavior: _this4.hasLockedBehavior()
-          }))
-        }, popoverProps), /*#__PURE__*/React.createElement(InputWrapper, _extends({}, inputWrapperProps, {
-          $separateRangeInputs: _this4.props.range && _this4.props.separateRangeInputs
-        }), _this4.props.range && _this4.props.separateRangeInputs ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StartDate, startDateProps, /*#__PURE__*/React.createElement(InputLabel, inputLabelProps, startDateLabel), _this4.renderInputComponent(locale, INPUT_ROLE.startDate)), /*#__PURE__*/React.createElement(EndDate, endDateProps, /*#__PURE__*/React.createElement(InputLabel, inputLabelProps, endDateLabel), _this4.renderInputComponent(locale, INPUT_ROLE.endDate))) : /*#__PURE__*/React.createElement(React.Fragment, null, _this4.renderInputComponent(locale)))), /*#__PURE__*/React.createElement("p", {
-          // @ts-ignore
-          id: _this4.props['aria-describedby'],
-          style: {
-            position: 'fixed',
-            width: '0px',
-            height: '0px',
-            borderLeftWidth: 0,
-            borderRightWidth: 0,
-            borderTopWidth: 0,
-            borderBottomWidth: 0,
-            padding: 0,
-            overflow: 'hidden',
-            clip: 'rect(0, 0, 0, 0)',
-            clipPath: 'inset(100%)'
-          }
-        }, getInterpolatedString(locale.datepicker.screenReaderMessageInput, {
-          formatString: formatString
-        })), /*#__PURE__*/React.createElement("p", {
-          "aria-live": "assertive",
-          style: {
-            position: 'fixed',
-            width: '0px',
-            height: '0px',
-            borderLeftWidth: 0,
-            borderRightWidth: 0,
-            borderTopWidth: 0,
-            borderBottomWidth: 0,
-            padding: 0,
-            overflow: 'hidden',
-            clip: 'rect(0, 0, 0, 0)',
-            clipPath: 'inset(100%)'
-          }
-        }, // No date selected
-        !_this4.props.value || Array.isArray(_this4.props.value) && !_this4.props.value[0] && !_this4.props.value[1] ? '' : // Date selected in a non-range picker
-        !Array.isArray(_this4.props.value) ? getInterpolatedString(locale.datepicker.selectedDate, {
-          date: _this4.state.inputValue || ''
-        }) : // Start and end dates are selected in a range picker
-        _this4.props.value[0] && _this4.props.value[1] ? getInterpolatedString(locale.datepicker.selectedDateRange, {
-          startDate: _this4.formatDisplayValue(_this4.props.value[0]),
-          endDate: _this4.formatDisplayValue(_this4.props.value[1])
-        }) : // A single date selected in a range picker
-        "".concat(getInterpolatedString(locale.datepicker.selectedDate, {
-          date: _this4.formatDisplayValue(_this4.props.value[0])
-        }), " ").concat(locale.datepicker.selectSecondDatePrompt)));
-      });
-    }
-  }]);
-
-  return Datepicker;
-}(React.Component);
-
-_defineProperty(Datepicker, "defaultProps", {
-  'aria-describedby': 'datepicker--screenreader--message--input',
-  // @ts-ignore
-  value: null,
-  formatString: DEFAULT_DATE_FORMAT,
-  adapter: dateFnsAdapter
-});
-
-export { Datepicker as default };