@nulogy/components 12.2.1 → 13.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inheritsLoose'), require('react-fast-compare'), require('warning'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('stylis'), require('hoist-non-react-statics'), require('react-dom'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/createSuper'), require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('prop-types'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('deep-equal'), require('@hypnosphi/create-react-context'), require('react-windowed-select'), require('react-resize-detector'), require('classnames'), require('exenv'), require('smoothscroll-polyfill'), require('react-hot-toast')) :
3
- typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inheritsLoose', 'react-fast-compare', 'warning', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', 'stylis', 'hoist-non-react-statics', 'react-dom', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/createSuper', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/taggedTemplateLiteral', 'prop-types', '@babel/runtime/helpers/objectWithoutPropertiesLoose', 'deep-equal', '@hypnosphi/create-react-context', 'react-windowed-select', 'react-resize-detector', 'classnames', 'exenv', 'smoothscroll-polyfill', 'react-hot-toast'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.assign, global.icons, global["extends"], global.assertThisInitialized, global.inheritsLoose, global.isEqual, global.warning, global.slicedToArray, global.defineProperty, global["typeof"], global.classCallCheck, global.createClass, global.stylis, null, global.reactDom, null, null, null, null, global.objectWithoutProperties, null, global.PropTypes, global.objectWithoutPropertiesLoose, global.deepEqual, global.createContext, global.components, global.ReactResizeDetector, global.t, global.exenv, global.smoothscroll, global.reactHotToast));
5
- })(this, (function (exports, React, styled, assign$1, icons, _extends$5, _assertThisInitialized$2, _inheritsLoose$3, isEqual$2, warning$2, _slicedToArray$1, _defineProperty$2, _typeof$2, _classCallCheck$1, _createClass$1, stylis, hoistNonReactStatics$1, ne, objectSpread2, inherits, createSuper, toConsumableArray, _objectWithoutProperties$1, taggedTemplateLiteral, PropTypes, _objectWithoutPropertiesLoose$4, deepEqual, createContext, WindowedSelect, ReactResizeDetector, t, exenv, smoothscroll, reactHotToast) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inheritsLoose'), require('react-fast-compare'), require('warning'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('stylis'), require('hoist-non-react-statics'), require('react-dom'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/createSuper'), require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('prop-types'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('deep-equal'), require('@hypnosphi/create-react-context'), require('react-resize-detector'), require('classnames'), require('exenv'), require('react-hot-toast')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inheritsLoose', 'react-fast-compare', 'warning', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', 'stylis', 'hoist-non-react-statics', 'react-dom', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/createSuper', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/taggedTemplateLiteral', 'prop-types', '@babel/runtime/helpers/objectWithoutPropertiesLoose', 'deep-equal', '@hypnosphi/create-react-context', 'react-resize-detector', 'classnames', 'exenv', 'react-hot-toast'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.assign, global.icons, global["extends"], global.assertThisInitialized, global.inheritsLoose, global.isEqual, global.warning, global.slicedToArray, global.defineProperty, global["typeof"], global.classCallCheck, global.createClass, global.stylis, null, global.reactDom, null, null, null, null, global.objectWithoutProperties, null, global.PropTypes, global.objectWithoutPropertiesLoose, global.deepEqual, global.createContext, global.ReactResizeDetector, global.t, global.exenv, global.reactHotToast));
5
+ })(this, (function (exports, React, styled, assign$1, icons, _extends$5, _assertThisInitialized$2, _inheritsLoose$3, isEqual$3, warning$2, _slicedToArray$1, _defineProperty$2, _typeof$2, _classCallCheck$1, _createClass$1, stylis, hoistNonReactStatics$1, ne, objectSpread2, inherits, createSuper, toConsumableArray, _objectWithoutProperties$1, taggedTemplateLiteral, PropTypes, _objectWithoutPropertiesLoose$4, deepEqual, createContext, ReactResizeDetector, t, exenv, reactHotToast) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -32,7 +32,7 @@
32
32
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$5);
33
33
  var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized$2);
34
34
  var _inheritsLoose__default = /*#__PURE__*/_interopDefaultLegacy(_inheritsLoose$3);
35
- var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual$2);
35
+ var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual$3);
36
36
  var warning__default = /*#__PURE__*/_interopDefaultLegacy(warning$2);
37
37
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray$1);
38
38
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$2);
@@ -44,11 +44,9 @@
44
44
  var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose$4);
45
45
  var deepEqual__default = /*#__PURE__*/_interopDefaultLegacy(deepEqual);
46
46
  var createContext__default = /*#__PURE__*/_interopDefaultLegacy(createContext);
47
- var WindowedSelect__default = /*#__PURE__*/_interopDefaultLegacy(WindowedSelect);
48
47
  var ReactResizeDetector__default = /*#__PURE__*/_interopDefaultLegacy(ReactResizeDetector);
49
48
  var t__default = /*#__PURE__*/_interopDefaultLegacy(t);
50
49
  var exenv__default = /*#__PURE__*/_interopDefaultLegacy(exenv);
51
- var smoothscroll__default = /*#__PURE__*/_interopDefaultLegacy(smoothscroll);
52
50
 
53
51
  /*! *****************************************************************************
54
52
  Copyright (c) Microsoft Corporation.
@@ -8374,7 +8372,7 @@
8374
8372
  minHeight = layout.minHeight,
8375
8373
  maxWidth = layout.maxWidth,
8376
8374
  maxHeight = layout.maxHeight,
8377
- size = layout.size,
8375
+ size$1 = layout.size,
8378
8376
  verticalAlign = layout.verticalAlign,
8379
8377
  display = layout.display,
8380
8378
  overflow = layout.overflow;
@@ -8460,7 +8458,7 @@
8460
8458
  };
8461
8459
  };
8462
8460
  var addStyledProps = compose( // After
8463
- space, margin, padding, width, fontSize, color, fontFamily, textAlign, lineHeight, fontWeight, fontStyle, letterSpacing, display, maxWidth, minWidth, height, maxHeight, minHeight, size, verticalAlign, alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexBasis, flexDirection, flex, flexbox, justifySelf, alignSelf, order$1, grid, gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea, border, borderTop, borderRight, borderBottom, borderLeft, border, borderColor, borderRadius$1, shadow, opacity, overflow, position, zIndex, top$1, right$1, bottom$1, left$1, textStyle, colorStyle, buttonStyle, background, backgroundSize, backgroundRepeat, backgroundPosition, backgroundImage, layout, flexGrow, typography, system({
8461
+ space, margin, padding, width, fontSize, color, fontFamily, textAlign, lineHeight, fontWeight, fontStyle, letterSpacing, display, maxWidth, minWidth, height, maxHeight, minHeight, size$1, verticalAlign, alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexBasis, flexDirection, flex, flexbox, justifySelf, alignSelf, order$1, grid, gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea, border, borderTop, borderRight, borderBottom, borderLeft, border, borderColor, borderRadius$1, shadow, opacity, overflow, position, zIndex, top$1, right$1, bottom$1, left$1, textStyle, colorStyle, buttonStyle, background, backgroundSize, backgroundRepeat, backgroundPosition, backgroundImage, layout, flexGrow, typography, system({
8464
8462
  visibility: true,
8465
8463
  transition: true,
8466
8464
  transform: true,
@@ -8654,6 +8652,19 @@
8654
8652
  size: ICON_SIZE_RATIO + "em"
8655
8653
  }, props)));
8656
8654
  }
8655
+ var InputIcon = styled__default["default"](Icon).withConfig({
8656
+ displayName: "Icon__InputIcon",
8657
+ componentId: "sc-150w9kl-3"
8658
+ })(function (_ref2) {
8659
+ var theme = _ref2.theme;
8660
+ return {
8661
+ position: "absolute",
8662
+ color: theme.colors.midGrey,
8663
+ bottom: "50%",
8664
+ transform: "translateY(50%)",
8665
+ pointerEvents: "none"
8666
+ };
8667
+ }, position);
8657
8668
 
8658
8669
  var Flex = styled__default["default"](Box).withConfig({
8659
8670
  displayName: "Flex",
@@ -16838,7 +16849,7 @@
16838
16849
  paddingTop: baseUnit
16839
16850
  });
16840
16851
  };
16841
- var MenuList = function MenuList(props) {
16852
+ var MenuList$1 = function MenuList(props) {
16842
16853
  var children = props.children,
16843
16854
  innerProps = props.innerProps,
16844
16855
  innerRef = props.innerRef,
@@ -17632,7 +17643,7 @@
17632
17643
  Input: Input$1$1,
17633
17644
  LoadingIndicator: LoadingIndicator,
17634
17645
  Menu: Menu$1$1,
17635
- MenuList: MenuList,
17646
+ MenuList: MenuList$1,
17636
17647
  MenuPortal: MenuPortal,
17637
17648
  LoadingMessage: LoadingMessage,
17638
17649
  NoOptionsMessage: NoOptionsMessage,
@@ -17650,33 +17661,33 @@
17650
17661
  return _objectSpread2(_objectSpread2({}, components), props.components);
17651
17662
  };
17652
17663
 
17653
- var safeIsNaN = Number.isNaN ||
17664
+ var safeIsNaN$1 = Number.isNaN ||
17654
17665
  function ponyfill(value) {
17655
17666
  return typeof value === 'number' && value !== value;
17656
17667
  };
17657
- function isEqual$1(first, second) {
17668
+ function isEqual$2(first, second) {
17658
17669
  if (first === second) {
17659
17670
  return true;
17660
17671
  }
17661
- if (safeIsNaN(first) && safeIsNaN(second)) {
17672
+ if (safeIsNaN$1(first) && safeIsNaN$1(second)) {
17662
17673
  return true;
17663
17674
  }
17664
17675
  return false;
17665
17676
  }
17666
- function areInputsEqual(newInputs, lastInputs) {
17677
+ function areInputsEqual$1(newInputs, lastInputs) {
17667
17678
  if (newInputs.length !== lastInputs.length) {
17668
17679
  return false;
17669
17680
  }
17670
17681
  for (var i = 0; i < newInputs.length; i++) {
17671
- if (!isEqual$1(newInputs[i], lastInputs[i])) {
17682
+ if (!isEqual$2(newInputs[i], lastInputs[i])) {
17672
17683
  return false;
17673
17684
  }
17674
17685
  }
17675
17686
  return true;
17676
17687
  }
17677
17688
 
17678
- function memoizeOne(resultFn, isEqual) {
17679
- if (isEqual === void 0) { isEqual = areInputsEqual; }
17689
+ function memoizeOne$1(resultFn, isEqual) {
17690
+ if (isEqual === void 0) { isEqual = areInputsEqual$1; }
17680
17691
  var cache = null;
17681
17692
  function memoized() {
17682
17693
  var newArgs = [];
@@ -18187,7 +18198,7 @@
18187
18198
  });
18188
18199
  };
18189
18200
 
18190
- var memoizedStripDiacriticsForInput = memoizeOne(stripDiacritics);
18201
+ var memoizedStripDiacriticsForInput = memoizeOne$1(stripDiacritics);
18191
18202
  var trimString = function trimString(str) {
18192
18203
  return str.replace(/^\s+|\s+$/g, '');
18193
18204
  };
@@ -24170,6 +24181,7 @@
24170
24181
  error = _ref6.error,
24171
24182
  maxHeight = _ref6.maxHeight,
24172
24183
  windowed = _ref6.windowed,
24184
+ hasIcon = _ref6.hasIcon,
24173
24185
  variant = _ref6.variant,
24174
24186
  _ref6$hasDefaultOptio = _ref6.hasDefaultOptions,
24175
24187
  hasDefaultOptions = _ref6$hasDefaultOptio === void 0 ? true : _ref6$hasDefaultOptio;
@@ -24185,7 +24197,7 @@
24185
24197
  });
24186
24198
  },
24187
24199
  control: function control(provided, state) {
24188
- return Object.assign(Object.assign({}, provided), {
24200
+ return Object.assign(Object.assign(Object.assign({}, provided), {
24189
24201
  display: "flex",
24190
24202
  minHeight: theme.space.x5,
24191
24203
  paddingLeft: theme.space.x1,
@@ -24246,6 +24258,8 @@
24246
24258
  theme: theme
24247
24259
  })
24248
24260
  }
24261
+ }), hasIcon && {
24262
+ paddingLeft: "calc(" + theme.space.x3 + " + " + theme.space.x1_5 + ")"
24249
24263
  });
24250
24264
  },
24251
24265
  dropdownIndicator: function dropdownIndicator(provided) {
@@ -24454,6 +24468,14 @@
24454
24468
  }, {});
24455
24469
  };
24456
24470
 
24471
+ var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
24472
+ var baseSelectProps = useStateManager(props);
24473
+ return /*#__PURE__*/React__namespace.createElement(Select, _extends$3({
24474
+ ref: ref
24475
+ }, baseSelectProps));
24476
+ });
24477
+ var StateManagedSelect$1 = StateManagedSelect;
24478
+
24457
24479
  var StyledOption = styled__default["default"].div.withConfig({
24458
24480
  displayName: "SelectOption__StyledOption",
24459
24481
  componentId: "sc-i7ae6z-0"
@@ -24498,24 +24520,29 @@
24498
24520
  });
24499
24521
  });
24500
24522
  function SelectOption$1(props) {
24501
- var variant = useComponentVariant(props.variant);
24502
24523
  return /*#__PURE__*/React__default["default"].createElement(StyledOption, {
24503
24524
  isSelected: props.isSelected,
24504
24525
  isFocused: props.isFocused,
24505
- variant: variant,
24506
24526
  "data-testid": "select-option"
24507
- }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.Option, Object.assign({}, props), props.children));
24527
+ }, /*#__PURE__*/React__default["default"].createElement(components.Option, Object.assign({}, props), props.children));
24508
24528
  }
24509
24529
 
24510
- var SelectControl$1 = function SelectControl(props) {
24511
- // eslint-disable-next-line react/prop-types
24512
- var isFocused = props.isFocused;
24530
+ var SelectControl$1 = function SelectControl(_a) {
24531
+ var iconLeft = _a.iconLeft,
24532
+ isFocused = _a.isFocused,
24533
+ children = _a.children,
24534
+ props = __rest$3(_a, ["iconLeft", "isFocused", "children"]);
24535
+
24513
24536
  return /*#__PURE__*/React__default["default"].createElement("div", {
24514
24537
  "data-testid": "select-control"
24515
24538
  }, /*#__PURE__*/React__default["default"].createElement(components.Control, Object.assign({
24516
24539
  className: isFocused ? "nds-select--is-focused" : null,
24517
24540
  isFocused: isFocused
24518
- }, props), props.children));
24541
+ }, props), iconLeft && /*#__PURE__*/React__default["default"].createElement(InputIcon, {
24542
+ left: "x1",
24543
+ icon: iconLeft,
24544
+ size: "x3"
24545
+ }), children));
24519
24546
  };
24520
24547
  var SelectMultiValue$1 = function SelectMultiValue(props) {
24521
24548
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -24552,11 +24579,9 @@
24552
24579
  }, /*#__PURE__*/React__default["default"].createElement(components.Menu, Object.assign({}, props), props.children));
24553
24580
  };
24554
24581
  function SelectOption(props) {
24555
- var variant = useComponentVariant(props.variant);
24556
24582
  return /*#__PURE__*/React__default["default"].createElement(StyledOption, {
24557
24583
  isSelected: props.isSelected,
24558
24584
  isFocused: props.isFocused,
24559
- variant: variant,
24560
24585
  "data-testid": "select-option"
24561
24586
  }, /*#__PURE__*/React__default["default"].createElement(components.Option, Object.assign({}, props), props.children));
24562
24587
  }
@@ -24595,12 +24620,13 @@
24595
24620
  defaultOptions = _a.defaultOptions,
24596
24621
  loadOptions = _a.loadOptions,
24597
24622
  isClearable = _a.isClearable,
24598
- variant = _a.variant,
24599
- props = __rest$3(_a, ["autocomplete", "labelText", "required", "requirementText", "helpText", "noOptionsMessage", "disabled", "errorMessage", "errorList", "id", "initialIsOpen", "maxHeight", "menuPosition", "multiselect", "name", "onChange", "placeholder", "value", "defaultValue", "className", "classNamePrefix", "onBlur", "menuIsOpen", "onMenuOpen", "onMenuClose", "onInputChange", "components", "aria-label", "cacheOptions", "defaultOptions", "loadOptions", "isClearable", "variant"]);
24623
+ iconLeft = _a.iconLeft,
24624
+ props = __rest$3(_a, ["autocomplete", "labelText", "required", "requirementText", "helpText", "noOptionsMessage", "disabled", "errorMessage", "errorList", "id", "initialIsOpen", "maxHeight", "menuPosition", "multiselect", "name", "onChange", "placeholder", "value", "defaultValue", "className", "classNamePrefix", "onBlur", "menuIsOpen", "onMenuOpen", "onMenuClose", "onInputChange", "components", "aria-label", "cacheOptions", "defaultOptions", "loadOptions", "isClearable", "iconLeft"]);
24600
24625
 
24601
24626
  var _useTranslation = useTranslation(),
24602
24627
  t = _useTranslation.t;
24603
24628
 
24629
+ var variant = useComponentVariant();
24604
24630
  var theme = styled.useTheme();
24605
24631
  var spaceProps = getSubset(props, propTypes$1.space);
24606
24632
  var error = !!(errorMessage || errorList);
@@ -24618,8 +24644,10 @@
24618
24644
  defaultInputValue: defaultValue,
24619
24645
  placeholder: placeholder || t("start typing"),
24620
24646
  styles: customStyles({
24647
+ hasIcon: Boolean(iconLeft),
24621
24648
  theme: theme,
24622
24649
  error: error,
24650
+ variant: variant,
24623
24651
  maxHeight: maxHeight,
24624
24652
  windowed: false,
24625
24653
  hasDefaultOptions: Boolean(defaultOptions)
@@ -24647,7 +24675,11 @@
24647
24675
  variant: componentVariant
24648
24676
  }, props), props.children);
24649
24677
  },
24650
- Control: SelectControl$1,
24678
+ Control: function Control(props) {
24679
+ return /*#__PURE__*/React__default["default"].createElement(SelectControl$1, Object.assign({
24680
+ iconLeft: iconLeft
24681
+ }, props), props.children);
24682
+ },
24651
24683
  MultiValue: SelectMultiValue$1,
24652
24684
  ClearIndicator: SelectClearIndicator$1,
24653
24685
  DropdownIndicator: SelectDropdownIndicator$1,
@@ -29357,11 +29389,10 @@
29357
29389
  textAlign: prefixAlignment
29358
29390
  }), /*#__PURE__*/React__default["default"].createElement(InputWrapper, {
29359
29391
  maxWidth: inputWidth
29360
- }, iconLeft && /*#__PURE__*/React__default["default"].createElement(StyledInputIcon, {
29392
+ }, iconLeft && /*#__PURE__*/React__default["default"].createElement(InputIcon, {
29361
29393
  left: "x1",
29362
29394
  icon: iconLeft,
29363
- size: iconLeftSize,
29364
- variant: variant
29395
+ size: iconLeftSize
29365
29396
  }), /*#__PURE__*/React__default["default"].createElement(StyledInput, Object.assign({
29366
29397
  paddingLeft: iconLeft ? "calc(" + theme.space[iconLeftSize] + " + " + theme.space.x1_5 + ")" : theme.space.x1,
29367
29398
  paddingRight: iconRight ? "calc(" + theme.space[iconRightSize] + " + " + theme.space.x1_5 + ")" : theme.space.x1,
@@ -29373,11 +29404,10 @@
29373
29404
  size: htmlSize,
29374
29405
  variant: componentVariant,
29375
29406
  inputWidth: inputWidth
29376
- }, props)), iconRight && /*#__PURE__*/React__default["default"].createElement(StyledInputIcon, {
29407
+ }, props)), iconRight && /*#__PURE__*/React__default["default"].createElement(InputIcon, {
29377
29408
  right: "x1",
29378
29409
  icon: iconRight,
29379
- size: iconRightSize,
29380
- variant: variant
29410
+ size: iconRightSize
29381
29411
  })), /*#__PURE__*/React__default["default"].createElement(Suffix, {
29382
29412
  suffix: suffix,
29383
29413
  suffixWidth: suffixWidth,
@@ -29449,24 +29479,11 @@
29449
29479
  theme: theme
29450
29480
  });
29451
29481
  }, space);
29452
- var StyledInputIcon = styled__default["default"](Icon).withConfig({
29453
- displayName: "InputField__StyledInputIcon",
29454
- componentId: "sc-a97ghf-2"
29455
- })(function (_ref4) {
29456
- var theme = _ref4.theme;
29457
- return {
29458
- position: "absolute",
29459
- color: theme.colors.midGrey,
29460
- bottom: "50%",
29461
- transform: "translateY(50%)",
29462
- pointerEvents: "none"
29463
- };
29464
- }, position);
29465
29482
 
29466
- var cssForState = function cssForState(_ref5) {
29467
- var disabled = _ref5.disabled,
29468
- error = _ref5.error,
29469
- theme = _ref5.theme;
29483
+ var cssForState = function cssForState(_ref4) {
29484
+ var disabled = _ref4.disabled,
29485
+ error = _ref4.error,
29486
+ theme = _ref4.theme;
29470
29487
  if (disabled) return {
29471
29488
  color: theme.colors.midGrey,
29472
29489
  borderColor: theme.colors.lightGrey,
@@ -34390,7 +34407,7 @@
34390
34407
  * //=> false
34391
34408
  */
34392
34409
 
34393
- function isEqual(dirtyLeftDate, dirtyRightDate) {
34410
+ function isEqual$1(dirtyLeftDate, dirtyRightDate) {
34394
34411
  requiredArgs$1(2, arguments);
34395
34412
  var dateLeft = toDate$1(dirtyLeftDate);
34396
34413
  var dateRight = toDate$1(dirtyRightDate);
@@ -37698,7 +37715,7 @@
37698
37715
  });
37699
37716
  }
37700
37717
 
37701
- function oe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n);}return r}function ae(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(r),!0).forEach((function(t){le(e,t,r[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):oe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t));}));}return e}function se(e){return (se="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function pe(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ie(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n);}}function ce(e,t,r){return t&&ie(e.prototype,t),r&&ie(e,r),e}function le(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function de$1(){return (de$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e}).apply(this,arguments)}function ue(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&me(e,t);}function he(e){return (he=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function me(e,t){return (me=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function fe(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ye(e,t){return !t||"object"!=typeof t&&"function"!=typeof t?fe(e):t}function ve(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return !1}}();return function(){var r,n=he(e);if(t){var o=he(this).constructor;r=Reflect.construct(n,arguments,o);}else r=n.apply(this,arguments);return ye(this,r)}}function De(e){return function(e){if(Array.isArray(e))return we(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return we(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return we(e,t)}(e)||function(){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 we(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function ke(e,t){switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}}function ge(e,t){switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}}var be={p:ge,P:function(e,t){var r,n=e.match(/(P+)(p+)?/),o=n[1],a=n[2];if(!a)return ke(e,t);switch(o){case"P":r=t.dateTime({width:"short"});break;case"PP":r=t.dateTime({width:"medium"});break;case"PPP":r=t.dateTime({width:"long"});break;case"PPPP":default:r=t.dateTime({width:"full"});}return r.replace("{{date}}",ke(o,t)).replace("{{time}}",ge(a,t))}},Ce=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;function _e(e){var t=e?"string"==typeof e||e instanceof String?parseISO(e):toDate$1(e):new Date;return Me(t)?t:null}function Se(e,t,r,n,a){var s=null,p=qe(r)||qe(Ve()),i=!0;return Array.isArray(t)?(t.forEach((function(t){var r=parse(e,t,new Date,{locale:p});n&&(i=Me(r,a)&&e===format$1(r,t,{awareOfUnicodeTokens:!0})),Me(r,a)&&i&&(s=r);})),s):(s=parse(e,t,new Date,{locale:p}),n?i=Me(s)&&e===format$1(s,t,{awareOfUnicodeTokens:!0}):Me(s)||(t=t.match(Ce).map((function(e){var t=e[0];return "p"===t||"P"===t?p?(0, be[t])(e,p.formatLong):t:e})).join(""),e.length>0&&(s=parse(e,t.slice(0,e.length),new Date)),Me(s)||(s=new Date(e))),Me(s)&&i?s:null)}function Me(e,t){return t=t||new Date("1/1/1000"),isValid$1(e)&&isAfter$1(e,t)}function Pe(e,t,r){if("en"===r)return format$1(e,t,{awareOfUnicodeTokens:!0});var n=qe(r);return r&&!n&&console.warn('A locale object was not found for the provided string ["'.concat(r,'"].')),!n&&Ve()&&qe(Ve())&&(n=qe(Ve())),format$1(e,t,{locale:n||null,awareOfUnicodeTokens:!0})}function Ee(e,t){var r=t.dateFormat,n=t.locale;return e&&Pe(e,Array.isArray(r)?r[0]:r,n)||""}function Ne(e,t){var r=t.hour,n=void 0===r?0:r,o=t.minute,a=void 0===o?0:o,s=t.second;return setHours(setMinutes$1(setSeconds(e,void 0===s?0:s),a),n)}function Oe(e,t){var r=t&&qe(t)||Ve()&&qe(Ve());return getISOWeek(e,r?{locale:r}:null)}function xe(e,t){return Pe(e,"ddd",t)}function Te(e){return startOfDay$1(e)}function Ye(e,t,r){var n=qe(t||Ve());return startOfWeek(e,{locale:n,weekStartsOn:r})}function Ie(e){return startOfMonth(e)}function Le(e){return startOfYear(e)}function Fe(e){return startOfQuarter(e)}function Re(e,t){return e&&t?isSameYear(e,t):!e&&!t}function Ae(e,t){return e&&t?isSameMonth(e,t):!e&&!t}function Be(e,t){return e&&t?isSameQuarter(e,t):!e&&!t}function We(e,t){return e&&t?isSameDay$1(e,t):!e&&!t}function Ke(e,t){return e&&t?isEqual(e,t):!e&&!t}function je(e,t,r){var n,o=startOfDay$1(t),a=endOfDay(r);try{n=isWithinInterval(e,{start:o,end:a});}catch(e){n=!1;}return n}function He(e,t){var r="undefined"!=typeof window?window:global;r.__localeData__||(r.__localeData__={}),r.__localeData__[e]=t;}function Ve(){return ("undefined"!=typeof window?window:global).__localeId__}function qe(e){if("string"==typeof e){var t="undefined"!=typeof window?window:global;return t.__localeData__?t.__localeData__[e]:null}return e}function Ue(e,t){return Pe(setMonth(_e(),e),"LLLL",t)}function $e(e,t){return Pe(setMonth(_e(),e),"LLL",t)}function ze(e,t){return Pe(setQuarter(_e(),e),"QQQ",t)}function Ge(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return We(e,t)}))||a&&!a.some((function(t){return We(e,t)}))||s&&!s(_e(e))||!1}function Je(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeDates;return r&&r.some((function(t){return We(e,t)}))||!1}function Xe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return Ae(e,t)}))||a&&!a.some((function(t){return Ae(e,t)}))||s&&!s(_e(e))||!1}function Ze(e,t,r,n){var o=getYear(e),a=getMonth(e),s=getYear(t),p=getMonth(t),i=getYear(n);return o===s&&o===i?a<=r&&r<=p:o<s?i===o&&a<=r||i===s&&p>=r||i<s&&i>o:void 0}function et(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return Be(e,t)}))||a&&!a.some((function(t){return Be(e,t)}))||s&&!s(_e(e))||!1}function tt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=new Date(e,0,1);return nt(o,{minDate:r,maxDate:n})||!1}function rt(e,t,r,n){var o=getYear(e),a=getQuarter(e),s=getYear(t),p=getQuarter(t),i=getYear(n);return o===s&&o===i?a<=r&&r<=p:o<s?i===o&&a<=r||i===s&&p>=r||i<s&&i>o:void 0}function nt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate;return r&&differenceInCalendarDays$1(e,r)<0||n&&differenceInCalendarDays$1(e,n)>0}function ot(e,t){return t.some((function(t){return getHours(t)===getHours(e)&&getMinutes(t)===getMinutes(e)}))}function at(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeTimes,n=t.includeTimes,o=t.filterTime;return r&&ot(e,r)||n&&!ot(e,n)||o&&!o(e)||!1}function st(e,t){var r=t.minTime,n=t.maxTime;if(!r||!n)throw new Error("Both minTime and maxTime props required");var o,a=_e(),s=setHours(setMinutes$1(a,getMinutes(e)),getHours(e)),p=setHours(setMinutes$1(a,getMinutes(r)),getHours(r)),i=setHours(setMinutes$1(a,getMinutes(n)),getHours(n));try{o=!isWithinInterval(s,{start:p,end:i});}catch(e){o=!1;}return o}function pt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.includeDates,o=subMonths(e,1);return r&&differenceInCalendarMonths(r,o)>0||n&&n.every((function(e){return differenceInCalendarMonths(e,o)>0}))||!1}function it(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.includeDates,o=addMonths(e,1);return r&&differenceInCalendarMonths(o,r)>0||n&&n.every((function(e){return differenceInCalendarMonths(o,e)>0}))||!1}function ct(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.includeDates,o=subYears(e,1);return r&&differenceInCalendarYears(r,o)>0||n&&n.every((function(e){return differenceInCalendarYears(e,o)>0}))||!1}function lt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.includeDates,o=addYears(e,1);return r&&differenceInCalendarYears(o,r)>0||n&&n.every((function(e){return differenceInCalendarYears(o,e)>0}))||!1}function dt(e){var t=e.minDate,r=e.includeDates;if(r&&t){var n=r.filter((function(e){return differenceInCalendarDays$1(e,t)>=0}));return min(n)}return r?min(r):t}function ut(e){var t=e.maxDate,r=e.includeDates;if(r&&t){var n=r.filter((function(e){return differenceInCalendarDays$1(e,t)<=0}));return max(n)}return r?max(r):t}function ht(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"react-datepicker__day--highlighted",n=new Map,o=0,a=e.length;o<a;o++){var s=e[o];if(isDate(s)){var p=Pe(s,"MM.dd.yyyy"),i=n.get(p)||[];i.includes(t)||(i.push(t),n.set(p,i));}else if("object"===se(s)){var c=Object.keys(s),l=c[0],d=s[c[0]];if("string"==typeof l&&d.constructor===Array)for(var u=0,h=d.length;u<h;u++){var m=Pe(d[u],"MM.dd.yyyy"),f=n.get(m)||[];f.includes(l)||(f.push(l),n.set(m,f));}}}return n}function mt(e,t,r,n,o){for(var p=o.length,i=[],c=0;c<p;c++){var l=addMinutes(addHours(e,getHours(o[c])),getMinutes(o[c])),d=addMinutes(e,(r+1)*n);isAfter$1(l,t)&&isBefore$1(l,d)&&i.push(o[c]);}return i}function ft(e){return e<10?"0".concat(e):"".concat(e)}function yt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:12,r=Math.ceil(getYear(e)/t)*t,n=r-(t-1);return {startPeriod:n,endPeriod:r}}function vt(e,t,r,n){for(var o=[],a=0;a<2*t+1;a++){var s=e+t-a,p=!0;r&&(p=getYear(r)<=s),n&&p&&(p=getYear(n)>=s),p&&o.push(s);}return o}var Dt=onClickOutsideHOC(function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(t){var r;pe(this,o),le(fe(r=n.call(this,t)),"renderOptions",(function(){var t=r.props.year,n=r.state.yearsList.map((function(n){return React__default["default"].createElement("div",{className:t===n?"react-datepicker__year-option react-datepicker__year-option--selected_year":"react-datepicker__year-option",key:n,onClick:r.onChange.bind(fe(r),n)},t===n?React__default["default"].createElement("span",{className:"react-datepicker__year-option--selected"},"✓"):"",n)})),o=r.props.minDate?getYear(r.props.minDate):null,a=r.props.maxDate?getYear(r.props.maxDate):null;return a&&r.state.yearsList.find((function(e){return e===a}))||n.unshift(React__default["default"].createElement("div",{className:"react-datepicker__year-option",key:"upcoming",onClick:r.incrementYears},React__default["default"].createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming"}))),o&&r.state.yearsList.find((function(e){return e===o}))||n.push(React__default["default"].createElement("div",{className:"react-datepicker__year-option",key:"previous",onClick:r.decrementYears},React__default["default"].createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous"}))),n})),le(fe(r),"onChange",(function(e){r.props.onChange(e);})),le(fe(r),"handleClickOutside",(function(){r.props.onCancel();})),le(fe(r),"shiftYears",(function(e){var t=r.state.yearsList.map((function(t){return t+e}));r.setState({yearsList:t});})),le(fe(r),"incrementYears",(function(){return r.shiftYears(1)})),le(fe(r),"decrementYears",(function(){return r.shiftYears(-1)}));var a=t.yearDropdownItemNumber,s=t.scrollableYearDropdown,p=a||(s?10:5);return r.state={yearsList:vt(r.props.year,p,r.props.minDate,r.props.maxDate)},r}return ce(o,[{key:"render",value:function(){var r=t__default["default"]({"react-datepicker__year-dropdown":!0,"react-datepicker__year-dropdown--scrollable":this.props.scrollableYearDropdown});return React__default["default"].createElement("div",{className:r},this.renderOptions())}}]),o}()),wt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(){for(var r=t.props.minDate?getYear(t.props.minDate):1900,n=t.props.maxDate?getYear(t.props.maxDate):2100,o=[],a=r;a<=n;a++)o.push(React__default["default"].createElement("option",{key:a,value:a},a));return o})),le(fe(t),"onSelectChange",(function(e){t.onChange(e.target.value);})),le(fe(t),"renderSelectMode",(function(){return React__default["default"].createElement("select",{value:t.props.year,className:"react-datepicker__year-select",onChange:t.onSelectChange},t.renderSelectOptions())})),le(fe(t),"renderReadView",(function(r){return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__year-read-view",onClick:function(e){return t.toggleDropdown(e)}},React__default["default"].createElement("span",{className:"react-datepicker__year-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__year-read-view--selected-year"},t.props.year))})),le(fe(t),"renderDropdown",(function(){return React__default["default"].createElement(Dt,{key:"dropdown",year:t.props.year,onChange:t.onChange,onCancel:t.toggleDropdown,minDate:t.props.minDate,maxDate:t.props.maxDate,scrollableYearDropdown:t.props.scrollableYearDropdown,yearDropdownItemNumber:t.props.yearDropdownItemNumber})})),le(fe(t),"renderScrollMode",(function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r})),le(fe(t),"onChange",(function(e){t.toggleDropdown(),e!==t.props.year&&t.props.onChange(e);})),le(fe(t),"toggleDropdown",(function(e){t.setState({dropdownVisible:!t.state.dropdownVisible},(function(){t.props.adjustDateOnChange&&t.handleYearChange(t.props.date,e);}));})),le(fe(t),"handleYearChange",(function(e,r){t.onSelect(e,r),t.setOpen();})),le(fe(t),"onSelect",(function(e,r){t.props.onSelect&&t.props.onSelect(e,r);})),le(fe(t),"setOpen",(function(){t.props.setOpen&&t.props.setOpen(!0);})),t}return ce(n,[{key:"render",value:function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();}return React__default["default"].createElement("div",{className:"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}(),kt=onClickOutsideHOC(function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"renderOptions",(function(){return t.props.monthNames.map((function(r,n){return React__default["default"].createElement("div",{className:t.props.month===n?"react-datepicker__month-option react-datepicker__month-option--selected_month":"react-datepicker__month-option",key:r,onClick:t.onChange.bind(fe(t),n)},t.props.month===n?React__default["default"].createElement("span",{className:"react-datepicker__month-option--selected"},"✓"):"",r)}))})),le(fe(t),"onChange",(function(e){return t.props.onChange(e)})),le(fe(t),"handleClickOutside",(function(){return t.props.onCancel()})),t}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__month-dropdown"},this.renderOptions())}}]),n}()),gt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(t){return t.map((function(t,r){return React__default["default"].createElement("option",{key:r,value:r},t)}))})),le(fe(t),"renderSelectMode",(function(r){return React__default["default"].createElement("select",{value:t.props.month,className:"react-datepicker__month-select",onChange:function(e){return t.onChange(e.target.value)}},t.renderSelectOptions(r))})),le(fe(t),"renderReadView",(function(r,n){return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__month-read-view",onClick:t.toggleDropdown},React__default["default"].createElement("span",{className:"react-datepicker__month-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__month-read-view--selected-month"},n[t.props.month]))})),le(fe(t),"renderDropdown",(function(r){return React__default["default"].createElement(kt,{key:"dropdown",month:t.props.month,monthNames:r,onChange:t.onChange,onCancel:t.toggleDropdown})})),le(fe(t),"renderScrollMode",(function(e){var r=t.state.dropdownVisible,n=[t.renderReadView(!r,e)];return r&&n.unshift(t.renderDropdown(e)),n})),le(fe(t),"onChange",(function(e){t.toggleDropdown(),e!==t.props.month&&t.props.onChange(e);})),le(fe(t),"toggleDropdown",(function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})})),t}return ce(n,[{key:"render",value:function(){var t,r=this,n=[0,1,2,3,4,5,6,7,8,9,10,11].map(this.props.useShortMonthInDropdown?function(e){return $e(e,r.props.locale)}:function(e){return Ue(e,r.props.locale)});switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode(n);break;case"select":t=this.renderSelectMode(n);}return React__default["default"].createElement("div",{className:"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}();function bt(e,t){for(var r=[],n=Ie(e),o=Ie(t);!isAfter$1(n,o);)r.push(_e(n)),n=addMonths(n,1);return r}var Ct=onClickOutsideHOC(function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(t){var r;return pe(this,o),le(fe(r=n.call(this,t)),"renderOptions",(function(){return r.state.monthYearsList.map((function(t){var n=getTime(t),o=Re(r.props.date,t)&&Ae(r.props.date,t);return React__default["default"].createElement("div",{className:o?"react-datepicker__month-year-option --selected_month-year":"react-datepicker__month-year-option",key:n,onClick:r.onChange.bind(fe(r),n)},o?React__default["default"].createElement("span",{className:"react-datepicker__month-year-option--selected"},"✓"):"",Pe(t,r.props.dateFormat,r.props.locale))}))})),le(fe(r),"onChange",(function(e){return r.props.onChange(e)})),le(fe(r),"handleClickOutside",(function(){r.props.onCancel();})),r.state={monthYearsList:bt(r.props.minDate,r.props.maxDate)},r}return ce(o,[{key:"render",value:function(){var r=t__default["default"]({"react-datepicker__month-year-dropdown":!0,"react-datepicker__month-year-dropdown--scrollable":this.props.scrollableMonthYearDropdown});return React__default["default"].createElement("div",{className:r},this.renderOptions())}}]),o}()),_t=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(){for(var r=Ie(t.props.minDate),n=Ie(t.props.maxDate),o=[];!isAfter$1(r,n);){var a=getTime(r);o.push(React__default["default"].createElement("option",{key:a,value:a},Pe(r,t.props.dateFormat,t.props.locale))),r=addMonths(r,1);}return o})),le(fe(t),"onSelectChange",(function(e){t.onChange(e.target.value);})),le(fe(t),"renderSelectMode",(function(){return React__default["default"].createElement("select",{value:getTime(Ie(t.props.date)),className:"react-datepicker__month-year-select",onChange:t.onSelectChange},t.renderSelectOptions())})),le(fe(t),"renderReadView",(function(r){var n=Pe(t.props.date,t.props.dateFormat,t.props.locale);return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__month-year-read-view",onClick:function(e){return t.toggleDropdown(e)}},React__default["default"].createElement("span",{className:"react-datepicker__month-year-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__month-year-read-view--selected-month-year"},n))})),le(fe(t),"renderDropdown",(function(){return React__default["default"].createElement(Ct,{key:"dropdown",date:t.props.date,dateFormat:t.props.dateFormat,onChange:t.onChange,onCancel:t.toggleDropdown,minDate:t.props.minDate,maxDate:t.props.maxDate,scrollableMonthYearDropdown:t.props.scrollableMonthYearDropdown,locale:t.props.locale})})),le(fe(t),"renderScrollMode",(function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r})),le(fe(t),"onChange",(function(e){t.toggleDropdown();var r=_e(parseInt(e));Re(t.props.date,r)&&Ae(t.props.date,r)||t.props.onChange(r);})),le(fe(t),"toggleDropdown",(function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})})),t}return ce(n,[{key:"render",value:function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();}return React__default["default"].createElement("div",{className:"react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}(),St=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var r;pe(this,o);for(var a=arguments.length,s=new Array(a),p=0;p<a;p++)s[p]=arguments[p];return le(fe(r=n.call.apply(n,[this].concat(s))),"dayEl",React__default["default"].createRef()),le(fe(r),"handleClick",(function(e){!r.isDisabled()&&r.props.onClick&&r.props.onClick(e);})),le(fe(r),"handleMouseEnter",(function(e){!r.isDisabled()&&r.props.onMouseEnter&&r.props.onMouseEnter(e);})),le(fe(r),"handleOnKeyDown",(function(e){" "===e.key&&(e.preventDefault(),e.key="Enter"),r.props.handleOnKeyDown(e);})),le(fe(r),"isSameDay",(function(e){return We(r.props.day,e)})),le(fe(r),"isKeyboardSelected",(function(){return !r.props.disabledKeyboardNavigation&&!r.isSameDay(r.props.selected)&&r.isSameDay(r.props.preSelection)})),le(fe(r),"isDisabled",(function(){return Ge(r.props.day,r.props)})),le(fe(r),"isExcluded",(function(){return Je(r.props.day,r.props)})),le(fe(r),"getHighLightedClass",(function(e){var t=r.props,n=t.day,o=t.highlightDates;if(!o)return !1;var a=Pe(n,"MM.dd.yyyy");return o.get(a)})),le(fe(r),"isInRange",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&je(t,n,o)})),le(fe(r),"isInSelectingRange",(function(){var e,t=r.props,n=t.day,o=t.selectsStart,a=t.selectsEnd,s=t.selectsRange,p=t.startDate,i=t.endDate,c=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return !(!(o||a||s)||!c||r.isDisabled())&&(o&&i&&(isBefore$1(c,i)||Ke(c,i))?je(n,c,i):(a&&p&&(isAfter$1(c,p)||Ke(c,p))||!(!s||!p||i||!isAfter$1(c,p)&&!Ke(c,p)))&&je(n,p,c))})),le(fe(r),"isSelectingRangeStart",(function(){var e;if(!r.isInSelectingRange())return !1;var t=r.props,n=t.day,o=t.startDate,a=t.selectsStart,s=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return We(n,a?s:o)})),le(fe(r),"isSelectingRangeEnd",(function(){var e;if(!r.isInSelectingRange())return !1;var t=r.props,n=t.day,o=t.endDate,a=t.selectsEnd,s=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return We(n,a?s:o)})),le(fe(r),"isRangeStart",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&We(n,t)})),le(fe(r),"isRangeEnd",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&We(o,t)})),le(fe(r),"isWeekend",(function(){var e=getDay(r.props.day);return 0===e||6===e})),le(fe(r),"isOutsideMonth",(function(){return void 0!==r.props.month&&r.props.month!==getMonth(r.props.day)})),le(fe(r),"getClassNames",(function(e){var n=r.props.dayClassName?r.props.dayClassName(e):void 0;return t__default["default"]("react-datepicker__day",n,"react-datepicker__day--"+xe(r.props.day),{"react-datepicker__day--disabled":r.isDisabled(),"react-datepicker__day--excluded":r.isExcluded(),"react-datepicker__day--selected":r.isSameDay(r.props.selected),"react-datepicker__day--keyboard-selected":r.isKeyboardSelected(),"react-datepicker__day--range-start":r.isRangeStart(),"react-datepicker__day--range-end":r.isRangeEnd(),"react-datepicker__day--in-range":r.isInRange(),"react-datepicker__day--in-selecting-range":r.isInSelectingRange(),"react-datepicker__day--selecting-range-start":r.isSelectingRangeStart(),"react-datepicker__day--selecting-range-end":r.isSelectingRangeEnd(),"react-datepicker__day--today":r.isSameDay(_e()),"react-datepicker__day--weekend":r.isWeekend(),"react-datepicker__day--outside-month":r.isOutsideMonth()},r.getHighLightedClass("react-datepicker__day--highlighted"))})),le(fe(r),"getAriaLabel",(function(){var e=r.props,t=e.day,n=e.ariaLabelPrefixWhenEnabled,o=void 0===n?"Choose":n,a=e.ariaLabelPrefixWhenDisabled,s=void 0===a?"Not available":a,p=r.isDisabled()||r.isExcluded()?s:o;return "".concat(p," ").concat(Pe(t,"PPPP",r.props.locale))})),le(fe(r),"getTabIndex",(function(e,t){var n=e||r.props.selected,o=t||r.props.preSelection;return r.isKeyboardSelected()||r.isSameDay(n)&&We(o,n)?0:-1})),le(fe(r),"handleFocusDay",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=!1;0===r.getTabIndex()&&!e.isInputFocused&&r.isSameDay(r.props.preSelection)&&(document.activeElement&&document.activeElement!==document.body||(t=!0),r.props.inline&&!r.props.shouldFocusDayInline&&(t=!1),r.props.containerRef&&r.props.containerRef.current&&r.props.containerRef.current.contains(document.activeElement)&&document.activeElement.classList.contains("react-datepicker__day")&&(t=!0)),t&&r.dayEl.current.focus({preventScroll:!0});})),le(fe(r),"renderDayContents",(function(){if(r.isOutsideMonth()){if(r.props.monthShowsDuplicateDaysEnd&&getDate(r.props.day)<10)return null;if(r.props.monthShowsDuplicateDaysStart&&getDate(r.props.day)>20)return null}return r.props.renderDayContents?r.props.renderDayContents(getDate(r.props.day),r.props.day):getDate(r.props.day)})),le(fe(r),"render",(function(){return React__default["default"].createElement("div",{ref:r.dayEl,className:r.getClassNames(r.props.day),onKeyDown:r.handleOnKeyDown,onClick:r.handleClick,onMouseEnter:r.handleMouseEnter,tabIndex:r.getTabIndex(),"aria-label":r.getAriaLabel(),role:"button","aria-disabled":r.isDisabled()},r.renderDayContents())})),r}return ce(o,[{key:"componentDidMount",value:function(){this.handleFocusDay();}},{key:"componentDidUpdate",value:function(e){this.handleFocusDay(e);}}]),o}(),Mt=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var e;pe(this,o);for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];return le(fe(e=n.call.apply(n,[this].concat(r))),"handleClick",(function(t){e.props.onClick&&e.props.onClick(t);})),e}return ce(o,[{key:"render",value:function(){var r=this.props,n=r.weekNumber,o=r.ariaLabelPrefix,a=void 0===o?"week ":o,s={"react-datepicker__week-number":!0,"react-datepicker__week-number--clickable":!!r.onClick};return React__default["default"].createElement("div",{className:t__default["default"](s),"aria-label":"".concat(a," ").concat(this.props.weekNumber),onClick:this.handleClick},n)}}]),o}(),Pt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"handleDayClick",(function(e,r){t.props.onDayClick&&t.props.onDayClick(e,r);})),le(fe(t),"handleDayMouseEnter",(function(e){t.props.onDayMouseEnter&&t.props.onDayMouseEnter(e);})),le(fe(t),"handleWeekClick",(function(e,r,n){"function"==typeof t.props.onWeekSelect&&t.props.onWeekSelect(e,r,n),t.props.shouldCloseOnSelect&&t.props.setOpen(!1);})),le(fe(t),"formatWeekNumber",(function(e){return t.props.formatWeekNumber?t.props.formatWeekNumber(e):Oe(e)})),le(fe(t),"renderDays",(function(){var r=Ye(t.props.day,t.props.locale,t.props.calendarStartDay),n=[],o=t.formatWeekNumber(r);if(t.props.showWeekNumber){var a=t.props.onWeekSelect?t.handleWeekClick.bind(fe(t),r,o):void 0;n.push(React__default["default"].createElement(Mt,{key:"W",weekNumber:o,onClick:a,ariaLabelPrefix:t.props.ariaLabelPrefix}));}return n.concat([0,1,2,3,4,5,6].map((function(n){var o=addDays$1(r,n);return React__default["default"].createElement(St,{ariaLabelPrefixWhenEnabled:t.props.chooseDayAriaLabelPrefix,ariaLabelPrefixWhenDisabled:t.props.disabledDayAriaLabelPrefix,key:o.valueOf(),day:o,month:t.props.month,onClick:t.handleDayClick.bind(fe(t),o),onMouseEnter:t.handleDayMouseEnter.bind(fe(t),o),minDate:t.props.minDate,maxDate:t.props.maxDate,excludeDates:t.props.excludeDates,includeDates:t.props.includeDates,highlightDates:t.props.highlightDates,selectingDate:t.props.selectingDate,filterDate:t.props.filterDate,preSelection:t.props.preSelection,selected:t.props.selected,selectsStart:t.props.selectsStart,selectsEnd:t.props.selectsEnd,selectsRange:t.props.selectsRange,startDate:t.props.startDate,endDate:t.props.endDate,dayClassName:t.props.dayClassName,renderDayContents:t.props.renderDayContents,disabledKeyboardNavigation:t.props.disabledKeyboardNavigation,handleOnKeyDown:t.props.handleOnKeyDown,isInputFocused:t.props.isInputFocused,containerRef:t.props.containerRef,inline:t.props.inline,shouldFocusDayInline:t.props.shouldFocusDayInline,monthShowsDuplicateDaysEnd:t.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:t.props.monthShowsDuplicateDaysStart,locale:t.props.locale})})))})),t}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__week"},this.renderDays())}}],[{key:"defaultProps",get:function(){return {shouldCloseOnSelect:!0}}}]),n}(),Et=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var r;pe(this,o);for(var a=arguments.length,s=new Array(a),l=0;l<a;l++)s[l]=arguments[l];return le(fe(r=n.call.apply(n,[this].concat(s))),"MONTH_REFS",De(Array(12)).map((function(){return React__default["default"].createRef()}))),le(fe(r),"isDisabled",(function(e){return Ge(e,r.props)})),le(fe(r),"isExcluded",(function(e){return Je(e,r.props)})),le(fe(r),"handleDayClick",(function(e,t){r.props.onDayClick&&r.props.onDayClick(e,t,r.props.orderInDisplay);})),le(fe(r),"handleDayMouseEnter",(function(e){r.props.onDayMouseEnter&&r.props.onDayMouseEnter(e);})),le(fe(r),"handleMouseLeave",(function(){r.props.onMouseLeave&&r.props.onMouseLeave();})),le(fe(r),"isRangeStartMonth",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Ae(setMonth(n,e),o)})),le(fe(r),"isRangeStartQuarter",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Be(setQuarter(n,e),o)})),le(fe(r),"isRangeEndMonth",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Ae(setMonth(n,e),a)})),le(fe(r),"isRangeEndQuarter",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Be(setQuarter(n,e),a)})),le(fe(r),"isWeekInMonth",(function(e){var t=r.props.day,n=addDays$1(e,6);return Ae(e,t)||Ae(n,t)})),le(fe(r),"renderWeeks",(function(){for(var t=[],n=r.props.fixedHeight,o=0,a=!1,s=Ye(Ie(r.props.day),r.props.locale,r.props.calendarStartDay);t.push(React__default["default"].createElement(Pt,{ariaLabelPrefix:r.props.weekAriaLabelPrefix,chooseDayAriaLabelPrefix:r.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:r.props.disabledDayAriaLabelPrefix,key:o,day:s,month:getMonth(r.props.day),onDayClick:r.handleDayClick,onDayMouseEnter:r.handleDayMouseEnter,onWeekSelect:r.props.onWeekSelect,formatWeekNumber:r.props.formatWeekNumber,locale:r.props.locale,minDate:r.props.minDate,maxDate:r.props.maxDate,excludeDates:r.props.excludeDates,includeDates:r.props.includeDates,inline:r.props.inline,shouldFocusDayInline:r.props.shouldFocusDayInline,highlightDates:r.props.highlightDates,selectingDate:r.props.selectingDate,filterDate:r.props.filterDate,preSelection:r.props.preSelection,selected:r.props.selected,selectsStart:r.props.selectsStart,selectsEnd:r.props.selectsEnd,selectsRange:r.props.selectsRange,showWeekNumber:r.props.showWeekNumbers,startDate:r.props.startDate,endDate:r.props.endDate,dayClassName:r.props.dayClassName,setOpen:r.props.setOpen,shouldCloseOnSelect:r.props.shouldCloseOnSelect,disabledKeyboardNavigation:r.props.disabledKeyboardNavigation,renderDayContents:r.props.renderDayContents,handleOnKeyDown:r.props.handleOnKeyDown,isInputFocused:r.props.isInputFocused,containerRef:r.props.containerRef,calendarStartDay:r.props.calendarStartDay,monthShowsDuplicateDaysEnd:r.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:r.props.monthShowsDuplicateDaysStart})),!a;){o++,s=addWeeks(s,1);var p=n&&o>=6,c=!n&&!r.isWeekInMonth(s);if(p||c){if(!r.props.peekNextMonth)break;a=!0;}}return t})),le(fe(r),"onMonthClick",(function(e,t){r.handleDayClick(Ie(setMonth(r.props.day,t)),e);})),le(fe(r),"handleMonthNavigation",(function(e,t){r.isDisabled(t)||r.isExcluded(t)||(r.props.setPreSelection(t),r.MONTH_REFS[e].current&&r.MONTH_REFS[e].current.focus());})),le(fe(r),"onMonthKeyDown",(function(e,t){var n=e.key;if(!r.props.disabledKeyboardNavigation)switch(n){case"Enter":r.onMonthClick(e,t),r.props.setPreSelection(r.props.selected);break;case"ArrowRight":r.handleMonthNavigation(11===t?0:t+1,addMonths(r.props.preSelection,1));break;case"ArrowLeft":r.handleMonthNavigation(0===t?11:t-1,subMonths(r.props.preSelection,1));}})),le(fe(r),"onQuarterClick",(function(e,t){r.handleDayClick(Fe(setQuarter(r.props.day,t)),e);})),le(fe(r),"getMonthClassNames",(function(e){var n=r.props,o=n.day,a=n.startDate,s=n.endDate,p=n.selected,i=n.minDate,c=n.maxDate,l=n.preSelection,d=n.monthClassName,u=d?d(o):void 0;return t__default["default"]("react-datepicker__month-text","react-datepicker__month-".concat(e),u,{"react-datepicker__month--disabled":(i||c)&&Xe(setMonth(o,e),r.props),"react-datepicker__month--selected":getMonth(o)===e&&getYear(o)===getYear(p),"react-datepicker__month-text--keyboard-selected":getMonth(l)===e,"react-datepicker__month--in-range":Ze(a,s,e,o),"react-datepicker__month--range-start":r.isRangeStartMonth(e),"react-datepicker__month--range-end":r.isRangeEndMonth(e)})})),le(fe(r),"getTabIndex",(function(e){var t=getMonth(r.props.preSelection);return r.props.disabledKeyboardNavigation||e!==t?"-1":"0"})),le(fe(r),"getAriaLabel",(function(e){var t=r.props,n=t.ariaLabelPrefix,o=void 0===n?"Choose":n,a=t.disabledDayAriaLabelPrefix,s=void 0===a?"Not available":a,p=t.day,i=setMonth(p,e),c=r.isDisabled(i)||r.isExcluded(i)?s:o;return "".concat(c," ").concat(Pe(i,"MMMM yyyy"))})),le(fe(r),"getQuarterClassNames",(function(e){var n=r.props,o=n.day,a=n.startDate,s=n.endDate,p=n.selected,i=n.minDate,c=n.maxDate;return t__default["default"]("react-datepicker__quarter-text","react-datepicker__quarter-".concat(e),{"react-datepicker__quarter--disabled":(i||c)&&et(setQuarter(o,e),r.props),"react-datepicker__quarter--selected":getQuarter(o)===e&&getYear(o)===getYear(p),"react-datepicker__quarter--in-range":rt(a,s,e,o),"react-datepicker__quarter--range-start":r.isRangeStartQuarter(e),"react-datepicker__quarter--range-end":r.isRangeEndQuarter(e)})})),le(fe(r),"renderMonths",(function(){var t=r.props,n=t.showFullMonthYearPicker,o=t.showTwoColumnMonthYearPicker,a=t.showFourColumnMonthYearPicker,s=t.locale;return (a?[[0,1,2,3],[4,5,6,7],[8,9,10,11]]:o?[[0,1],[2,3],[4,5],[6,7],[8,9],[10,11]]:[[0,1,2],[3,4,5],[6,7,8],[9,10,11]]).map((function(t,o){return React__default["default"].createElement("div",{className:"react-datepicker__month-wrapper",key:o},t.map((function(t,o){return React__default["default"].createElement("div",{ref:r.MONTH_REFS[t],key:o,onClick:function(e){r.onMonthClick(e,t);},onKeyDown:function(e){r.onMonthKeyDown(e,t);},tabIndex:r.getTabIndex(t),className:r.getMonthClassNames(t),role:"button","aria-label":r.getAriaLabel(t)},n?Ue(t,s):$e(t,s))})))}))})),le(fe(r),"renderQuarters",(function(){return React__default["default"].createElement("div",{className:"react-datepicker__quarter-wrapper"},[1,2,3,4].map((function(t,n){return React__default["default"].createElement("div",{key:n,onClick:function(e){r.onQuarterClick(e,t);},className:r.getQuarterClassNames(t)},ze(t,r.props.locale))})))})),le(fe(r),"getClassNames",(function(){var e=r.props;e.day;var n=e.selectingDate,o=e.selectsStart,a=e.selectsEnd,s=e.showMonthYearPicker,p=e.showQuarterYearPicker;return t__default["default"]("react-datepicker__month",{"react-datepicker__month--selecting-range":n&&(o||a)},{"react-datepicker__monthPicker":s},{"react-datepicker__quarterPicker":p})})),r}return ce(o,[{key:"render",value:function(){var t=this.props,r=t.showMonthYearPicker,n=t.showQuarterYearPicker,o=t.day,a=t.ariaLabelPrefix,s=void 0===a?"month ":a;return React__default["default"].createElement("div",{className:this.getClassNames(),onMouseLeave:this.handleMouseLeave,"aria-label":"".concat(s," ").concat(Pe(o,"yyyy-MM"))},r?this.renderMonths():n?this.renderQuarters():this.renderWeeks())}}]),o}(),Nt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,s=new Array(o),p=0;p<o;p++)s[p]=arguments[p];return le(fe(t=r.call.apply(r,[this].concat(s))),"state",{height:null}),le(fe(t),"handleClick",(function(e){(t.props.minTime||t.props.maxTime)&&st(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&at(e,t.props)||t.props.onChange(e);})),le(fe(t),"liClasses",(function(e,r,n){var o=["react-datepicker__time-list-item",t.props.timeClassName?t.props.timeClassName(e,r,n):void 0];return t.props.selected&&r===getHours(e)&&n===getMinutes(e)&&o.push("react-datepicker__time-list-item--selected"),((t.props.minTime||t.props.maxTime)&&st(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&at(e,t.props))&&o.push("react-datepicker__time-list-item--disabled"),t.props.injectTimes&&(60*getHours(e)+getMinutes(e))%t.props.intervals!=0&&o.push("react-datepicker__time-list-item--injected"),o.join(" ")})),le(fe(t),"handleOnKeyDown",(function(e,r){" "===e.key&&(e.preventDefault(),e.key="Enter"),"Enter"===e.key&&t.handleClick(r),t.props.handleOnKeyDown(e);})),le(fe(t),"renderTimes",(function(){for(var r=[],n=t.props.format?t.props.format:"p",o=t.props.intervals,s=Te(_e(t.props.selected)),p=1440/o,i=t.props.injectTimes&&t.props.injectTimes.sort((function(e,t){return e-t})),c=t.props.selected||t.props.openToDate||_e(),l=getHours(c),d=getMinutes(c),u=setHours(setMinutes$1(s,d),l),h=0;h<p;h++){var m=addMinutes(s,h*o);if(r.push(m),i){var f=mt(s,m,h,o,i);r=r.concat(f);}}return r.map((function(r,o){return React__default["default"].createElement("li",{key:o,onClick:t.handleClick.bind(fe(t),r),className:t.liClasses(r,l,d),ref:function(e){(isBefore$1(r,u)||Ke(r,u))&&(t.centerLi=e);},onKeyDown:function(e){t.handleOnKeyDown(e,r);},tabIndex:"0"},Pe(r,n,t.props.locale))}))})),t}return ce(n,[{key:"componentDidMount",value:function(){this.list.scrollTop=n.calcCenterPosition(this.props.monthRef?this.props.monthRef.clientHeight-this.header.clientHeight:this.list.clientHeight,this.centerLi),this.props.monthRef&&this.header&&this.setState({height:this.props.monthRef.clientHeight-this.header.clientHeight});}},{key:"render",value:function(){var t=this,r=this.state.height;return React__default["default"].createElement("div",{className:"react-datepicker__time-container ".concat(this.props.todayButton?"react-datepicker__time-container--with-today-button":"")},React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker__header--time ".concat(this.props.showTimeSelectOnly?"react-datepicker__header--time--only":""),ref:function(e){t.header=e;}},React__default["default"].createElement("div",{className:"react-datepicker-time__header"},this.props.timeCaption)),React__default["default"].createElement("div",{className:"react-datepicker__time"},React__default["default"].createElement("div",{className:"react-datepicker__time-box"},React__default["default"].createElement("ul",{className:"react-datepicker__time-list",ref:function(e){t.list=e;},style:r?{height:r}:{},tabIndex:"0"},this.renderTimes()))))}}],[{key:"defaultProps",get:function(){return {intervals:30,onTimeChange:function(){},todayButton:null,timeCaption:"Time"}}}]),n}();le(Nt,"calcCenterPosition",(function(e,t){return t.offsetTop-(e/2-t.clientHeight/2)}));var Ot=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(e){var r;return pe(this,o),le(fe(r=n.call(this,e)),"handleYearClick",(function(e,t){r.props.onDayClick&&r.props.onDayClick(e,t);})),le(fe(r),"isSameDay",(function(e,t){return We(e,t)})),le(fe(r),"isKeyboardSelected",(function(e){var t=Le(setYear(r.props.date,e));return !r.props.disabledKeyboardNavigation&&!r.props.inline&&!We(t,Le(r.props.selected))&&We(t,Le(r.props.preSelection))})),le(fe(r),"onYearClick",(function(e,t){var n=r.props.date;r.handleYearClick(Le(setYear(n,t)),e);})),le(fe(r),"getYearClassNames",(function(e){var n=r.props,o=n.minDate,a=n.maxDate,s=n.selected;return t__default["default"]("react-datepicker__year-text",{"react-datepicker__year-text--selected":e===getYear(s),"react-datepicker__year-text--disabled":(o||a)&&tt(e,r.props),"react-datepicker__year-text--keyboard-selected":r.isKeyboardSelected(e),"react-datepicker__year-text--today":e===getYear(_e())})})),r}return ce(o,[{key:"render",value:function(){for(var t=this,r=[],n=this.props,o=yt(n.date,n.yearItemNumber),a=o.startPeriod,s=o.endPeriod,p=function(n){r.push(React__default["default"].createElement("div",{onClick:function(e){t.onYearClick(e,n);},className:t.getYearClassNames(n),key:n},n));},i=a;i<=s;i++)p(i);return React__default["default"].createElement("div",{className:"react-datepicker__year"},React__default["default"].createElement("div",{className:"react-datepicker__year-wrapper"},r))}}]),o}(),xt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(t){var o;return pe(this,n),le(fe(o=r.call(this,t)),"onTimeChange",(function(e){o.setState({time:e});var t=new Date;t.setHours(e.split(":")[0]),t.setMinutes(e.split(":")[1]),o.props.onChange(t);})),le(fe(o),"renderTimeInput",(function(){var t=o.state.time,r=o.props,n=r.date,a=r.timeString,s=r.customTimeInput;return s?React__default["default"].cloneElement(s,{date:n,value:t,onChange:o.onTimeChange}):React__default["default"].createElement("input",{type:"time",className:"react-datepicker-time__input",placeholder:"Time",name:"time-input",required:!0,value:t,onChange:function(e){o.onTimeChange(e.target.value||a);}})})),o.state={time:o.props.timeString},o}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__input-time-container"},React__default["default"].createElement("div",{className:"react-datepicker-time__caption"},this.props.timeInputLabel),React__default["default"].createElement("div",{className:"react-datepicker-time__input-container"},React__default["default"].createElement("div",{className:"react-datepicker-time__input"},this.renderTimeInput())))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return e.timeString!==t.time?{time:e.timeString}:null}}]),n}();function Tt(t){var r=t.className,n=t.children,o=t.showPopperArrow,a=t.arrowProps,s=void 0===a?{}:a;return React__default["default"].createElement("div",{className:r},o&&React__default["default"].createElement("div",de$1({className:"react-datepicker__triangle"},s)),n)}var Yt=["react-datepicker__year-select","react-datepicker__month-select","react-datepicker__month-year-select"],It=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(r){var a;return pe(this,o),le(fe(a=n.call(this,r)),"handleClickOutside",(function(e){a.props.onClickOutside(e);})),le(fe(a),"setClickOutsideRef",(function(){return a.containerRef.current})),le(fe(a),"handleDropdownFocus",(function(e){(function(){var e=((arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).className||"").split(/\s+/);return Yt.some((function(t){return e.indexOf(t)>=0}))})(e.target)&&a.props.onDropdownFocus();})),le(fe(a),"getDateInView",(function(){var e=a.props,t=e.preSelection,r=e.selected,n=e.openToDate,o=dt(a.props),s=ut(a.props),p=_e(),i=n||r||t;return i||(o&&isBefore$1(p,o)?o:s&&isAfter$1(p,s)?s:p)})),le(fe(a),"increaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:addMonths(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"decreaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:subMonths(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"handleDayClick",(function(e,t,r){a.props.onSelect(e,t,r),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleDayMouseEnter",(function(e){a.setState({selectingDate:e}),a.props.onDayMouseEnter&&a.props.onDayMouseEnter(e);})),le(fe(a),"handleMonthMouseLeave",(function(){a.setState({selectingDate:null}),a.props.onMonthMouseLeave&&a.props.onMonthMouseLeave();})),le(fe(a),"handleYearChange",(function(e){a.props.onYearChange&&a.props.onYearChange(e),a.props.adjustDateOnChange&&(a.props.onSelect&&a.props.onSelect(e),a.props.setOpen&&a.props.setOpen(!0)),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleMonthChange",(function(e){a.props.onMonthChange&&a.props.onMonthChange(e),a.props.adjustDateOnChange&&(a.props.onSelect&&a.props.onSelect(e),a.props.setOpen&&a.props.setOpen(!0)),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleMonthYearChange",(function(e){a.handleYearChange(e),a.handleMonthChange(e);})),le(fe(a),"changeYear",(function(e){a.setState((function(t){var r=t.date;return {date:setYear(r,e)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"changeMonth",(function(e){a.setState((function(t){var r=t.date;return {date:setMonth(r,e)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"changeMonthYear",(function(e){a.setState((function(t){var r=t.date;return {date:setYear(setMonth(r,getMonth(e)),getYear(e))}}),(function(){return a.handleMonthYearChange(a.state.date)}));})),le(fe(a),"header",(function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,n=Ye(r,a.props.locale,a.props.calendarStartDay),o=[];return a.props.showWeekNumbers&&o.push(React__default["default"].createElement("div",{key:"W",className:"react-datepicker__day-name"},a.props.weekLabel||"#")),o.concat([0,1,2,3,4,5,6].map((function(r){var o=addDays$1(n,r),s=a.formatWeekday(o,a.props.locale),i=a.props.weekDayClassName?a.props.weekDayClassName(o):void 0;return React__default["default"].createElement("div",{key:r,className:t__default["default"]("react-datepicker__day-name",i)},s)})))})),le(fe(a),"formatWeekday",(function(e,t){return a.props.formatWeekDay?function(e,t,r){return t(Pe(e,"EEEE",r))}(e,a.props.formatWeekDay,t):a.props.useWeekdaysShort?function(e,t){return Pe(e,"EEE",t)}(e,t):function(e,t){return Pe(e,"EEEEEE",t)}(e,t)})),le(fe(a),"decreaseYear",(function(){a.setState((function(e){var t=e.date;return {date:subYears(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"renderPreviousButton",(function(){if(!a.props.renderCustomHeader){var t;switch(!0){case a.props.showMonthYearPicker:t=ct(a.state.date,a.props);break;case a.props.showYearPicker:t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.yearItemNumber,o=void 0===n?12:n,a=yt(Le(subYears(e,o)),o).endPeriod,s=r&&getYear(r);return s&&s>a||!1}(a.state.date,a.props);break;default:t=pt(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!t)&&!a.props.showTimeSelectOnly){var r=["react-datepicker__navigation","react-datepicker__navigation--previous"],n=a.decreaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(n=a.decreaseYear),t&&a.props.showDisabledMonthNavigation&&(r.push("react-datepicker__navigation--previous--disabled"),n=null);var o=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,s=a.props,p=s.previousMonthAriaLabel,i=void 0===p?"Previous Month":p,c=s.previousYearAriaLabel,l=void 0===c?"Previous Year":c;return React__default["default"].createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?l:i},React__default["default"].createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--previous"].join(" ")},o?a.props.previousYearButtonLabel:a.props.previousMonthButtonLabel))}}})),le(fe(a),"increaseYear",(function(){a.setState((function(e){var t=e.date;return {date:addYears(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"renderNextButton",(function(){if(!a.props.renderCustomHeader){var t;switch(!0){case a.props.showMonthYearPicker:t=lt(a.state.date,a.props);break;case a.props.showYearPicker:t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.yearItemNumber,o=void 0===n?12:n,a=yt(addYears(e,o),o).startPeriod,s=r&&getYear(r);return s&&s<a||!1}(a.state.date,a.props);break;default:t=it(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!t)&&!a.props.showTimeSelectOnly){var r=["react-datepicker__navigation","react-datepicker__navigation--next"];a.props.showTimeSelect&&r.push("react-datepicker__navigation--next--with-time"),a.props.todayButton&&r.push("react-datepicker__navigation--next--with-today-button");var n=a.increaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(n=a.increaseYear),t&&a.props.showDisabledMonthNavigation&&(r.push("react-datepicker__navigation--next--disabled"),n=null);var o=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,s=a.props,p=s.nextMonthAriaLabel,i=void 0===p?"Next Month":p,c=s.nextYearAriaLabel,d=void 0===c?"Next Year":c;return React__default["default"].createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?d:i},React__default["default"].createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--next"].join(" ")},o?a.props.nextYearButtonLabel:a.props.nextMonthButtonLabel))}}})),le(fe(a),"renderCurrentMonth",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,r=["react-datepicker__current-month"];return a.props.showYearDropdown&&r.push("react-datepicker__current-month--hasYearDropdown"),a.props.showMonthDropdown&&r.push("react-datepicker__current-month--hasMonthDropdown"),a.props.showMonthYearDropdown&&r.push("react-datepicker__current-month--hasMonthYearDropdown"),React__default["default"].createElement("div",{className:r.join(" ")},Pe(t,a.props.dateFormat,a.props.locale))})),le(fe(a),"renderYearDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showYearDropdown&&!t)return React__default["default"].createElement(wt,{adjustDateOnChange:a.props.adjustDateOnChange,date:a.state.date,onSelect:a.props.onSelect,setOpen:a.props.setOpen,dropdownMode:a.props.dropdownMode,onChange:a.changeYear,minDate:a.props.minDate,maxDate:a.props.maxDate,year:getYear(a.state.date),scrollableYearDropdown:a.props.scrollableYearDropdown,yearDropdownItemNumber:a.props.yearDropdownItemNumber})})),le(fe(a),"renderMonthDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthDropdown&&!t)return React__default["default"].createElement(gt,{dropdownMode:a.props.dropdownMode,locale:a.props.locale,onChange:a.changeMonth,month:getMonth(a.state.date),useShortMonthInDropdown:a.props.useShortMonthInDropdown})})),le(fe(a),"renderMonthYearDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthYearDropdown&&!t)return React__default["default"].createElement(_t,{dropdownMode:a.props.dropdownMode,locale:a.props.locale,dateFormat:a.props.dateFormat,onChange:a.changeMonthYear,minDate:a.props.minDate,maxDate:a.props.maxDate,date:a.state.date,scrollableMonthYearDropdown:a.props.scrollableMonthYearDropdown})})),le(fe(a),"renderTodayButton",(function(){if(a.props.todayButton&&!a.props.showTimeSelectOnly)return React__default["default"].createElement("div",{className:"react-datepicker__today-button",onClick:function(e){return a.props.onSelect(startOfDay$1(_e()),e)}},a.props.todayButton)})),le(fe(a),"renderDefaultHeader",(function(t){var r=t.monthDate,n=t.i;return React__default["default"].createElement("div",{className:"react-datepicker__header ".concat(a.props.showTimeSelect?"react-datepicker__header--has-time-select":"")},a.renderCurrentMonth(r),React__default["default"].createElement("div",{className:"react-datepicker__header__dropdown react-datepicker__header__dropdown--".concat(a.props.dropdownMode),onFocus:a.handleDropdownFocus},a.renderMonthDropdown(0!==n),a.renderMonthYearDropdown(0!==n),a.renderYearDropdown(0!==n)),React__default["default"].createElement("div",{className:"react-datepicker__day-names"},a.header(r)))})),le(fe(a),"renderCustomHeader",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=t.monthDate,n=t.i;if(a.props.showTimeSelect&&!a.state.monthContainer||a.props.showTimeSelectOnly)return null;var o=pt(a.state.date,a.props),s=it(a.state.date,a.props),p=ct(a.state.date,a.props),i=lt(a.state.date,a.props),c=!a.props.showMonthYearPicker&&!a.props.showQuarterYearPicker&&!a.props.showYearPicker;return React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker__header--custom",onFocus:a.props.onDropdownFocus},a.props.renderCustomHeader(ae(ae({},a.state),{},{customHeaderCount:n,monthDate:r,changeMonth:a.changeMonth,changeYear:a.changeYear,decreaseMonth:a.decreaseMonth,increaseMonth:a.increaseMonth,decreaseYear:a.decreaseYear,increaseYear:a.increaseYear,prevMonthButtonDisabled:o,nextMonthButtonDisabled:s,prevYearButtonDisabled:p,nextYearButtonDisabled:i})),c&&React__default["default"].createElement("div",{className:"react-datepicker__day-names"},a.header(r)))})),le(fe(a),"renderYearHeader",(function(){var t=a.state.date,r=a.props,n=r.showYearPicker,o=yt(t,r.yearItemNumber),s=o.startPeriod,p=o.endPeriod;return React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker-year-header"},n?"".concat(s," - ").concat(p):getYear(t))})),le(fe(a),"renderHeader",(function(e){switch(!0){case void 0!==a.props.renderCustomHeader:return a.renderCustomHeader(e);case a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker:return a.renderYearHeader(e);default:return a.renderDefaultHeader(e)}})),le(fe(a),"renderMonths",(function(){if(!a.props.showTimeSelectOnly&&!a.props.showYearPicker){for(var t=[],r=a.props.showPreviousMonths?a.props.monthsShown-1:0,n=subMonths(a.state.date,r),o=0;o<a.props.monthsShown;++o){var s=o-a.props.monthSelectedIn,p=addMonths(n,s),i="month-".concat(o),l=o<a.props.monthsShown-1,d=o>0;t.push(React__default["default"].createElement("div",{key:i,ref:function(e){a.monthContainer=e;},className:"react-datepicker__month-container"},a.renderHeader({monthDate:p,i:o}),React__default["default"].createElement(Et,{chooseDayAriaLabelPrefix:a.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:a.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:a.props.weekAriaLabelPrefix,onChange:a.changeMonthYear,day:p,dayClassName:a.props.dayClassName,calendarStartDay:a.props.calendarStartDay,monthClassName:a.props.monthClassName,onDayClick:a.handleDayClick,handleOnKeyDown:a.props.handleOnKeyDown,onDayMouseEnter:a.handleDayMouseEnter,onMouseLeave:a.handleMonthMouseLeave,onWeekSelect:a.props.onWeekSelect,orderInDisplay:o,formatWeekNumber:a.props.formatWeekNumber,locale:a.props.locale,minDate:a.props.minDate,maxDate:a.props.maxDate,excludeDates:a.props.excludeDates,highlightDates:a.props.highlightDates,selectingDate:a.state.selectingDate,includeDates:a.props.includeDates,inline:a.props.inline,shouldFocusDayInline:a.props.shouldFocusDayInline,fixedHeight:a.props.fixedHeight,filterDate:a.props.filterDate,preSelection:a.props.preSelection,setPreSelection:a.props.setPreSelection,selected:a.props.selected,selectsStart:a.props.selectsStart,selectsEnd:a.props.selectsEnd,selectsRange:a.props.selectsRange,showWeekNumbers:a.props.showWeekNumbers,startDate:a.props.startDate,endDate:a.props.endDate,peekNextMonth:a.props.peekNextMonth,setOpen:a.props.setOpen,shouldCloseOnSelect:a.props.shouldCloseOnSelect,renderDayContents:a.props.renderDayContents,disabledKeyboardNavigation:a.props.disabledKeyboardNavigation,showMonthYearPicker:a.props.showMonthYearPicker,showFullMonthYearPicker:a.props.showFullMonthYearPicker,showTwoColumnMonthYearPicker:a.props.showTwoColumnMonthYearPicker,showFourColumnMonthYearPicker:a.props.showFourColumnMonthYearPicker,showYearPicker:a.props.showYearPicker,showQuarterYearPicker:a.props.showQuarterYearPicker,isInputFocused:a.props.isInputFocused,containerRef:a.containerRef,monthShowsDuplicateDaysEnd:l,monthShowsDuplicateDaysStart:d})));}return t}})),le(fe(a),"renderYears",(function(){if(!a.props.showTimeSelectOnly)return a.props.showYearPicker?React__default["default"].createElement("div",{className:"react-datepicker__year--container"},a.renderHeader(),React__default["default"].createElement(Ot,de$1({onDayClick:a.handleDayClick,date:a.state.date},a.props))):void 0})),le(fe(a),"renderTimeSection",(function(){if(a.props.showTimeSelect&&(a.state.monthContainer||a.props.showTimeSelectOnly))return React__default["default"].createElement(Nt,{selected:a.props.selected,openToDate:a.props.openToDate,onChange:a.props.onTimeChange,timeClassName:a.props.timeClassName,format:a.props.timeFormat,includeTimes:a.props.includeTimes,intervals:a.props.timeIntervals,minTime:a.props.minTime,maxTime:a.props.maxTime,excludeTimes:a.props.excludeTimes,filterTime:a.props.filterTime,timeCaption:a.props.timeCaption,todayButton:a.props.todayButton,showMonthDropdown:a.props.showMonthDropdown,showMonthYearDropdown:a.props.showMonthYearDropdown,showYearDropdown:a.props.showYearDropdown,withPortal:a.props.withPortal,monthRef:a.state.monthContainer,injectTimes:a.props.injectTimes,locale:a.props.locale,handleOnKeyDown:a.props.handleTimeKeyDown,showTimeSelectOnly:a.props.showTimeSelectOnly})})),le(fe(a),"renderInputTimeSection",(function(){var t=new Date(a.props.selected),r=Me(t)&&Boolean(a.props.selected)?"".concat(ft(t.getHours()),":").concat(ft(t.getMinutes())):"";if(a.props.showTimeInput)return React__default["default"].createElement(xt,{date:t,timeString:r,timeInputLabel:a.props.timeInputLabel,onChange:a.props.onTimeChange,customTimeInput:a.props.customTimeInput})})),a.containerRef=React__default["default"].createRef(),a.state={date:a.getDateInView(),selectingDate:null,monthContainer:null},a}return ce(o,[{key:"componentDidMount",value:function(){var e=this;this.props.showTimeSelect&&(this.assignMonthContainer=void e.setState({monthContainer:e.monthContainer}));}},{key:"componentDidUpdate",value:function(e){this.props.preSelection&&!We(this.props.preSelection,e.preSelection)?this.setState({date:this.props.preSelection}):this.props.openToDate&&!We(this.props.openToDate,e.openToDate)&&this.setState({date:this.props.openToDate});}},{key:"render",value:function(){var r=this.props.container||Tt;return React__default["default"].createElement("div",{ref:this.containerRef},React__default["default"].createElement(r,{className:t__default["default"]("react-datepicker",this.props.className,{"react-datepicker--time-only":this.props.showTimeSelectOnly}),showPopperArrow:this.props.showPopperArrow,arrowProps:this.props.arrowProps},this.renderPreviousButton(),this.renderNextButton(),this.renderMonths(),this.renderYears(),this.renderTodayButton(),this.renderTimeSection(),this.renderInputTimeSection(),this.props.children))}}],[{key:"defaultProps",get:function(){return {onDropdownFocus:function(){},monthsShown:1,monthSelectedIn:0,forceShowMonthNavigation:!1,timeCaption:"Time",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",customTimeInput:null,yearItemNumber:12}}}]),o}(),Lt=function(e){return !e.disabled&&-1!==e.tabIndex},Ft=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(t){var o;return pe(this,n),le(fe(o=r.call(this,t)),"getTabChildren",(function(){return Array.prototype.slice.call(o.tabLoopRef.current.querySelectorAll("[tabindex], a, button, input, select, textarea"),1,-1).filter(Lt)})),le(fe(o),"handleFocusStart",(function(e){var t=o.getTabChildren();t&&t.length>1&&t[t.length-1].focus();})),le(fe(o),"handleFocusEnd",(function(e){var t=o.getTabChildren();t&&t.length>1&&t[0].focus();})),o.tabLoopRef=React__default["default"].createRef(),o}return ce(n,[{key:"render",value:function(){return this.props.enableTabLoop?React__default["default"].createElement("div",{className:"react-datepicker__tab-loop",ref:this.tabLoopRef},React__default["default"].createElement("div",{className:"react-datepicker__tab-loop__start",tabIndex:"0",onFocus:this.handleFocusStart}),this.props.children,React__default["default"].createElement("div",{className:"react-datepicker__tab-loop__end",tabIndex:"0",onFocus:this.handleFocusEnd})):this.props.children}}],[{key:"defaultProps",get:function(){return {enableTabLoop:!0}}}]),n}(),Rt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(e){var t;return pe(this,n),(t=r.call(this,e)).el=document.createElement("div"),t}return ce(n,[{key:"componentDidMount",value:function(){this.portalRoot=document.getElementById(this.props.portalId),this.portalRoot||(this.portalRoot=document.createElement("div"),this.portalRoot.setAttribute("id",this.props.portalId),document.body.appendChild(this.portalRoot)),this.portalRoot.appendChild(this.el);}},{key:"componentWillUnmount",value:function(){this.portalRoot.removeChild(this.el);}},{key:"render",value:function(){return ne__default["default"].createPortal(this.props.children,this.el)}}]),n}(),At=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){return pe(this,o),n.apply(this,arguments)}return ce(o,[{key:"render",value:function(){var r,n=this.props,o=n.className,a=n.wrapperClassName,s=n.hidePopper,p=n.popperComponent,i=n.popperModifiers,c=n.popperPlacement,l=n.popperProps,d=n.targetComponent,u=n.enableTabLoop,h=n.popperOnKeyDown,m=n.portalId;if(!s){var f=t__default["default"]("react-datepicker-popper",o);r=React__default["default"].createElement(Popper,de$1({modifiers:i,placement:c},l),(function(t){var r=t.ref,n=t.style,o=t.placement,a=t.arrowProps;return React__default["default"].createElement(Ft,{enableTabLoop:u},React__default["default"].createElement("div",{ref:r,style:n,className:f,"data-placement":o,onKeyDown:h},React__default["default"].cloneElement(p,{arrowProps:a})))}));}this.props.popperContainer&&(r=React__default["default"].createElement(this.props.popperContainer,{},r)),m&&!s&&(r=React__default["default"].createElement(Rt,{portalId:m},r));var y=t__default["default"]("react-datepicker-wrapper",a);return React__default["default"].createElement(Manager,{className:"react-datepicker-manager"},React__default["default"].createElement(Reference,null,(function(t){var r=t.ref;return React__default["default"].createElement("div",{ref:r,className:y},d)})),r)}}],[{key:"defaultProps",get:function(){return {hidePopper:!0,popperModifiers:[],popperProps:{},popperPlacement:"bottom-start"}}}]),o}(),Bt=onClickOutsideHOC(It);var Wt=function(n){ue(a,React__default["default"].Component);var o=ve(a);function a(n){var s;return pe(this,a),le(fe(s=o.call(this,n)),"getPreSelection",(function(){return s.props.openToDate?s.props.openToDate:s.props.selectsEnd&&s.props.startDate?s.props.startDate:s.props.selectsStart&&s.props.endDate?s.props.endDate:_e()})),le(fe(s),"calcInitialState",(function(){var e,t=s.getPreSelection(),r=dt(s.props),n=ut(s.props),o=r&&isBefore$1(t,startOfDay$1(r))?r:n&&isAfter$1(t,endOfDay(n))?n:t;return {open:s.props.startOpen||!1,preventFocus:!1,preSelection:null!==(e=s.props.selectsRange?s.props.startDate:s.props.selected)&&void 0!==e?e:o,highlightDates:ht(s.props.highlightDates),focused:!1,shouldFocusDayInline:!1}})),le(fe(s),"clearPreventFocusTimeout",(function(){s.preventFocusTimeout&&clearTimeout(s.preventFocusTimeout);})),le(fe(s),"setFocus",(function(){s.input&&s.input.focus&&s.input.focus({preventScroll:!0});})),le(fe(s),"setBlur",(function(){s.input&&s.input.blur&&s.input.blur(),s.cancelFocusInput();})),le(fe(s),"setOpen",(function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];s.setState({open:e,preSelection:e&&s.state.open?s.state.preSelection:s.calcInitialState().preSelection,lastPreSelectChange:jt},(function(){e||s.setState((function(e){return {focused:!!t&&e.focused}}),(function(){!t&&s.setBlur(),s.setState({inputValue:null});}));}));})),le(fe(s),"inputOk",(function(){return isDate(s.state.preSelection)})),le(fe(s),"isCalendarOpen",(function(){return void 0===s.props.open?s.state.open&&!s.props.disabled&&!s.props.readOnly:s.props.open})),le(fe(s),"handleFocus",(function(e){s.state.preventFocus||(s.props.onFocus(e),s.props.preventOpenOnFocus||s.props.readOnly||s.setOpen(!0)),s.setState({focused:!0});})),le(fe(s),"cancelFocusInput",(function(){clearTimeout(s.inputFocusTimeout),s.inputFocusTimeout=null;})),le(fe(s),"deferFocusInput",(function(){s.cancelFocusInput(),s.inputFocusTimeout=setTimeout((function(){return s.setFocus()}),1);})),le(fe(s),"handleDropdownFocus",(function(){s.cancelFocusInput();})),le(fe(s),"handleBlur",(function(e){(!s.state.open||s.props.withPortal||s.props.showTimeInput)&&s.props.onBlur(e),s.setState({focused:!1});})),le(fe(s),"handleCalendarClickOutside",(function(e){s.props.inline||s.setOpen(!1),s.props.onClickOutside(e),s.props.withPortal&&e.preventDefault();})),le(fe(s),"handleChange",(function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=t[0];if(!s.props.onChangeRaw||(s.props.onChangeRaw.apply(fe(s),t),"function"==typeof n.isDefaultPrevented&&!n.isDefaultPrevented())){s.setState({inputValue:n.target.value,lastPreSelectChange:Kt});var o=Se(n.target.value,s.props.dateFormat,s.props.locale,s.props.strictParsing,s.props.minDate);!o&&n.target.value||s.setSelected(o,n,!0);}})),le(fe(s),"handleSelect",(function(e,t,r){if(s.setState({preventFocus:!0},(function(){return s.preventFocusTimeout=setTimeout((function(){return s.setState({preventFocus:!1})}),50),s.preventFocusTimeout})),s.props.onChangeRaw&&s.props.onChangeRaw(t),s.setSelected(e,t,!1,r),!s.props.shouldCloseOnSelect||s.props.showTimeSelect)s.setPreSelection(e);else if(!s.props.inline){s.props.selectsRange||s.setOpen(!1);var n=s.props,o=n.startDate,a=n.endDate;!o||a||isBefore$1(e,o)||s.setOpen(!1);}})),le(fe(s),"setSelected",(function(e,t,r,n){var o=e;if(null===o||!Ge(o,s.props)){var a=s.props,p=a.onChange,i=a.selectsRange,c=a.startDate,l=a.endDate;if(!Ke(s.props.selected,o)||s.props.allowSameDay||i)if(null!==o&&(!s.props.selected||r&&(s.props.showTimeSelect||s.props.showTimeSelectOnly||s.props.showTimeInput)||(o=Ne(o,{hour:getHours(s.props.selected),minute:getMinutes(s.props.selected),second:getSeconds(s.props.selected)})),s.props.inline||s.setState({preSelection:o}),s.props.focusSelectedMonth||s.setState({monthSelectedIn:n})),i){var d=c&&!l,u=c&&l;!c&&!l?p([o,null],t):d&&(isBefore$1(o,c)?p([o,null],t):p([c,o],t)),u&&p([o,null],t);}else p(o,t);r||(s.props.onSelect(o,t),s.setState({inputValue:null}));}})),le(fe(s),"setPreSelection",(function(e){var t=void 0!==s.props.minDate,r=void 0!==s.props.maxDate,n=!0;if(e){var o=startOfDay$1(e);if(t&&r)n=je(e,s.props.minDate,s.props.maxDate);else if(t){var a=startOfDay$1(s.props.minDate);n=isAfter$1(e,a)||Ke(o,a);}else if(r){var p=endOfDay(s.props.maxDate);n=isBefore$1(e,p)||Ke(o,p);}}n&&s.setState({preSelection:e});})),le(fe(s),"handleTimeChange",(function(e){var t=Ne(s.props.selected?s.props.selected:s.getPreSelection(),{hour:getHours(e),minute:getMinutes(e)});s.setState({preSelection:t}),s.props.onChange(t),s.props.shouldCloseOnSelect&&s.setOpen(!1),s.props.showTimeInput&&s.setOpen(!0),s.setState({inputValue:null});})),le(fe(s),"onInputClick",(function(){s.props.disabled||s.props.readOnly||s.setOpen(!0),s.props.onInputClick();})),le(fe(s),"onInputKeyDown",(function(e){s.props.onKeyDown(e);var t=e.key;if(s.state.open||s.props.inline||s.props.preventOpenOnFocus){if(s.state.open){if("ArrowDown"===t||"ArrowUp"===t){e.preventDefault();var r=s.calendar.componentNode&&s.calendar.componentNode.querySelector('.react-datepicker__day[tabindex="0"]');return void(r&&r.focus({preventScroll:!0}))}var n=_e(s.state.preSelection);"Enter"===t?(e.preventDefault(),s.inputOk()&&s.state.lastPreSelectChange===jt?(s.handleSelect(n,e),!s.props.shouldCloseOnSelect&&s.setPreSelection(n)):s.setOpen(!1)):"Escape"===t&&(e.preventDefault(),s.setOpen(!1)),s.inputOk()||s.props.onInputError({code:1,msg:"Date input not valid."});}}else "ArrowDown"!==t&&"ArrowUp"!==t&&"Enter"!==t||s.onInputClick();})),le(fe(s),"onDayKeyDown",(function(e){s.props.onKeyDown(e);var t=e.key,r=_e(s.state.preSelection);if("Enter"===t)e.preventDefault(),s.handleSelect(r,e),!s.props.shouldCloseOnSelect&&s.setPreSelection(r);else if("Escape"===t)e.preventDefault(),s.setOpen(!1),s.inputOk()||s.props.onInputError({code:1,msg:"Date input not valid."});else if(!s.props.disabledKeyboardNavigation){var n;switch(t){case"ArrowLeft":n=subDays$1(r,1);break;case"ArrowRight":n=addDays$1(r,1);break;case"ArrowUp":n=subWeeks(r,1);break;case"ArrowDown":n=addWeeks(r,1);break;case"PageUp":n=subMonths(r,1);break;case"PageDown":n=addMonths(r,1);break;case"Home":n=subYears(r,1);break;case"End":n=addYears(r,1);}if(!n)return void(s.props.onInputError&&s.props.onInputError({code:1,msg:"Date input not valid."}));if(e.preventDefault(),s.setState({lastPreSelectChange:jt}),s.props.adjustDateOnChange&&s.setSelected(n),s.setPreSelection(n),s.props.inline){var o=getMonth(r),a=getMonth(n),f=getYear(r),y=getYear(n);o!==a||f!==y?s.setState({shouldFocusDayInline:!0}):s.setState({shouldFocusDayInline:!1});}}})),le(fe(s),"onPopperKeyDown",(function(e){"Escape"===e.key&&(e.preventDefault(),s.setState({preventFocus:!0},(function(){s.setOpen(!1),setTimeout((function(){s.setFocus(),s.setState({preventFocus:!1});}));})));})),le(fe(s),"onClearClick",(function(e){e&&e.preventDefault&&e.preventDefault(),s.props.selectsRange?s.props.onChange([null,null],e):s.props.onChange(null,e),s.setState({inputValue:null});})),le(fe(s),"clear",(function(){s.onClearClick();})),le(fe(s),"onScroll",(function(e){"boolean"==typeof s.props.closeOnScroll&&s.props.closeOnScroll?e.target!==document&&e.target!==document.documentElement&&e.target!==document.body||s.setOpen(!1):"function"==typeof s.props.closeOnScroll&&s.props.closeOnScroll(e)&&s.setOpen(!1);})),le(fe(s),"renderCalendar",(function(){return s.props.inline||s.isCalendarOpen()?React__default["default"].createElement(Bt,{ref:function(e){s.calendar=e;},locale:s.props.locale,calendarStartDay:s.props.calendarStartDay,chooseDayAriaLabelPrefix:s.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:s.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:s.props.weekAriaLabelPrefix,adjustDateOnChange:s.props.adjustDateOnChange,setOpen:s.setOpen,shouldCloseOnSelect:s.props.shouldCloseOnSelect,dateFormat:s.props.dateFormatCalendar,useWeekdaysShort:s.props.useWeekdaysShort,formatWeekDay:s.props.formatWeekDay,dropdownMode:s.props.dropdownMode,selected:s.props.selected,preSelection:s.state.preSelection,onSelect:s.handleSelect,onWeekSelect:s.props.onWeekSelect,openToDate:s.props.openToDate,minDate:s.props.minDate,maxDate:s.props.maxDate,selectsStart:s.props.selectsStart,selectsEnd:s.props.selectsEnd,selectsRange:s.props.selectsRange,startDate:s.props.startDate,endDate:s.props.endDate,excludeDates:s.props.excludeDates,filterDate:s.props.filterDate,onClickOutside:s.handleCalendarClickOutside,formatWeekNumber:s.props.formatWeekNumber,highlightDates:s.state.highlightDates,includeDates:s.props.includeDates,includeTimes:s.props.includeTimes,injectTimes:s.props.injectTimes,inline:s.props.inline,shouldFocusDayInline:s.state.shouldFocusDayInline,peekNextMonth:s.props.peekNextMonth,showMonthDropdown:s.props.showMonthDropdown,showPreviousMonths:s.props.showPreviousMonths,useShortMonthInDropdown:s.props.useShortMonthInDropdown,showMonthYearDropdown:s.props.showMonthYearDropdown,showWeekNumbers:s.props.showWeekNumbers,showYearDropdown:s.props.showYearDropdown,withPortal:s.props.withPortal,forceShowMonthNavigation:s.props.forceShowMonthNavigation,showDisabledMonthNavigation:s.props.showDisabledMonthNavigation,scrollableYearDropdown:s.props.scrollableYearDropdown,scrollableMonthYearDropdown:s.props.scrollableMonthYearDropdown,todayButton:s.props.todayButton,weekLabel:s.props.weekLabel,outsideClickIgnoreClass:"react-datepicker-ignore-onclickoutside",fixedHeight:s.props.fixedHeight,monthsShown:s.props.monthsShown,monthSelectedIn:s.state.monthSelectedIn,onDropdownFocus:s.handleDropdownFocus,onMonthChange:s.props.onMonthChange,onYearChange:s.props.onYearChange,dayClassName:s.props.dayClassName,weekDayClassName:s.props.weekDayClassName,monthClassName:s.props.monthClassName,timeClassName:s.props.timeClassName,showTimeSelect:s.props.showTimeSelect,showTimeSelectOnly:s.props.showTimeSelectOnly,onTimeChange:s.handleTimeChange,timeFormat:s.props.timeFormat,timeIntervals:s.props.timeIntervals,minTime:s.props.minTime,maxTime:s.props.maxTime,excludeTimes:s.props.excludeTimes,filterTime:s.props.filterTime,timeCaption:s.props.timeCaption,className:s.props.calendarClassName,container:s.props.calendarContainer,yearItemNumber:s.props.yearItemNumber,yearDropdownItemNumber:s.props.yearDropdownItemNumber,previousMonthButtonLabel:s.props.previousMonthButtonLabel,nextMonthButtonLabel:s.props.nextMonthButtonLabel,previousYearButtonLabel:s.props.previousYearButtonLabel,nextYearButtonLabel:s.props.nextYearButtonLabel,timeInputLabel:s.props.timeInputLabel,disabledKeyboardNavigation:s.props.disabledKeyboardNavigation,renderCustomHeader:s.props.renderCustomHeader,popperProps:s.props.popperProps,renderDayContents:s.props.renderDayContents,onDayMouseEnter:s.props.onDayMouseEnter,onMonthMouseLeave:s.props.onMonthMouseLeave,showTimeInput:s.props.showTimeInput,showMonthYearPicker:s.props.showMonthYearPicker,showFullMonthYearPicker:s.props.showFullMonthYearPicker,showTwoColumnMonthYearPicker:s.props.showTwoColumnMonthYearPicker,showFourColumnMonthYearPicker:s.props.showFourColumnMonthYearPicker,showYearPicker:s.props.showYearPicker,showQuarterYearPicker:s.props.showQuarterYearPicker,showPopperArrow:s.props.showPopperArrow,excludeScrollbar:s.props.excludeScrollbar,handleOnKeyDown:s.onDayKeyDown,handleTimeKeyDown:s.props.onKeyDown,isInputFocused:s.state.focused,customTimeInput:s.props.customTimeInput,setPreSelection:s.setPreSelection},s.props.children):null})),le(fe(s),"renderDateInput",(function(){var r,n=t__default["default"](s.props.className,le({},"react-datepicker-ignore-onclickoutside",s.state.open)),o=s.props.customInput||React__default["default"].createElement("input",{type:"text"}),a=s.props.customInputRef||"ref",p="string"==typeof s.props.value?s.props.value:"string"==typeof s.state.inputValue?s.state.inputValue:s.props.selectsRange?function(e,t,r){if(!e)return "";var n=Ee(e,r),o=t?Ee(t,r):"";return "".concat(n," - ").concat(o)}(s.props.startDate,s.props.endDate,s.props):Ee(s.props.selected,s.props);return React__default["default"].cloneElement(o,(le(r={},a,(function(e){s.input=e;})),le(r,"value",p),le(r,"onBlur",s.handleBlur),le(r,"onChange",s.handleChange),le(r,"onClick",s.onInputClick),le(r,"onFocus",s.handleFocus),le(r,"onKeyDown",s.onInputKeyDown),le(r,"id",s.props.id),le(r,"name",s.props.name),le(r,"autoFocus",s.props.autoFocus),le(r,"placeholder",s.props.placeholderText),le(r,"disabled",s.props.disabled),le(r,"autoComplete",s.props.autoComplete),le(r,"className",t__default["default"](o.props.className,n)),le(r,"title",s.props.title),le(r,"readOnly",s.props.readOnly),le(r,"required",s.props.required),le(r,"tabIndex",s.props.tabIndex),le(r,"aria-describedby",s.props.ariaDescribedBy),le(r,"aria-invalid",s.props.ariaInvalid),le(r,"aria-labelledby",s.props.ariaLabelledBy),le(r,"aria-required",s.props.ariaRequired),r))})),le(fe(s),"renderClearButton",(function(){var t=s.props,r=t.isClearable,n=t.selected,o=t.startDate,a=t.endDate,p=t.clearButtonTitle,i=t.clearButtonClassName,c=void 0===i?"":i,l=t.ariaLabelClose,d=void 0===l?"Close":l;return !r||null==n&&null==o&&null==a?null:React__default["default"].createElement("button",{type:"button",className:"react-datepicker__close-icon ".concat(c).trim(),"aria-label":d,onClick:s.onClearClick,title:p,tabIndex:-1})})),s.state=s.calcInitialState(),s}return ce(a,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.onScroll,!0);}},{key:"componentDidUpdate",value:function(e,t){var r,n;e.inline&&(r=e.selected,n=this.props.selected,r&&n?getMonth(r)!==getMonth(n)||getYear(r)!==getYear(n):r!==n)&&this.setPreSelection(this.props.selected),void 0!==this.state.monthSelectedIn&&e.monthsShown!==this.props.monthsShown&&this.setState({monthSelectedIn:0}),e.highlightDates!==this.props.highlightDates&&this.setState({highlightDates:ht(this.props.highlightDates)}),t.focused||Ke(e.selected,this.props.selected)||this.setState({inputValue:null}),t.open!==this.state.open&&(!1===t.open&&!0===this.state.open&&this.props.onCalendarOpen(),!0===t.open&&!1===this.state.open&&this.props.onCalendarClose());}},{key:"componentWillUnmount",value:function(){this.clearPreventFocusTimeout(),window.removeEventListener("scroll",this.onScroll,!0);}},{key:"render",value:function(){var t=this.renderCalendar();return this.props.inline&&!this.props.withPortal?t:this.props.withPortal?React__default["default"].createElement("div",null,this.props.inline?null:React__default["default"].createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton()),this.state.open||this.props.inline?React__default["default"].createElement("div",{className:"react-datepicker__portal"},t):null):React__default["default"].createElement(At,{className:this.props.popperClassName,wrapperClassName:this.props.wrapperClassName,hidePopper:!this.isCalendarOpen(),portalId:this.props.portalId,popperModifiers:this.props.popperModifiers,targetComponent:React__default["default"].createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton()),popperContainer:this.props.popperContainer,popperComponent:t,popperPlacement:this.props.popperPlacement,popperProps:this.props.popperProps,popperOnKeyDown:this.onPopperKeyDown,enableTabLoop:this.props.enableTabLoop})}}],[{key:"defaultProps",get:function(){return {allowSameDay:!1,dateFormat:"MM/dd/yyyy",dateFormatCalendar:"LLLL yyyy",onChange:function(){},disabled:!1,disabledKeyboardNavigation:!1,dropdownMode:"scroll",onFocus:function(){},onBlur:function(){},onKeyDown:function(){},onInputClick:function(){},onSelect:function(){},onClickOutside:function(){},onMonthChange:function(){},onCalendarOpen:function(){},onCalendarClose:function(){},preventOpenOnFocus:!1,onYearChange:function(){},onInputError:function(){},monthsShown:1,readOnly:!1,withPortal:!1,shouldCloseOnSelect:!0,showTimeSelect:!1,showTimeInput:!1,showPreviousMonths:!1,showMonthYearPicker:!1,showFullMonthYearPicker:!1,showTwoColumnMonthYearPicker:!1,showFourColumnMonthYearPicker:!1,showYearPicker:!1,showQuarterYearPicker:!1,strictParsing:!1,timeIntervals:30,timeCaption:"Time",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",timeInputLabel:"Time",enableTabLoop:!0,yearItemNumber:12,renderDayContents:function(e){return e},focusSelectedMonth:!1,showPopperArrow:!0,excludeScrollbar:!0,customTimeInput:null,calendarStartDay:0}}}]),a}(),Kt="input",jt="navigate";var ReactDatePicker = Wt;
37718
+ function oe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n);}return r}function ae(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(r),!0).forEach((function(t){le(e,t,r[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):oe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t));}));}return e}function se(e){return (se="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function pe(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ie(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n);}}function ce(e,t,r){return t&&ie(e.prototype,t),r&&ie(e,r),e}function le(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function de$1(){return (de$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e}).apply(this,arguments)}function ue(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&me(e,t);}function he(e){return (he=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function me(e,t){return (me=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function fe(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ye(e,t){return !t||"object"!=typeof t&&"function"!=typeof t?fe(e):t}function ve(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return !1}}();return function(){var r,n=he(e);if(t){var o=he(this).constructor;r=Reflect.construct(n,arguments,o);}else r=n.apply(this,arguments);return ye(this,r)}}function De(e){return function(e){if(Array.isArray(e))return we(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return we(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return we(e,t)}(e)||function(){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 we(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function ke(e,t){switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}}function ge(e,t){switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}}var be={p:ge,P:function(e,t){var r,n=e.match(/(P+)(p+)?/),o=n[1],a=n[2];if(!a)return ke(e,t);switch(o){case"P":r=t.dateTime({width:"short"});break;case"PP":r=t.dateTime({width:"medium"});break;case"PPP":r=t.dateTime({width:"long"});break;case"PPPP":default:r=t.dateTime({width:"full"});}return r.replace("{{date}}",ke(o,t)).replace("{{time}}",ge(a,t))}},Ce=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;function _e(e){var t=e?"string"==typeof e||e instanceof String?parseISO(e):toDate$1(e):new Date;return Me(t)?t:null}function Se(e,t,r,n,a){var s=null,p=qe(r)||qe(Ve()),i=!0;return Array.isArray(t)?(t.forEach((function(t){var r=parse(e,t,new Date,{locale:p});n&&(i=Me(r,a)&&e===format$1(r,t,{awareOfUnicodeTokens:!0})),Me(r,a)&&i&&(s=r);})),s):(s=parse(e,t,new Date,{locale:p}),n?i=Me(s)&&e===format$1(s,t,{awareOfUnicodeTokens:!0}):Me(s)||(t=t.match(Ce).map((function(e){var t=e[0];return "p"===t||"P"===t?p?(0, be[t])(e,p.formatLong):t:e})).join(""),e.length>0&&(s=parse(e,t.slice(0,e.length),new Date)),Me(s)||(s=new Date(e))),Me(s)&&i?s:null)}function Me(e,t){return t=t||new Date("1/1/1000"),isValid$1(e)&&isAfter$1(e,t)}function Pe(e,t,r){if("en"===r)return format$1(e,t,{awareOfUnicodeTokens:!0});var n=qe(r);return r&&!n&&console.warn('A locale object was not found for the provided string ["'.concat(r,'"].')),!n&&Ve()&&qe(Ve())&&(n=qe(Ve())),format$1(e,t,{locale:n||null,awareOfUnicodeTokens:!0})}function Ee(e,t){var r=t.dateFormat,n=t.locale;return e&&Pe(e,Array.isArray(r)?r[0]:r,n)||""}function Ne(e,t){var r=t.hour,n=void 0===r?0:r,o=t.minute,a=void 0===o?0:o,s=t.second;return setHours(setMinutes$1(setSeconds(e,void 0===s?0:s),a),n)}function Oe(e,t){var r=t&&qe(t)||Ve()&&qe(Ve());return getISOWeek(e,r?{locale:r}:null)}function xe(e,t){return Pe(e,"ddd",t)}function Te(e){return startOfDay$1(e)}function Ye(e,t,r){var n=qe(t||Ve());return startOfWeek(e,{locale:n,weekStartsOn:r})}function Ie(e){return startOfMonth(e)}function Le(e){return startOfYear(e)}function Fe(e){return startOfQuarter(e)}function Re(e,t){return e&&t?isSameYear(e,t):!e&&!t}function Ae(e,t){return e&&t?isSameMonth(e,t):!e&&!t}function Be(e,t){return e&&t?isSameQuarter(e,t):!e&&!t}function We(e,t){return e&&t?isSameDay$1(e,t):!e&&!t}function Ke(e,t){return e&&t?isEqual$1(e,t):!e&&!t}function je(e,t,r){var n,o=startOfDay$1(t),a=endOfDay(r);try{n=isWithinInterval(e,{start:o,end:a});}catch(e){n=!1;}return n}function He(e,t){var r="undefined"!=typeof window?window:global;r.__localeData__||(r.__localeData__={}),r.__localeData__[e]=t;}function Ve(){return ("undefined"!=typeof window?window:global).__localeId__}function qe(e){if("string"==typeof e){var t="undefined"!=typeof window?window:global;return t.__localeData__?t.__localeData__[e]:null}return e}function Ue(e,t){return Pe(setMonth(_e(),e),"LLLL",t)}function $e(e,t){return Pe(setMonth(_e(),e),"LLL",t)}function ze(e,t){return Pe(setQuarter(_e(),e),"QQQ",t)}function Ge(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return We(e,t)}))||a&&!a.some((function(t){return We(e,t)}))||s&&!s(_e(e))||!1}function Je(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeDates;return r&&r.some((function(t){return We(e,t)}))||!1}function Xe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return Ae(e,t)}))||a&&!a.some((function(t){return Ae(e,t)}))||s&&!s(_e(e))||!1}function Ze(e,t,r,n){var o=getYear(e),a=getMonth(e),s=getYear(t),p=getMonth(t),i=getYear(n);return o===s&&o===i?a<=r&&r<=p:o<s?i===o&&a<=r||i===s&&p>=r||i<s&&i>o:void 0}function et(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return Be(e,t)}))||a&&!a.some((function(t){return Be(e,t)}))||s&&!s(_e(e))||!1}function tt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=new Date(e,0,1);return nt(o,{minDate:r,maxDate:n})||!1}function rt(e,t,r,n){var o=getYear(e),a=getQuarter(e),s=getYear(t),p=getQuarter(t),i=getYear(n);return o===s&&o===i?a<=r&&r<=p:o<s?i===o&&a<=r||i===s&&p>=r||i<s&&i>o:void 0}function nt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate;return r&&differenceInCalendarDays$1(e,r)<0||n&&differenceInCalendarDays$1(e,n)>0}function ot(e,t){return t.some((function(t){return getHours(t)===getHours(e)&&getMinutes(t)===getMinutes(e)}))}function at(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeTimes,n=t.includeTimes,o=t.filterTime;return r&&ot(e,r)||n&&!ot(e,n)||o&&!o(e)||!1}function st(e,t){var r=t.minTime,n=t.maxTime;if(!r||!n)throw new Error("Both minTime and maxTime props required");var o,a=_e(),s=setHours(setMinutes$1(a,getMinutes(e)),getHours(e)),p=setHours(setMinutes$1(a,getMinutes(r)),getHours(r)),i=setHours(setMinutes$1(a,getMinutes(n)),getHours(n));try{o=!isWithinInterval(s,{start:p,end:i});}catch(e){o=!1;}return o}function pt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.includeDates,o=subMonths(e,1);return r&&differenceInCalendarMonths(r,o)>0||n&&n.every((function(e){return differenceInCalendarMonths(e,o)>0}))||!1}function it(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.includeDates,o=addMonths(e,1);return r&&differenceInCalendarMonths(o,r)>0||n&&n.every((function(e){return differenceInCalendarMonths(o,e)>0}))||!1}function ct(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.includeDates,o=subYears(e,1);return r&&differenceInCalendarYears(r,o)>0||n&&n.every((function(e){return differenceInCalendarYears(e,o)>0}))||!1}function lt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.includeDates,o=addYears(e,1);return r&&differenceInCalendarYears(o,r)>0||n&&n.every((function(e){return differenceInCalendarYears(o,e)>0}))||!1}function dt(e){var t=e.minDate,r=e.includeDates;if(r&&t){var n=r.filter((function(e){return differenceInCalendarDays$1(e,t)>=0}));return min(n)}return r?min(r):t}function ut(e){var t=e.maxDate,r=e.includeDates;if(r&&t){var n=r.filter((function(e){return differenceInCalendarDays$1(e,t)<=0}));return max(n)}return r?max(r):t}function ht(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"react-datepicker__day--highlighted",n=new Map,o=0,a=e.length;o<a;o++){var s=e[o];if(isDate(s)){var p=Pe(s,"MM.dd.yyyy"),i=n.get(p)||[];i.includes(t)||(i.push(t),n.set(p,i));}else if("object"===se(s)){var c=Object.keys(s),l=c[0],d=s[c[0]];if("string"==typeof l&&d.constructor===Array)for(var u=0,h=d.length;u<h;u++){var m=Pe(d[u],"MM.dd.yyyy"),f=n.get(m)||[];f.includes(l)||(f.push(l),n.set(m,f));}}}return n}function mt(e,t,r,n,o){for(var p=o.length,i=[],c=0;c<p;c++){var l=addMinutes(addHours(e,getHours(o[c])),getMinutes(o[c])),d=addMinutes(e,(r+1)*n);isAfter$1(l,t)&&isBefore$1(l,d)&&i.push(o[c]);}return i}function ft(e){return e<10?"0".concat(e):"".concat(e)}function yt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:12,r=Math.ceil(getYear(e)/t)*t,n=r-(t-1);return {startPeriod:n,endPeriod:r}}function vt(e,t,r,n){for(var o=[],a=0;a<2*t+1;a++){var s=e+t-a,p=!0;r&&(p=getYear(r)<=s),n&&p&&(p=getYear(n)>=s),p&&o.push(s);}return o}var Dt=onClickOutsideHOC(function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(t){var r;pe(this,o),le(fe(r=n.call(this,t)),"renderOptions",(function(){var t=r.props.year,n=r.state.yearsList.map((function(n){return React__default["default"].createElement("div",{className:t===n?"react-datepicker__year-option react-datepicker__year-option--selected_year":"react-datepicker__year-option",key:n,onClick:r.onChange.bind(fe(r),n)},t===n?React__default["default"].createElement("span",{className:"react-datepicker__year-option--selected"},"✓"):"",n)})),o=r.props.minDate?getYear(r.props.minDate):null,a=r.props.maxDate?getYear(r.props.maxDate):null;return a&&r.state.yearsList.find((function(e){return e===a}))||n.unshift(React__default["default"].createElement("div",{className:"react-datepicker__year-option",key:"upcoming",onClick:r.incrementYears},React__default["default"].createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming"}))),o&&r.state.yearsList.find((function(e){return e===o}))||n.push(React__default["default"].createElement("div",{className:"react-datepicker__year-option",key:"previous",onClick:r.decrementYears},React__default["default"].createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous"}))),n})),le(fe(r),"onChange",(function(e){r.props.onChange(e);})),le(fe(r),"handleClickOutside",(function(){r.props.onCancel();})),le(fe(r),"shiftYears",(function(e){var t=r.state.yearsList.map((function(t){return t+e}));r.setState({yearsList:t});})),le(fe(r),"incrementYears",(function(){return r.shiftYears(1)})),le(fe(r),"decrementYears",(function(){return r.shiftYears(-1)}));var a=t.yearDropdownItemNumber,s=t.scrollableYearDropdown,p=a||(s?10:5);return r.state={yearsList:vt(r.props.year,p,r.props.minDate,r.props.maxDate)},r}return ce(o,[{key:"render",value:function(){var r=t__default["default"]({"react-datepicker__year-dropdown":!0,"react-datepicker__year-dropdown--scrollable":this.props.scrollableYearDropdown});return React__default["default"].createElement("div",{className:r},this.renderOptions())}}]),o}()),wt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(){for(var r=t.props.minDate?getYear(t.props.minDate):1900,n=t.props.maxDate?getYear(t.props.maxDate):2100,o=[],a=r;a<=n;a++)o.push(React__default["default"].createElement("option",{key:a,value:a},a));return o})),le(fe(t),"onSelectChange",(function(e){t.onChange(e.target.value);})),le(fe(t),"renderSelectMode",(function(){return React__default["default"].createElement("select",{value:t.props.year,className:"react-datepicker__year-select",onChange:t.onSelectChange},t.renderSelectOptions())})),le(fe(t),"renderReadView",(function(r){return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__year-read-view",onClick:function(e){return t.toggleDropdown(e)}},React__default["default"].createElement("span",{className:"react-datepicker__year-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__year-read-view--selected-year"},t.props.year))})),le(fe(t),"renderDropdown",(function(){return React__default["default"].createElement(Dt,{key:"dropdown",year:t.props.year,onChange:t.onChange,onCancel:t.toggleDropdown,minDate:t.props.minDate,maxDate:t.props.maxDate,scrollableYearDropdown:t.props.scrollableYearDropdown,yearDropdownItemNumber:t.props.yearDropdownItemNumber})})),le(fe(t),"renderScrollMode",(function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r})),le(fe(t),"onChange",(function(e){t.toggleDropdown(),e!==t.props.year&&t.props.onChange(e);})),le(fe(t),"toggleDropdown",(function(e){t.setState({dropdownVisible:!t.state.dropdownVisible},(function(){t.props.adjustDateOnChange&&t.handleYearChange(t.props.date,e);}));})),le(fe(t),"handleYearChange",(function(e,r){t.onSelect(e,r),t.setOpen();})),le(fe(t),"onSelect",(function(e,r){t.props.onSelect&&t.props.onSelect(e,r);})),le(fe(t),"setOpen",(function(){t.props.setOpen&&t.props.setOpen(!0);})),t}return ce(n,[{key:"render",value:function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();}return React__default["default"].createElement("div",{className:"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}(),kt=onClickOutsideHOC(function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"renderOptions",(function(){return t.props.monthNames.map((function(r,n){return React__default["default"].createElement("div",{className:t.props.month===n?"react-datepicker__month-option react-datepicker__month-option--selected_month":"react-datepicker__month-option",key:r,onClick:t.onChange.bind(fe(t),n)},t.props.month===n?React__default["default"].createElement("span",{className:"react-datepicker__month-option--selected"},"✓"):"",r)}))})),le(fe(t),"onChange",(function(e){return t.props.onChange(e)})),le(fe(t),"handleClickOutside",(function(){return t.props.onCancel()})),t}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__month-dropdown"},this.renderOptions())}}]),n}()),gt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(t){return t.map((function(t,r){return React__default["default"].createElement("option",{key:r,value:r},t)}))})),le(fe(t),"renderSelectMode",(function(r){return React__default["default"].createElement("select",{value:t.props.month,className:"react-datepicker__month-select",onChange:function(e){return t.onChange(e.target.value)}},t.renderSelectOptions(r))})),le(fe(t),"renderReadView",(function(r,n){return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__month-read-view",onClick:t.toggleDropdown},React__default["default"].createElement("span",{className:"react-datepicker__month-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__month-read-view--selected-month"},n[t.props.month]))})),le(fe(t),"renderDropdown",(function(r){return React__default["default"].createElement(kt,{key:"dropdown",month:t.props.month,monthNames:r,onChange:t.onChange,onCancel:t.toggleDropdown})})),le(fe(t),"renderScrollMode",(function(e){var r=t.state.dropdownVisible,n=[t.renderReadView(!r,e)];return r&&n.unshift(t.renderDropdown(e)),n})),le(fe(t),"onChange",(function(e){t.toggleDropdown(),e!==t.props.month&&t.props.onChange(e);})),le(fe(t),"toggleDropdown",(function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})})),t}return ce(n,[{key:"render",value:function(){var t,r=this,n=[0,1,2,3,4,5,6,7,8,9,10,11].map(this.props.useShortMonthInDropdown?function(e){return $e(e,r.props.locale)}:function(e){return Ue(e,r.props.locale)});switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode(n);break;case"select":t=this.renderSelectMode(n);}return React__default["default"].createElement("div",{className:"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}();function bt(e,t){for(var r=[],n=Ie(e),o=Ie(t);!isAfter$1(n,o);)r.push(_e(n)),n=addMonths(n,1);return r}var Ct=onClickOutsideHOC(function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(t){var r;return pe(this,o),le(fe(r=n.call(this,t)),"renderOptions",(function(){return r.state.monthYearsList.map((function(t){var n=getTime(t),o=Re(r.props.date,t)&&Ae(r.props.date,t);return React__default["default"].createElement("div",{className:o?"react-datepicker__month-year-option --selected_month-year":"react-datepicker__month-year-option",key:n,onClick:r.onChange.bind(fe(r),n)},o?React__default["default"].createElement("span",{className:"react-datepicker__month-year-option--selected"},"✓"):"",Pe(t,r.props.dateFormat,r.props.locale))}))})),le(fe(r),"onChange",(function(e){return r.props.onChange(e)})),le(fe(r),"handleClickOutside",(function(){r.props.onCancel();})),r.state={monthYearsList:bt(r.props.minDate,r.props.maxDate)},r}return ce(o,[{key:"render",value:function(){var r=t__default["default"]({"react-datepicker__month-year-dropdown":!0,"react-datepicker__month-year-dropdown--scrollable":this.props.scrollableMonthYearDropdown});return React__default["default"].createElement("div",{className:r},this.renderOptions())}}]),o}()),_t=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(){for(var r=Ie(t.props.minDate),n=Ie(t.props.maxDate),o=[];!isAfter$1(r,n);){var a=getTime(r);o.push(React__default["default"].createElement("option",{key:a,value:a},Pe(r,t.props.dateFormat,t.props.locale))),r=addMonths(r,1);}return o})),le(fe(t),"onSelectChange",(function(e){t.onChange(e.target.value);})),le(fe(t),"renderSelectMode",(function(){return React__default["default"].createElement("select",{value:getTime(Ie(t.props.date)),className:"react-datepicker__month-year-select",onChange:t.onSelectChange},t.renderSelectOptions())})),le(fe(t),"renderReadView",(function(r){var n=Pe(t.props.date,t.props.dateFormat,t.props.locale);return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__month-year-read-view",onClick:function(e){return t.toggleDropdown(e)}},React__default["default"].createElement("span",{className:"react-datepicker__month-year-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__month-year-read-view--selected-month-year"},n))})),le(fe(t),"renderDropdown",(function(){return React__default["default"].createElement(Ct,{key:"dropdown",date:t.props.date,dateFormat:t.props.dateFormat,onChange:t.onChange,onCancel:t.toggleDropdown,minDate:t.props.minDate,maxDate:t.props.maxDate,scrollableMonthYearDropdown:t.props.scrollableMonthYearDropdown,locale:t.props.locale})})),le(fe(t),"renderScrollMode",(function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r})),le(fe(t),"onChange",(function(e){t.toggleDropdown();var r=_e(parseInt(e));Re(t.props.date,r)&&Ae(t.props.date,r)||t.props.onChange(r);})),le(fe(t),"toggleDropdown",(function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})})),t}return ce(n,[{key:"render",value:function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();}return React__default["default"].createElement("div",{className:"react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}(),St=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var r;pe(this,o);for(var a=arguments.length,s=new Array(a),p=0;p<a;p++)s[p]=arguments[p];return le(fe(r=n.call.apply(n,[this].concat(s))),"dayEl",React__default["default"].createRef()),le(fe(r),"handleClick",(function(e){!r.isDisabled()&&r.props.onClick&&r.props.onClick(e);})),le(fe(r),"handleMouseEnter",(function(e){!r.isDisabled()&&r.props.onMouseEnter&&r.props.onMouseEnter(e);})),le(fe(r),"handleOnKeyDown",(function(e){" "===e.key&&(e.preventDefault(),e.key="Enter"),r.props.handleOnKeyDown(e);})),le(fe(r),"isSameDay",(function(e){return We(r.props.day,e)})),le(fe(r),"isKeyboardSelected",(function(){return !r.props.disabledKeyboardNavigation&&!r.isSameDay(r.props.selected)&&r.isSameDay(r.props.preSelection)})),le(fe(r),"isDisabled",(function(){return Ge(r.props.day,r.props)})),le(fe(r),"isExcluded",(function(){return Je(r.props.day,r.props)})),le(fe(r),"getHighLightedClass",(function(e){var t=r.props,n=t.day,o=t.highlightDates;if(!o)return !1;var a=Pe(n,"MM.dd.yyyy");return o.get(a)})),le(fe(r),"isInRange",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&je(t,n,o)})),le(fe(r),"isInSelectingRange",(function(){var e,t=r.props,n=t.day,o=t.selectsStart,a=t.selectsEnd,s=t.selectsRange,p=t.startDate,i=t.endDate,c=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return !(!(o||a||s)||!c||r.isDisabled())&&(o&&i&&(isBefore$1(c,i)||Ke(c,i))?je(n,c,i):(a&&p&&(isAfter$1(c,p)||Ke(c,p))||!(!s||!p||i||!isAfter$1(c,p)&&!Ke(c,p)))&&je(n,p,c))})),le(fe(r),"isSelectingRangeStart",(function(){var e;if(!r.isInSelectingRange())return !1;var t=r.props,n=t.day,o=t.startDate,a=t.selectsStart,s=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return We(n,a?s:o)})),le(fe(r),"isSelectingRangeEnd",(function(){var e;if(!r.isInSelectingRange())return !1;var t=r.props,n=t.day,o=t.endDate,a=t.selectsEnd,s=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return We(n,a?s:o)})),le(fe(r),"isRangeStart",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&We(n,t)})),le(fe(r),"isRangeEnd",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&We(o,t)})),le(fe(r),"isWeekend",(function(){var e=getDay(r.props.day);return 0===e||6===e})),le(fe(r),"isOutsideMonth",(function(){return void 0!==r.props.month&&r.props.month!==getMonth(r.props.day)})),le(fe(r),"getClassNames",(function(e){var n=r.props.dayClassName?r.props.dayClassName(e):void 0;return t__default["default"]("react-datepicker__day",n,"react-datepicker__day--"+xe(r.props.day),{"react-datepicker__day--disabled":r.isDisabled(),"react-datepicker__day--excluded":r.isExcluded(),"react-datepicker__day--selected":r.isSameDay(r.props.selected),"react-datepicker__day--keyboard-selected":r.isKeyboardSelected(),"react-datepicker__day--range-start":r.isRangeStart(),"react-datepicker__day--range-end":r.isRangeEnd(),"react-datepicker__day--in-range":r.isInRange(),"react-datepicker__day--in-selecting-range":r.isInSelectingRange(),"react-datepicker__day--selecting-range-start":r.isSelectingRangeStart(),"react-datepicker__day--selecting-range-end":r.isSelectingRangeEnd(),"react-datepicker__day--today":r.isSameDay(_e()),"react-datepicker__day--weekend":r.isWeekend(),"react-datepicker__day--outside-month":r.isOutsideMonth()},r.getHighLightedClass("react-datepicker__day--highlighted"))})),le(fe(r),"getAriaLabel",(function(){var e=r.props,t=e.day,n=e.ariaLabelPrefixWhenEnabled,o=void 0===n?"Choose":n,a=e.ariaLabelPrefixWhenDisabled,s=void 0===a?"Not available":a,p=r.isDisabled()||r.isExcluded()?s:o;return "".concat(p," ").concat(Pe(t,"PPPP",r.props.locale))})),le(fe(r),"getTabIndex",(function(e,t){var n=e||r.props.selected,o=t||r.props.preSelection;return r.isKeyboardSelected()||r.isSameDay(n)&&We(o,n)?0:-1})),le(fe(r),"handleFocusDay",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=!1;0===r.getTabIndex()&&!e.isInputFocused&&r.isSameDay(r.props.preSelection)&&(document.activeElement&&document.activeElement!==document.body||(t=!0),r.props.inline&&!r.props.shouldFocusDayInline&&(t=!1),r.props.containerRef&&r.props.containerRef.current&&r.props.containerRef.current.contains(document.activeElement)&&document.activeElement.classList.contains("react-datepicker__day")&&(t=!0)),t&&r.dayEl.current.focus({preventScroll:!0});})),le(fe(r),"renderDayContents",(function(){if(r.isOutsideMonth()){if(r.props.monthShowsDuplicateDaysEnd&&getDate(r.props.day)<10)return null;if(r.props.monthShowsDuplicateDaysStart&&getDate(r.props.day)>20)return null}return r.props.renderDayContents?r.props.renderDayContents(getDate(r.props.day),r.props.day):getDate(r.props.day)})),le(fe(r),"render",(function(){return React__default["default"].createElement("div",{ref:r.dayEl,className:r.getClassNames(r.props.day),onKeyDown:r.handleOnKeyDown,onClick:r.handleClick,onMouseEnter:r.handleMouseEnter,tabIndex:r.getTabIndex(),"aria-label":r.getAriaLabel(),role:"button","aria-disabled":r.isDisabled()},r.renderDayContents())})),r}return ce(o,[{key:"componentDidMount",value:function(){this.handleFocusDay();}},{key:"componentDidUpdate",value:function(e){this.handleFocusDay(e);}}]),o}(),Mt=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var e;pe(this,o);for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];return le(fe(e=n.call.apply(n,[this].concat(r))),"handleClick",(function(t){e.props.onClick&&e.props.onClick(t);})),e}return ce(o,[{key:"render",value:function(){var r=this.props,n=r.weekNumber,o=r.ariaLabelPrefix,a=void 0===o?"week ":o,s={"react-datepicker__week-number":!0,"react-datepicker__week-number--clickable":!!r.onClick};return React__default["default"].createElement("div",{className:t__default["default"](s),"aria-label":"".concat(a," ").concat(this.props.weekNumber),onClick:this.handleClick},n)}}]),o}(),Pt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"handleDayClick",(function(e,r){t.props.onDayClick&&t.props.onDayClick(e,r);})),le(fe(t),"handleDayMouseEnter",(function(e){t.props.onDayMouseEnter&&t.props.onDayMouseEnter(e);})),le(fe(t),"handleWeekClick",(function(e,r,n){"function"==typeof t.props.onWeekSelect&&t.props.onWeekSelect(e,r,n),t.props.shouldCloseOnSelect&&t.props.setOpen(!1);})),le(fe(t),"formatWeekNumber",(function(e){return t.props.formatWeekNumber?t.props.formatWeekNumber(e):Oe(e)})),le(fe(t),"renderDays",(function(){var r=Ye(t.props.day,t.props.locale,t.props.calendarStartDay),n=[],o=t.formatWeekNumber(r);if(t.props.showWeekNumber){var a=t.props.onWeekSelect?t.handleWeekClick.bind(fe(t),r,o):void 0;n.push(React__default["default"].createElement(Mt,{key:"W",weekNumber:o,onClick:a,ariaLabelPrefix:t.props.ariaLabelPrefix}));}return n.concat([0,1,2,3,4,5,6].map((function(n){var o=addDays$1(r,n);return React__default["default"].createElement(St,{ariaLabelPrefixWhenEnabled:t.props.chooseDayAriaLabelPrefix,ariaLabelPrefixWhenDisabled:t.props.disabledDayAriaLabelPrefix,key:o.valueOf(),day:o,month:t.props.month,onClick:t.handleDayClick.bind(fe(t),o),onMouseEnter:t.handleDayMouseEnter.bind(fe(t),o),minDate:t.props.minDate,maxDate:t.props.maxDate,excludeDates:t.props.excludeDates,includeDates:t.props.includeDates,highlightDates:t.props.highlightDates,selectingDate:t.props.selectingDate,filterDate:t.props.filterDate,preSelection:t.props.preSelection,selected:t.props.selected,selectsStart:t.props.selectsStart,selectsEnd:t.props.selectsEnd,selectsRange:t.props.selectsRange,startDate:t.props.startDate,endDate:t.props.endDate,dayClassName:t.props.dayClassName,renderDayContents:t.props.renderDayContents,disabledKeyboardNavigation:t.props.disabledKeyboardNavigation,handleOnKeyDown:t.props.handleOnKeyDown,isInputFocused:t.props.isInputFocused,containerRef:t.props.containerRef,inline:t.props.inline,shouldFocusDayInline:t.props.shouldFocusDayInline,monthShowsDuplicateDaysEnd:t.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:t.props.monthShowsDuplicateDaysStart,locale:t.props.locale})})))})),t}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__week"},this.renderDays())}}],[{key:"defaultProps",get:function(){return {shouldCloseOnSelect:!0}}}]),n}(),Et=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var r;pe(this,o);for(var a=arguments.length,s=new Array(a),l=0;l<a;l++)s[l]=arguments[l];return le(fe(r=n.call.apply(n,[this].concat(s))),"MONTH_REFS",De(Array(12)).map((function(){return React__default["default"].createRef()}))),le(fe(r),"isDisabled",(function(e){return Ge(e,r.props)})),le(fe(r),"isExcluded",(function(e){return Je(e,r.props)})),le(fe(r),"handleDayClick",(function(e,t){r.props.onDayClick&&r.props.onDayClick(e,t,r.props.orderInDisplay);})),le(fe(r),"handleDayMouseEnter",(function(e){r.props.onDayMouseEnter&&r.props.onDayMouseEnter(e);})),le(fe(r),"handleMouseLeave",(function(){r.props.onMouseLeave&&r.props.onMouseLeave();})),le(fe(r),"isRangeStartMonth",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Ae(setMonth(n,e),o)})),le(fe(r),"isRangeStartQuarter",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Be(setQuarter(n,e),o)})),le(fe(r),"isRangeEndMonth",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Ae(setMonth(n,e),a)})),le(fe(r),"isRangeEndQuarter",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Be(setQuarter(n,e),a)})),le(fe(r),"isWeekInMonth",(function(e){var t=r.props.day,n=addDays$1(e,6);return Ae(e,t)||Ae(n,t)})),le(fe(r),"renderWeeks",(function(){for(var t=[],n=r.props.fixedHeight,o=0,a=!1,s=Ye(Ie(r.props.day),r.props.locale,r.props.calendarStartDay);t.push(React__default["default"].createElement(Pt,{ariaLabelPrefix:r.props.weekAriaLabelPrefix,chooseDayAriaLabelPrefix:r.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:r.props.disabledDayAriaLabelPrefix,key:o,day:s,month:getMonth(r.props.day),onDayClick:r.handleDayClick,onDayMouseEnter:r.handleDayMouseEnter,onWeekSelect:r.props.onWeekSelect,formatWeekNumber:r.props.formatWeekNumber,locale:r.props.locale,minDate:r.props.minDate,maxDate:r.props.maxDate,excludeDates:r.props.excludeDates,includeDates:r.props.includeDates,inline:r.props.inline,shouldFocusDayInline:r.props.shouldFocusDayInline,highlightDates:r.props.highlightDates,selectingDate:r.props.selectingDate,filterDate:r.props.filterDate,preSelection:r.props.preSelection,selected:r.props.selected,selectsStart:r.props.selectsStart,selectsEnd:r.props.selectsEnd,selectsRange:r.props.selectsRange,showWeekNumber:r.props.showWeekNumbers,startDate:r.props.startDate,endDate:r.props.endDate,dayClassName:r.props.dayClassName,setOpen:r.props.setOpen,shouldCloseOnSelect:r.props.shouldCloseOnSelect,disabledKeyboardNavigation:r.props.disabledKeyboardNavigation,renderDayContents:r.props.renderDayContents,handleOnKeyDown:r.props.handleOnKeyDown,isInputFocused:r.props.isInputFocused,containerRef:r.props.containerRef,calendarStartDay:r.props.calendarStartDay,monthShowsDuplicateDaysEnd:r.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:r.props.monthShowsDuplicateDaysStart})),!a;){o++,s=addWeeks(s,1);var p=n&&o>=6,c=!n&&!r.isWeekInMonth(s);if(p||c){if(!r.props.peekNextMonth)break;a=!0;}}return t})),le(fe(r),"onMonthClick",(function(e,t){r.handleDayClick(Ie(setMonth(r.props.day,t)),e);})),le(fe(r),"handleMonthNavigation",(function(e,t){r.isDisabled(t)||r.isExcluded(t)||(r.props.setPreSelection(t),r.MONTH_REFS[e].current&&r.MONTH_REFS[e].current.focus());})),le(fe(r),"onMonthKeyDown",(function(e,t){var n=e.key;if(!r.props.disabledKeyboardNavigation)switch(n){case"Enter":r.onMonthClick(e,t),r.props.setPreSelection(r.props.selected);break;case"ArrowRight":r.handleMonthNavigation(11===t?0:t+1,addMonths(r.props.preSelection,1));break;case"ArrowLeft":r.handleMonthNavigation(0===t?11:t-1,subMonths(r.props.preSelection,1));}})),le(fe(r),"onQuarterClick",(function(e,t){r.handleDayClick(Fe(setQuarter(r.props.day,t)),e);})),le(fe(r),"getMonthClassNames",(function(e){var n=r.props,o=n.day,a=n.startDate,s=n.endDate,p=n.selected,i=n.minDate,c=n.maxDate,l=n.preSelection,d=n.monthClassName,u=d?d(o):void 0;return t__default["default"]("react-datepicker__month-text","react-datepicker__month-".concat(e),u,{"react-datepicker__month--disabled":(i||c)&&Xe(setMonth(o,e),r.props),"react-datepicker__month--selected":getMonth(o)===e&&getYear(o)===getYear(p),"react-datepicker__month-text--keyboard-selected":getMonth(l)===e,"react-datepicker__month--in-range":Ze(a,s,e,o),"react-datepicker__month--range-start":r.isRangeStartMonth(e),"react-datepicker__month--range-end":r.isRangeEndMonth(e)})})),le(fe(r),"getTabIndex",(function(e){var t=getMonth(r.props.preSelection);return r.props.disabledKeyboardNavigation||e!==t?"-1":"0"})),le(fe(r),"getAriaLabel",(function(e){var t=r.props,n=t.ariaLabelPrefix,o=void 0===n?"Choose":n,a=t.disabledDayAriaLabelPrefix,s=void 0===a?"Not available":a,p=t.day,i=setMonth(p,e),c=r.isDisabled(i)||r.isExcluded(i)?s:o;return "".concat(c," ").concat(Pe(i,"MMMM yyyy"))})),le(fe(r),"getQuarterClassNames",(function(e){var n=r.props,o=n.day,a=n.startDate,s=n.endDate,p=n.selected,i=n.minDate,c=n.maxDate;return t__default["default"]("react-datepicker__quarter-text","react-datepicker__quarter-".concat(e),{"react-datepicker__quarter--disabled":(i||c)&&et(setQuarter(o,e),r.props),"react-datepicker__quarter--selected":getQuarter(o)===e&&getYear(o)===getYear(p),"react-datepicker__quarter--in-range":rt(a,s,e,o),"react-datepicker__quarter--range-start":r.isRangeStartQuarter(e),"react-datepicker__quarter--range-end":r.isRangeEndQuarter(e)})})),le(fe(r),"renderMonths",(function(){var t=r.props,n=t.showFullMonthYearPicker,o=t.showTwoColumnMonthYearPicker,a=t.showFourColumnMonthYearPicker,s=t.locale;return (a?[[0,1,2,3],[4,5,6,7],[8,9,10,11]]:o?[[0,1],[2,3],[4,5],[6,7],[8,9],[10,11]]:[[0,1,2],[3,4,5],[6,7,8],[9,10,11]]).map((function(t,o){return React__default["default"].createElement("div",{className:"react-datepicker__month-wrapper",key:o},t.map((function(t,o){return React__default["default"].createElement("div",{ref:r.MONTH_REFS[t],key:o,onClick:function(e){r.onMonthClick(e,t);},onKeyDown:function(e){r.onMonthKeyDown(e,t);},tabIndex:r.getTabIndex(t),className:r.getMonthClassNames(t),role:"button","aria-label":r.getAriaLabel(t)},n?Ue(t,s):$e(t,s))})))}))})),le(fe(r),"renderQuarters",(function(){return React__default["default"].createElement("div",{className:"react-datepicker__quarter-wrapper"},[1,2,3,4].map((function(t,n){return React__default["default"].createElement("div",{key:n,onClick:function(e){r.onQuarterClick(e,t);},className:r.getQuarterClassNames(t)},ze(t,r.props.locale))})))})),le(fe(r),"getClassNames",(function(){var e=r.props;e.day;var n=e.selectingDate,o=e.selectsStart,a=e.selectsEnd,s=e.showMonthYearPicker,p=e.showQuarterYearPicker;return t__default["default"]("react-datepicker__month",{"react-datepicker__month--selecting-range":n&&(o||a)},{"react-datepicker__monthPicker":s},{"react-datepicker__quarterPicker":p})})),r}return ce(o,[{key:"render",value:function(){var t=this.props,r=t.showMonthYearPicker,n=t.showQuarterYearPicker,o=t.day,a=t.ariaLabelPrefix,s=void 0===a?"month ":a;return React__default["default"].createElement("div",{className:this.getClassNames(),onMouseLeave:this.handleMouseLeave,"aria-label":"".concat(s," ").concat(Pe(o,"yyyy-MM"))},r?this.renderMonths():n?this.renderQuarters():this.renderWeeks())}}]),o}(),Nt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,s=new Array(o),p=0;p<o;p++)s[p]=arguments[p];return le(fe(t=r.call.apply(r,[this].concat(s))),"state",{height:null}),le(fe(t),"handleClick",(function(e){(t.props.minTime||t.props.maxTime)&&st(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&at(e,t.props)||t.props.onChange(e);})),le(fe(t),"liClasses",(function(e,r,n){var o=["react-datepicker__time-list-item",t.props.timeClassName?t.props.timeClassName(e,r,n):void 0];return t.props.selected&&r===getHours(e)&&n===getMinutes(e)&&o.push("react-datepicker__time-list-item--selected"),((t.props.minTime||t.props.maxTime)&&st(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&at(e,t.props))&&o.push("react-datepicker__time-list-item--disabled"),t.props.injectTimes&&(60*getHours(e)+getMinutes(e))%t.props.intervals!=0&&o.push("react-datepicker__time-list-item--injected"),o.join(" ")})),le(fe(t),"handleOnKeyDown",(function(e,r){" "===e.key&&(e.preventDefault(),e.key="Enter"),"Enter"===e.key&&t.handleClick(r),t.props.handleOnKeyDown(e);})),le(fe(t),"renderTimes",(function(){for(var r=[],n=t.props.format?t.props.format:"p",o=t.props.intervals,s=Te(_e(t.props.selected)),p=1440/o,i=t.props.injectTimes&&t.props.injectTimes.sort((function(e,t){return e-t})),c=t.props.selected||t.props.openToDate||_e(),l=getHours(c),d=getMinutes(c),u=setHours(setMinutes$1(s,d),l),h=0;h<p;h++){var m=addMinutes(s,h*o);if(r.push(m),i){var f=mt(s,m,h,o,i);r=r.concat(f);}}return r.map((function(r,o){return React__default["default"].createElement("li",{key:o,onClick:t.handleClick.bind(fe(t),r),className:t.liClasses(r,l,d),ref:function(e){(isBefore$1(r,u)||Ke(r,u))&&(t.centerLi=e);},onKeyDown:function(e){t.handleOnKeyDown(e,r);},tabIndex:"0"},Pe(r,n,t.props.locale))}))})),t}return ce(n,[{key:"componentDidMount",value:function(){this.list.scrollTop=n.calcCenterPosition(this.props.monthRef?this.props.monthRef.clientHeight-this.header.clientHeight:this.list.clientHeight,this.centerLi),this.props.monthRef&&this.header&&this.setState({height:this.props.monthRef.clientHeight-this.header.clientHeight});}},{key:"render",value:function(){var t=this,r=this.state.height;return React__default["default"].createElement("div",{className:"react-datepicker__time-container ".concat(this.props.todayButton?"react-datepicker__time-container--with-today-button":"")},React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker__header--time ".concat(this.props.showTimeSelectOnly?"react-datepicker__header--time--only":""),ref:function(e){t.header=e;}},React__default["default"].createElement("div",{className:"react-datepicker-time__header"},this.props.timeCaption)),React__default["default"].createElement("div",{className:"react-datepicker__time"},React__default["default"].createElement("div",{className:"react-datepicker__time-box"},React__default["default"].createElement("ul",{className:"react-datepicker__time-list",ref:function(e){t.list=e;},style:r?{height:r}:{},tabIndex:"0"},this.renderTimes()))))}}],[{key:"defaultProps",get:function(){return {intervals:30,onTimeChange:function(){},todayButton:null,timeCaption:"Time"}}}]),n}();le(Nt,"calcCenterPosition",(function(e,t){return t.offsetTop-(e/2-t.clientHeight/2)}));var Ot=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(e){var r;return pe(this,o),le(fe(r=n.call(this,e)),"handleYearClick",(function(e,t){r.props.onDayClick&&r.props.onDayClick(e,t);})),le(fe(r),"isSameDay",(function(e,t){return We(e,t)})),le(fe(r),"isKeyboardSelected",(function(e){var t=Le(setYear(r.props.date,e));return !r.props.disabledKeyboardNavigation&&!r.props.inline&&!We(t,Le(r.props.selected))&&We(t,Le(r.props.preSelection))})),le(fe(r),"onYearClick",(function(e,t){var n=r.props.date;r.handleYearClick(Le(setYear(n,t)),e);})),le(fe(r),"getYearClassNames",(function(e){var n=r.props,o=n.minDate,a=n.maxDate,s=n.selected;return t__default["default"]("react-datepicker__year-text",{"react-datepicker__year-text--selected":e===getYear(s),"react-datepicker__year-text--disabled":(o||a)&&tt(e,r.props),"react-datepicker__year-text--keyboard-selected":r.isKeyboardSelected(e),"react-datepicker__year-text--today":e===getYear(_e())})})),r}return ce(o,[{key:"render",value:function(){for(var t=this,r=[],n=this.props,o=yt(n.date,n.yearItemNumber),a=o.startPeriod,s=o.endPeriod,p=function(n){r.push(React__default["default"].createElement("div",{onClick:function(e){t.onYearClick(e,n);},className:t.getYearClassNames(n),key:n},n));},i=a;i<=s;i++)p(i);return React__default["default"].createElement("div",{className:"react-datepicker__year"},React__default["default"].createElement("div",{className:"react-datepicker__year-wrapper"},r))}}]),o}(),xt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(t){var o;return pe(this,n),le(fe(o=r.call(this,t)),"onTimeChange",(function(e){o.setState({time:e});var t=new Date;t.setHours(e.split(":")[0]),t.setMinutes(e.split(":")[1]),o.props.onChange(t);})),le(fe(o),"renderTimeInput",(function(){var t=o.state.time,r=o.props,n=r.date,a=r.timeString,s=r.customTimeInput;return s?React__default["default"].cloneElement(s,{date:n,value:t,onChange:o.onTimeChange}):React__default["default"].createElement("input",{type:"time",className:"react-datepicker-time__input",placeholder:"Time",name:"time-input",required:!0,value:t,onChange:function(e){o.onTimeChange(e.target.value||a);}})})),o.state={time:o.props.timeString},o}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__input-time-container"},React__default["default"].createElement("div",{className:"react-datepicker-time__caption"},this.props.timeInputLabel),React__default["default"].createElement("div",{className:"react-datepicker-time__input-container"},React__default["default"].createElement("div",{className:"react-datepicker-time__input"},this.renderTimeInput())))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return e.timeString!==t.time?{time:e.timeString}:null}}]),n}();function Tt(t){var r=t.className,n=t.children,o=t.showPopperArrow,a=t.arrowProps,s=void 0===a?{}:a;return React__default["default"].createElement("div",{className:r},o&&React__default["default"].createElement("div",de$1({className:"react-datepicker__triangle"},s)),n)}var Yt=["react-datepicker__year-select","react-datepicker__month-select","react-datepicker__month-year-select"],It=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(r){var a;return pe(this,o),le(fe(a=n.call(this,r)),"handleClickOutside",(function(e){a.props.onClickOutside(e);})),le(fe(a),"setClickOutsideRef",(function(){return a.containerRef.current})),le(fe(a),"handleDropdownFocus",(function(e){(function(){var e=((arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).className||"").split(/\s+/);return Yt.some((function(t){return e.indexOf(t)>=0}))})(e.target)&&a.props.onDropdownFocus();})),le(fe(a),"getDateInView",(function(){var e=a.props,t=e.preSelection,r=e.selected,n=e.openToDate,o=dt(a.props),s=ut(a.props),p=_e(),i=n||r||t;return i||(o&&isBefore$1(p,o)?o:s&&isAfter$1(p,s)?s:p)})),le(fe(a),"increaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:addMonths(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"decreaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:subMonths(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"handleDayClick",(function(e,t,r){a.props.onSelect(e,t,r),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleDayMouseEnter",(function(e){a.setState({selectingDate:e}),a.props.onDayMouseEnter&&a.props.onDayMouseEnter(e);})),le(fe(a),"handleMonthMouseLeave",(function(){a.setState({selectingDate:null}),a.props.onMonthMouseLeave&&a.props.onMonthMouseLeave();})),le(fe(a),"handleYearChange",(function(e){a.props.onYearChange&&a.props.onYearChange(e),a.props.adjustDateOnChange&&(a.props.onSelect&&a.props.onSelect(e),a.props.setOpen&&a.props.setOpen(!0)),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleMonthChange",(function(e){a.props.onMonthChange&&a.props.onMonthChange(e),a.props.adjustDateOnChange&&(a.props.onSelect&&a.props.onSelect(e),a.props.setOpen&&a.props.setOpen(!0)),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleMonthYearChange",(function(e){a.handleYearChange(e),a.handleMonthChange(e);})),le(fe(a),"changeYear",(function(e){a.setState((function(t){var r=t.date;return {date:setYear(r,e)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"changeMonth",(function(e){a.setState((function(t){var r=t.date;return {date:setMonth(r,e)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"changeMonthYear",(function(e){a.setState((function(t){var r=t.date;return {date:setYear(setMonth(r,getMonth(e)),getYear(e))}}),(function(){return a.handleMonthYearChange(a.state.date)}));})),le(fe(a),"header",(function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,n=Ye(r,a.props.locale,a.props.calendarStartDay),o=[];return a.props.showWeekNumbers&&o.push(React__default["default"].createElement("div",{key:"W",className:"react-datepicker__day-name"},a.props.weekLabel||"#")),o.concat([0,1,2,3,4,5,6].map((function(r){var o=addDays$1(n,r),s=a.formatWeekday(o,a.props.locale),i=a.props.weekDayClassName?a.props.weekDayClassName(o):void 0;return React__default["default"].createElement("div",{key:r,className:t__default["default"]("react-datepicker__day-name",i)},s)})))})),le(fe(a),"formatWeekday",(function(e,t){return a.props.formatWeekDay?function(e,t,r){return t(Pe(e,"EEEE",r))}(e,a.props.formatWeekDay,t):a.props.useWeekdaysShort?function(e,t){return Pe(e,"EEE",t)}(e,t):function(e,t){return Pe(e,"EEEEEE",t)}(e,t)})),le(fe(a),"decreaseYear",(function(){a.setState((function(e){var t=e.date;return {date:subYears(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"renderPreviousButton",(function(){if(!a.props.renderCustomHeader){var t;switch(!0){case a.props.showMonthYearPicker:t=ct(a.state.date,a.props);break;case a.props.showYearPicker:t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.yearItemNumber,o=void 0===n?12:n,a=yt(Le(subYears(e,o)),o).endPeriod,s=r&&getYear(r);return s&&s>a||!1}(a.state.date,a.props);break;default:t=pt(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!t)&&!a.props.showTimeSelectOnly){var r=["react-datepicker__navigation","react-datepicker__navigation--previous"],n=a.decreaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(n=a.decreaseYear),t&&a.props.showDisabledMonthNavigation&&(r.push("react-datepicker__navigation--previous--disabled"),n=null);var o=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,s=a.props,p=s.previousMonthAriaLabel,i=void 0===p?"Previous Month":p,c=s.previousYearAriaLabel,l=void 0===c?"Previous Year":c;return React__default["default"].createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?l:i},React__default["default"].createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--previous"].join(" ")},o?a.props.previousYearButtonLabel:a.props.previousMonthButtonLabel))}}})),le(fe(a),"increaseYear",(function(){a.setState((function(e){var t=e.date;return {date:addYears(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"renderNextButton",(function(){if(!a.props.renderCustomHeader){var t;switch(!0){case a.props.showMonthYearPicker:t=lt(a.state.date,a.props);break;case a.props.showYearPicker:t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.yearItemNumber,o=void 0===n?12:n,a=yt(addYears(e,o),o).startPeriod,s=r&&getYear(r);return s&&s<a||!1}(a.state.date,a.props);break;default:t=it(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!t)&&!a.props.showTimeSelectOnly){var r=["react-datepicker__navigation","react-datepicker__navigation--next"];a.props.showTimeSelect&&r.push("react-datepicker__navigation--next--with-time"),a.props.todayButton&&r.push("react-datepicker__navigation--next--with-today-button");var n=a.increaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(n=a.increaseYear),t&&a.props.showDisabledMonthNavigation&&(r.push("react-datepicker__navigation--next--disabled"),n=null);var o=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,s=a.props,p=s.nextMonthAriaLabel,i=void 0===p?"Next Month":p,c=s.nextYearAriaLabel,d=void 0===c?"Next Year":c;return React__default["default"].createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?d:i},React__default["default"].createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--next"].join(" ")},o?a.props.nextYearButtonLabel:a.props.nextMonthButtonLabel))}}})),le(fe(a),"renderCurrentMonth",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,r=["react-datepicker__current-month"];return a.props.showYearDropdown&&r.push("react-datepicker__current-month--hasYearDropdown"),a.props.showMonthDropdown&&r.push("react-datepicker__current-month--hasMonthDropdown"),a.props.showMonthYearDropdown&&r.push("react-datepicker__current-month--hasMonthYearDropdown"),React__default["default"].createElement("div",{className:r.join(" ")},Pe(t,a.props.dateFormat,a.props.locale))})),le(fe(a),"renderYearDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showYearDropdown&&!t)return React__default["default"].createElement(wt,{adjustDateOnChange:a.props.adjustDateOnChange,date:a.state.date,onSelect:a.props.onSelect,setOpen:a.props.setOpen,dropdownMode:a.props.dropdownMode,onChange:a.changeYear,minDate:a.props.minDate,maxDate:a.props.maxDate,year:getYear(a.state.date),scrollableYearDropdown:a.props.scrollableYearDropdown,yearDropdownItemNumber:a.props.yearDropdownItemNumber})})),le(fe(a),"renderMonthDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthDropdown&&!t)return React__default["default"].createElement(gt,{dropdownMode:a.props.dropdownMode,locale:a.props.locale,onChange:a.changeMonth,month:getMonth(a.state.date),useShortMonthInDropdown:a.props.useShortMonthInDropdown})})),le(fe(a),"renderMonthYearDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthYearDropdown&&!t)return React__default["default"].createElement(_t,{dropdownMode:a.props.dropdownMode,locale:a.props.locale,dateFormat:a.props.dateFormat,onChange:a.changeMonthYear,minDate:a.props.minDate,maxDate:a.props.maxDate,date:a.state.date,scrollableMonthYearDropdown:a.props.scrollableMonthYearDropdown})})),le(fe(a),"renderTodayButton",(function(){if(a.props.todayButton&&!a.props.showTimeSelectOnly)return React__default["default"].createElement("div",{className:"react-datepicker__today-button",onClick:function(e){return a.props.onSelect(startOfDay$1(_e()),e)}},a.props.todayButton)})),le(fe(a),"renderDefaultHeader",(function(t){var r=t.monthDate,n=t.i;return React__default["default"].createElement("div",{className:"react-datepicker__header ".concat(a.props.showTimeSelect?"react-datepicker__header--has-time-select":"")},a.renderCurrentMonth(r),React__default["default"].createElement("div",{className:"react-datepicker__header__dropdown react-datepicker__header__dropdown--".concat(a.props.dropdownMode),onFocus:a.handleDropdownFocus},a.renderMonthDropdown(0!==n),a.renderMonthYearDropdown(0!==n),a.renderYearDropdown(0!==n)),React__default["default"].createElement("div",{className:"react-datepicker__day-names"},a.header(r)))})),le(fe(a),"renderCustomHeader",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=t.monthDate,n=t.i;if(a.props.showTimeSelect&&!a.state.monthContainer||a.props.showTimeSelectOnly)return null;var o=pt(a.state.date,a.props),s=it(a.state.date,a.props),p=ct(a.state.date,a.props),i=lt(a.state.date,a.props),c=!a.props.showMonthYearPicker&&!a.props.showQuarterYearPicker&&!a.props.showYearPicker;return React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker__header--custom",onFocus:a.props.onDropdownFocus},a.props.renderCustomHeader(ae(ae({},a.state),{},{customHeaderCount:n,monthDate:r,changeMonth:a.changeMonth,changeYear:a.changeYear,decreaseMonth:a.decreaseMonth,increaseMonth:a.increaseMonth,decreaseYear:a.decreaseYear,increaseYear:a.increaseYear,prevMonthButtonDisabled:o,nextMonthButtonDisabled:s,prevYearButtonDisabled:p,nextYearButtonDisabled:i})),c&&React__default["default"].createElement("div",{className:"react-datepicker__day-names"},a.header(r)))})),le(fe(a),"renderYearHeader",(function(){var t=a.state.date,r=a.props,n=r.showYearPicker,o=yt(t,r.yearItemNumber),s=o.startPeriod,p=o.endPeriod;return React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker-year-header"},n?"".concat(s," - ").concat(p):getYear(t))})),le(fe(a),"renderHeader",(function(e){switch(!0){case void 0!==a.props.renderCustomHeader:return a.renderCustomHeader(e);case a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker:return a.renderYearHeader(e);default:return a.renderDefaultHeader(e)}})),le(fe(a),"renderMonths",(function(){if(!a.props.showTimeSelectOnly&&!a.props.showYearPicker){for(var t=[],r=a.props.showPreviousMonths?a.props.monthsShown-1:0,n=subMonths(a.state.date,r),o=0;o<a.props.monthsShown;++o){var s=o-a.props.monthSelectedIn,p=addMonths(n,s),i="month-".concat(o),l=o<a.props.monthsShown-1,d=o>0;t.push(React__default["default"].createElement("div",{key:i,ref:function(e){a.monthContainer=e;},className:"react-datepicker__month-container"},a.renderHeader({monthDate:p,i:o}),React__default["default"].createElement(Et,{chooseDayAriaLabelPrefix:a.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:a.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:a.props.weekAriaLabelPrefix,onChange:a.changeMonthYear,day:p,dayClassName:a.props.dayClassName,calendarStartDay:a.props.calendarStartDay,monthClassName:a.props.monthClassName,onDayClick:a.handleDayClick,handleOnKeyDown:a.props.handleOnKeyDown,onDayMouseEnter:a.handleDayMouseEnter,onMouseLeave:a.handleMonthMouseLeave,onWeekSelect:a.props.onWeekSelect,orderInDisplay:o,formatWeekNumber:a.props.formatWeekNumber,locale:a.props.locale,minDate:a.props.minDate,maxDate:a.props.maxDate,excludeDates:a.props.excludeDates,highlightDates:a.props.highlightDates,selectingDate:a.state.selectingDate,includeDates:a.props.includeDates,inline:a.props.inline,shouldFocusDayInline:a.props.shouldFocusDayInline,fixedHeight:a.props.fixedHeight,filterDate:a.props.filterDate,preSelection:a.props.preSelection,setPreSelection:a.props.setPreSelection,selected:a.props.selected,selectsStart:a.props.selectsStart,selectsEnd:a.props.selectsEnd,selectsRange:a.props.selectsRange,showWeekNumbers:a.props.showWeekNumbers,startDate:a.props.startDate,endDate:a.props.endDate,peekNextMonth:a.props.peekNextMonth,setOpen:a.props.setOpen,shouldCloseOnSelect:a.props.shouldCloseOnSelect,renderDayContents:a.props.renderDayContents,disabledKeyboardNavigation:a.props.disabledKeyboardNavigation,showMonthYearPicker:a.props.showMonthYearPicker,showFullMonthYearPicker:a.props.showFullMonthYearPicker,showTwoColumnMonthYearPicker:a.props.showTwoColumnMonthYearPicker,showFourColumnMonthYearPicker:a.props.showFourColumnMonthYearPicker,showYearPicker:a.props.showYearPicker,showQuarterYearPicker:a.props.showQuarterYearPicker,isInputFocused:a.props.isInputFocused,containerRef:a.containerRef,monthShowsDuplicateDaysEnd:l,monthShowsDuplicateDaysStart:d})));}return t}})),le(fe(a),"renderYears",(function(){if(!a.props.showTimeSelectOnly)return a.props.showYearPicker?React__default["default"].createElement("div",{className:"react-datepicker__year--container"},a.renderHeader(),React__default["default"].createElement(Ot,de$1({onDayClick:a.handleDayClick,date:a.state.date},a.props))):void 0})),le(fe(a),"renderTimeSection",(function(){if(a.props.showTimeSelect&&(a.state.monthContainer||a.props.showTimeSelectOnly))return React__default["default"].createElement(Nt,{selected:a.props.selected,openToDate:a.props.openToDate,onChange:a.props.onTimeChange,timeClassName:a.props.timeClassName,format:a.props.timeFormat,includeTimes:a.props.includeTimes,intervals:a.props.timeIntervals,minTime:a.props.minTime,maxTime:a.props.maxTime,excludeTimes:a.props.excludeTimes,filterTime:a.props.filterTime,timeCaption:a.props.timeCaption,todayButton:a.props.todayButton,showMonthDropdown:a.props.showMonthDropdown,showMonthYearDropdown:a.props.showMonthYearDropdown,showYearDropdown:a.props.showYearDropdown,withPortal:a.props.withPortal,monthRef:a.state.monthContainer,injectTimes:a.props.injectTimes,locale:a.props.locale,handleOnKeyDown:a.props.handleTimeKeyDown,showTimeSelectOnly:a.props.showTimeSelectOnly})})),le(fe(a),"renderInputTimeSection",(function(){var t=new Date(a.props.selected),r=Me(t)&&Boolean(a.props.selected)?"".concat(ft(t.getHours()),":").concat(ft(t.getMinutes())):"";if(a.props.showTimeInput)return React__default["default"].createElement(xt,{date:t,timeString:r,timeInputLabel:a.props.timeInputLabel,onChange:a.props.onTimeChange,customTimeInput:a.props.customTimeInput})})),a.containerRef=React__default["default"].createRef(),a.state={date:a.getDateInView(),selectingDate:null,monthContainer:null},a}return ce(o,[{key:"componentDidMount",value:function(){var e=this;this.props.showTimeSelect&&(this.assignMonthContainer=void e.setState({monthContainer:e.monthContainer}));}},{key:"componentDidUpdate",value:function(e){this.props.preSelection&&!We(this.props.preSelection,e.preSelection)?this.setState({date:this.props.preSelection}):this.props.openToDate&&!We(this.props.openToDate,e.openToDate)&&this.setState({date:this.props.openToDate});}},{key:"render",value:function(){var r=this.props.container||Tt;return React__default["default"].createElement("div",{ref:this.containerRef},React__default["default"].createElement(r,{className:t__default["default"]("react-datepicker",this.props.className,{"react-datepicker--time-only":this.props.showTimeSelectOnly}),showPopperArrow:this.props.showPopperArrow,arrowProps:this.props.arrowProps},this.renderPreviousButton(),this.renderNextButton(),this.renderMonths(),this.renderYears(),this.renderTodayButton(),this.renderTimeSection(),this.renderInputTimeSection(),this.props.children))}}],[{key:"defaultProps",get:function(){return {onDropdownFocus:function(){},monthsShown:1,monthSelectedIn:0,forceShowMonthNavigation:!1,timeCaption:"Time",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",customTimeInput:null,yearItemNumber:12}}}]),o}(),Lt=function(e){return !e.disabled&&-1!==e.tabIndex},Ft=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(t){var o;return pe(this,n),le(fe(o=r.call(this,t)),"getTabChildren",(function(){return Array.prototype.slice.call(o.tabLoopRef.current.querySelectorAll("[tabindex], a, button, input, select, textarea"),1,-1).filter(Lt)})),le(fe(o),"handleFocusStart",(function(e){var t=o.getTabChildren();t&&t.length>1&&t[t.length-1].focus();})),le(fe(o),"handleFocusEnd",(function(e){var t=o.getTabChildren();t&&t.length>1&&t[0].focus();})),o.tabLoopRef=React__default["default"].createRef(),o}return ce(n,[{key:"render",value:function(){return this.props.enableTabLoop?React__default["default"].createElement("div",{className:"react-datepicker__tab-loop",ref:this.tabLoopRef},React__default["default"].createElement("div",{className:"react-datepicker__tab-loop__start",tabIndex:"0",onFocus:this.handleFocusStart}),this.props.children,React__default["default"].createElement("div",{className:"react-datepicker__tab-loop__end",tabIndex:"0",onFocus:this.handleFocusEnd})):this.props.children}}],[{key:"defaultProps",get:function(){return {enableTabLoop:!0}}}]),n}(),Rt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(e){var t;return pe(this,n),(t=r.call(this,e)).el=document.createElement("div"),t}return ce(n,[{key:"componentDidMount",value:function(){this.portalRoot=document.getElementById(this.props.portalId),this.portalRoot||(this.portalRoot=document.createElement("div"),this.portalRoot.setAttribute("id",this.props.portalId),document.body.appendChild(this.portalRoot)),this.portalRoot.appendChild(this.el);}},{key:"componentWillUnmount",value:function(){this.portalRoot.removeChild(this.el);}},{key:"render",value:function(){return ne__default["default"].createPortal(this.props.children,this.el)}}]),n}(),At=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){return pe(this,o),n.apply(this,arguments)}return ce(o,[{key:"render",value:function(){var r,n=this.props,o=n.className,a=n.wrapperClassName,s=n.hidePopper,p=n.popperComponent,i=n.popperModifiers,c=n.popperPlacement,l=n.popperProps,d=n.targetComponent,u=n.enableTabLoop,h=n.popperOnKeyDown,m=n.portalId;if(!s){var f=t__default["default"]("react-datepicker-popper",o);r=React__default["default"].createElement(Popper,de$1({modifiers:i,placement:c},l),(function(t){var r=t.ref,n=t.style,o=t.placement,a=t.arrowProps;return React__default["default"].createElement(Ft,{enableTabLoop:u},React__default["default"].createElement("div",{ref:r,style:n,className:f,"data-placement":o,onKeyDown:h},React__default["default"].cloneElement(p,{arrowProps:a})))}));}this.props.popperContainer&&(r=React__default["default"].createElement(this.props.popperContainer,{},r)),m&&!s&&(r=React__default["default"].createElement(Rt,{portalId:m},r));var y=t__default["default"]("react-datepicker-wrapper",a);return React__default["default"].createElement(Manager,{className:"react-datepicker-manager"},React__default["default"].createElement(Reference,null,(function(t){var r=t.ref;return React__default["default"].createElement("div",{ref:r,className:y},d)})),r)}}],[{key:"defaultProps",get:function(){return {hidePopper:!0,popperModifiers:[],popperProps:{},popperPlacement:"bottom-start"}}}]),o}(),Bt=onClickOutsideHOC(It);var Wt=function(n){ue(a,React__default["default"].Component);var o=ve(a);function a(n){var s;return pe(this,a),le(fe(s=o.call(this,n)),"getPreSelection",(function(){return s.props.openToDate?s.props.openToDate:s.props.selectsEnd&&s.props.startDate?s.props.startDate:s.props.selectsStart&&s.props.endDate?s.props.endDate:_e()})),le(fe(s),"calcInitialState",(function(){var e,t=s.getPreSelection(),r=dt(s.props),n=ut(s.props),o=r&&isBefore$1(t,startOfDay$1(r))?r:n&&isAfter$1(t,endOfDay(n))?n:t;return {open:s.props.startOpen||!1,preventFocus:!1,preSelection:null!==(e=s.props.selectsRange?s.props.startDate:s.props.selected)&&void 0!==e?e:o,highlightDates:ht(s.props.highlightDates),focused:!1,shouldFocusDayInline:!1}})),le(fe(s),"clearPreventFocusTimeout",(function(){s.preventFocusTimeout&&clearTimeout(s.preventFocusTimeout);})),le(fe(s),"setFocus",(function(){s.input&&s.input.focus&&s.input.focus({preventScroll:!0});})),le(fe(s),"setBlur",(function(){s.input&&s.input.blur&&s.input.blur(),s.cancelFocusInput();})),le(fe(s),"setOpen",(function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];s.setState({open:e,preSelection:e&&s.state.open?s.state.preSelection:s.calcInitialState().preSelection,lastPreSelectChange:jt},(function(){e||s.setState((function(e){return {focused:!!t&&e.focused}}),(function(){!t&&s.setBlur(),s.setState({inputValue:null});}));}));})),le(fe(s),"inputOk",(function(){return isDate(s.state.preSelection)})),le(fe(s),"isCalendarOpen",(function(){return void 0===s.props.open?s.state.open&&!s.props.disabled&&!s.props.readOnly:s.props.open})),le(fe(s),"handleFocus",(function(e){s.state.preventFocus||(s.props.onFocus(e),s.props.preventOpenOnFocus||s.props.readOnly||s.setOpen(!0)),s.setState({focused:!0});})),le(fe(s),"cancelFocusInput",(function(){clearTimeout(s.inputFocusTimeout),s.inputFocusTimeout=null;})),le(fe(s),"deferFocusInput",(function(){s.cancelFocusInput(),s.inputFocusTimeout=setTimeout((function(){return s.setFocus()}),1);})),le(fe(s),"handleDropdownFocus",(function(){s.cancelFocusInput();})),le(fe(s),"handleBlur",(function(e){(!s.state.open||s.props.withPortal||s.props.showTimeInput)&&s.props.onBlur(e),s.setState({focused:!1});})),le(fe(s),"handleCalendarClickOutside",(function(e){s.props.inline||s.setOpen(!1),s.props.onClickOutside(e),s.props.withPortal&&e.preventDefault();})),le(fe(s),"handleChange",(function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=t[0];if(!s.props.onChangeRaw||(s.props.onChangeRaw.apply(fe(s),t),"function"==typeof n.isDefaultPrevented&&!n.isDefaultPrevented())){s.setState({inputValue:n.target.value,lastPreSelectChange:Kt});var o=Se(n.target.value,s.props.dateFormat,s.props.locale,s.props.strictParsing,s.props.minDate);!o&&n.target.value||s.setSelected(o,n,!0);}})),le(fe(s),"handleSelect",(function(e,t,r){if(s.setState({preventFocus:!0},(function(){return s.preventFocusTimeout=setTimeout((function(){return s.setState({preventFocus:!1})}),50),s.preventFocusTimeout})),s.props.onChangeRaw&&s.props.onChangeRaw(t),s.setSelected(e,t,!1,r),!s.props.shouldCloseOnSelect||s.props.showTimeSelect)s.setPreSelection(e);else if(!s.props.inline){s.props.selectsRange||s.setOpen(!1);var n=s.props,o=n.startDate,a=n.endDate;!o||a||isBefore$1(e,o)||s.setOpen(!1);}})),le(fe(s),"setSelected",(function(e,t,r,n){var o=e;if(null===o||!Ge(o,s.props)){var a=s.props,p=a.onChange,i=a.selectsRange,c=a.startDate,l=a.endDate;if(!Ke(s.props.selected,o)||s.props.allowSameDay||i)if(null!==o&&(!s.props.selected||r&&(s.props.showTimeSelect||s.props.showTimeSelectOnly||s.props.showTimeInput)||(o=Ne(o,{hour:getHours(s.props.selected),minute:getMinutes(s.props.selected),second:getSeconds(s.props.selected)})),s.props.inline||s.setState({preSelection:o}),s.props.focusSelectedMonth||s.setState({monthSelectedIn:n})),i){var d=c&&!l,u=c&&l;!c&&!l?p([o,null],t):d&&(isBefore$1(o,c)?p([o,null],t):p([c,o],t)),u&&p([o,null],t);}else p(o,t);r||(s.props.onSelect(o,t),s.setState({inputValue:null}));}})),le(fe(s),"setPreSelection",(function(e){var t=void 0!==s.props.minDate,r=void 0!==s.props.maxDate,n=!0;if(e){var o=startOfDay$1(e);if(t&&r)n=je(e,s.props.minDate,s.props.maxDate);else if(t){var a=startOfDay$1(s.props.minDate);n=isAfter$1(e,a)||Ke(o,a);}else if(r){var p=endOfDay(s.props.maxDate);n=isBefore$1(e,p)||Ke(o,p);}}n&&s.setState({preSelection:e});})),le(fe(s),"handleTimeChange",(function(e){var t=Ne(s.props.selected?s.props.selected:s.getPreSelection(),{hour:getHours(e),minute:getMinutes(e)});s.setState({preSelection:t}),s.props.onChange(t),s.props.shouldCloseOnSelect&&s.setOpen(!1),s.props.showTimeInput&&s.setOpen(!0),s.setState({inputValue:null});})),le(fe(s),"onInputClick",(function(){s.props.disabled||s.props.readOnly||s.setOpen(!0),s.props.onInputClick();})),le(fe(s),"onInputKeyDown",(function(e){s.props.onKeyDown(e);var t=e.key;if(s.state.open||s.props.inline||s.props.preventOpenOnFocus){if(s.state.open){if("ArrowDown"===t||"ArrowUp"===t){e.preventDefault();var r=s.calendar.componentNode&&s.calendar.componentNode.querySelector('.react-datepicker__day[tabindex="0"]');return void(r&&r.focus({preventScroll:!0}))}var n=_e(s.state.preSelection);"Enter"===t?(e.preventDefault(),s.inputOk()&&s.state.lastPreSelectChange===jt?(s.handleSelect(n,e),!s.props.shouldCloseOnSelect&&s.setPreSelection(n)):s.setOpen(!1)):"Escape"===t&&(e.preventDefault(),s.setOpen(!1)),s.inputOk()||s.props.onInputError({code:1,msg:"Date input not valid."});}}else "ArrowDown"!==t&&"ArrowUp"!==t&&"Enter"!==t||s.onInputClick();})),le(fe(s),"onDayKeyDown",(function(e){s.props.onKeyDown(e);var t=e.key,r=_e(s.state.preSelection);if("Enter"===t)e.preventDefault(),s.handleSelect(r,e),!s.props.shouldCloseOnSelect&&s.setPreSelection(r);else if("Escape"===t)e.preventDefault(),s.setOpen(!1),s.inputOk()||s.props.onInputError({code:1,msg:"Date input not valid."});else if(!s.props.disabledKeyboardNavigation){var n;switch(t){case"ArrowLeft":n=subDays$1(r,1);break;case"ArrowRight":n=addDays$1(r,1);break;case"ArrowUp":n=subWeeks(r,1);break;case"ArrowDown":n=addWeeks(r,1);break;case"PageUp":n=subMonths(r,1);break;case"PageDown":n=addMonths(r,1);break;case"Home":n=subYears(r,1);break;case"End":n=addYears(r,1);}if(!n)return void(s.props.onInputError&&s.props.onInputError({code:1,msg:"Date input not valid."}));if(e.preventDefault(),s.setState({lastPreSelectChange:jt}),s.props.adjustDateOnChange&&s.setSelected(n),s.setPreSelection(n),s.props.inline){var o=getMonth(r),a=getMonth(n),f=getYear(r),y=getYear(n);o!==a||f!==y?s.setState({shouldFocusDayInline:!0}):s.setState({shouldFocusDayInline:!1});}}})),le(fe(s),"onPopperKeyDown",(function(e){"Escape"===e.key&&(e.preventDefault(),s.setState({preventFocus:!0},(function(){s.setOpen(!1),setTimeout((function(){s.setFocus(),s.setState({preventFocus:!1});}));})));})),le(fe(s),"onClearClick",(function(e){e&&e.preventDefault&&e.preventDefault(),s.props.selectsRange?s.props.onChange([null,null],e):s.props.onChange(null,e),s.setState({inputValue:null});})),le(fe(s),"clear",(function(){s.onClearClick();})),le(fe(s),"onScroll",(function(e){"boolean"==typeof s.props.closeOnScroll&&s.props.closeOnScroll?e.target!==document&&e.target!==document.documentElement&&e.target!==document.body||s.setOpen(!1):"function"==typeof s.props.closeOnScroll&&s.props.closeOnScroll(e)&&s.setOpen(!1);})),le(fe(s),"renderCalendar",(function(){return s.props.inline||s.isCalendarOpen()?React__default["default"].createElement(Bt,{ref:function(e){s.calendar=e;},locale:s.props.locale,calendarStartDay:s.props.calendarStartDay,chooseDayAriaLabelPrefix:s.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:s.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:s.props.weekAriaLabelPrefix,adjustDateOnChange:s.props.adjustDateOnChange,setOpen:s.setOpen,shouldCloseOnSelect:s.props.shouldCloseOnSelect,dateFormat:s.props.dateFormatCalendar,useWeekdaysShort:s.props.useWeekdaysShort,formatWeekDay:s.props.formatWeekDay,dropdownMode:s.props.dropdownMode,selected:s.props.selected,preSelection:s.state.preSelection,onSelect:s.handleSelect,onWeekSelect:s.props.onWeekSelect,openToDate:s.props.openToDate,minDate:s.props.minDate,maxDate:s.props.maxDate,selectsStart:s.props.selectsStart,selectsEnd:s.props.selectsEnd,selectsRange:s.props.selectsRange,startDate:s.props.startDate,endDate:s.props.endDate,excludeDates:s.props.excludeDates,filterDate:s.props.filterDate,onClickOutside:s.handleCalendarClickOutside,formatWeekNumber:s.props.formatWeekNumber,highlightDates:s.state.highlightDates,includeDates:s.props.includeDates,includeTimes:s.props.includeTimes,injectTimes:s.props.injectTimes,inline:s.props.inline,shouldFocusDayInline:s.state.shouldFocusDayInline,peekNextMonth:s.props.peekNextMonth,showMonthDropdown:s.props.showMonthDropdown,showPreviousMonths:s.props.showPreviousMonths,useShortMonthInDropdown:s.props.useShortMonthInDropdown,showMonthYearDropdown:s.props.showMonthYearDropdown,showWeekNumbers:s.props.showWeekNumbers,showYearDropdown:s.props.showYearDropdown,withPortal:s.props.withPortal,forceShowMonthNavigation:s.props.forceShowMonthNavigation,showDisabledMonthNavigation:s.props.showDisabledMonthNavigation,scrollableYearDropdown:s.props.scrollableYearDropdown,scrollableMonthYearDropdown:s.props.scrollableMonthYearDropdown,todayButton:s.props.todayButton,weekLabel:s.props.weekLabel,outsideClickIgnoreClass:"react-datepicker-ignore-onclickoutside",fixedHeight:s.props.fixedHeight,monthsShown:s.props.monthsShown,monthSelectedIn:s.state.monthSelectedIn,onDropdownFocus:s.handleDropdownFocus,onMonthChange:s.props.onMonthChange,onYearChange:s.props.onYearChange,dayClassName:s.props.dayClassName,weekDayClassName:s.props.weekDayClassName,monthClassName:s.props.monthClassName,timeClassName:s.props.timeClassName,showTimeSelect:s.props.showTimeSelect,showTimeSelectOnly:s.props.showTimeSelectOnly,onTimeChange:s.handleTimeChange,timeFormat:s.props.timeFormat,timeIntervals:s.props.timeIntervals,minTime:s.props.minTime,maxTime:s.props.maxTime,excludeTimes:s.props.excludeTimes,filterTime:s.props.filterTime,timeCaption:s.props.timeCaption,className:s.props.calendarClassName,container:s.props.calendarContainer,yearItemNumber:s.props.yearItemNumber,yearDropdownItemNumber:s.props.yearDropdownItemNumber,previousMonthButtonLabel:s.props.previousMonthButtonLabel,nextMonthButtonLabel:s.props.nextMonthButtonLabel,previousYearButtonLabel:s.props.previousYearButtonLabel,nextYearButtonLabel:s.props.nextYearButtonLabel,timeInputLabel:s.props.timeInputLabel,disabledKeyboardNavigation:s.props.disabledKeyboardNavigation,renderCustomHeader:s.props.renderCustomHeader,popperProps:s.props.popperProps,renderDayContents:s.props.renderDayContents,onDayMouseEnter:s.props.onDayMouseEnter,onMonthMouseLeave:s.props.onMonthMouseLeave,showTimeInput:s.props.showTimeInput,showMonthYearPicker:s.props.showMonthYearPicker,showFullMonthYearPicker:s.props.showFullMonthYearPicker,showTwoColumnMonthYearPicker:s.props.showTwoColumnMonthYearPicker,showFourColumnMonthYearPicker:s.props.showFourColumnMonthYearPicker,showYearPicker:s.props.showYearPicker,showQuarterYearPicker:s.props.showQuarterYearPicker,showPopperArrow:s.props.showPopperArrow,excludeScrollbar:s.props.excludeScrollbar,handleOnKeyDown:s.onDayKeyDown,handleTimeKeyDown:s.props.onKeyDown,isInputFocused:s.state.focused,customTimeInput:s.props.customTimeInput,setPreSelection:s.setPreSelection},s.props.children):null})),le(fe(s),"renderDateInput",(function(){var r,n=t__default["default"](s.props.className,le({},"react-datepicker-ignore-onclickoutside",s.state.open)),o=s.props.customInput||React__default["default"].createElement("input",{type:"text"}),a=s.props.customInputRef||"ref",p="string"==typeof s.props.value?s.props.value:"string"==typeof s.state.inputValue?s.state.inputValue:s.props.selectsRange?function(e,t,r){if(!e)return "";var n=Ee(e,r),o=t?Ee(t,r):"";return "".concat(n," - ").concat(o)}(s.props.startDate,s.props.endDate,s.props):Ee(s.props.selected,s.props);return React__default["default"].cloneElement(o,(le(r={},a,(function(e){s.input=e;})),le(r,"value",p),le(r,"onBlur",s.handleBlur),le(r,"onChange",s.handleChange),le(r,"onClick",s.onInputClick),le(r,"onFocus",s.handleFocus),le(r,"onKeyDown",s.onInputKeyDown),le(r,"id",s.props.id),le(r,"name",s.props.name),le(r,"autoFocus",s.props.autoFocus),le(r,"placeholder",s.props.placeholderText),le(r,"disabled",s.props.disabled),le(r,"autoComplete",s.props.autoComplete),le(r,"className",t__default["default"](o.props.className,n)),le(r,"title",s.props.title),le(r,"readOnly",s.props.readOnly),le(r,"required",s.props.required),le(r,"tabIndex",s.props.tabIndex),le(r,"aria-describedby",s.props.ariaDescribedBy),le(r,"aria-invalid",s.props.ariaInvalid),le(r,"aria-labelledby",s.props.ariaLabelledBy),le(r,"aria-required",s.props.ariaRequired),r))})),le(fe(s),"renderClearButton",(function(){var t=s.props,r=t.isClearable,n=t.selected,o=t.startDate,a=t.endDate,p=t.clearButtonTitle,i=t.clearButtonClassName,c=void 0===i?"":i,l=t.ariaLabelClose,d=void 0===l?"Close":l;return !r||null==n&&null==o&&null==a?null:React__default["default"].createElement("button",{type:"button",className:"react-datepicker__close-icon ".concat(c).trim(),"aria-label":d,onClick:s.onClearClick,title:p,tabIndex:-1})})),s.state=s.calcInitialState(),s}return ce(a,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.onScroll,!0);}},{key:"componentDidUpdate",value:function(e,t){var r,n;e.inline&&(r=e.selected,n=this.props.selected,r&&n?getMonth(r)!==getMonth(n)||getYear(r)!==getYear(n):r!==n)&&this.setPreSelection(this.props.selected),void 0!==this.state.monthSelectedIn&&e.monthsShown!==this.props.monthsShown&&this.setState({monthSelectedIn:0}),e.highlightDates!==this.props.highlightDates&&this.setState({highlightDates:ht(this.props.highlightDates)}),t.focused||Ke(e.selected,this.props.selected)||this.setState({inputValue:null}),t.open!==this.state.open&&(!1===t.open&&!0===this.state.open&&this.props.onCalendarOpen(),!0===t.open&&!1===this.state.open&&this.props.onCalendarClose());}},{key:"componentWillUnmount",value:function(){this.clearPreventFocusTimeout(),window.removeEventListener("scroll",this.onScroll,!0);}},{key:"render",value:function(){var t=this.renderCalendar();return this.props.inline&&!this.props.withPortal?t:this.props.withPortal?React__default["default"].createElement("div",null,this.props.inline?null:React__default["default"].createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton()),this.state.open||this.props.inline?React__default["default"].createElement("div",{className:"react-datepicker__portal"},t):null):React__default["default"].createElement(At,{className:this.props.popperClassName,wrapperClassName:this.props.wrapperClassName,hidePopper:!this.isCalendarOpen(),portalId:this.props.portalId,popperModifiers:this.props.popperModifiers,targetComponent:React__default["default"].createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton()),popperContainer:this.props.popperContainer,popperComponent:t,popperPlacement:this.props.popperPlacement,popperProps:this.props.popperProps,popperOnKeyDown:this.onPopperKeyDown,enableTabLoop:this.props.enableTabLoop})}}],[{key:"defaultProps",get:function(){return {allowSameDay:!1,dateFormat:"MM/dd/yyyy",dateFormatCalendar:"LLLL yyyy",onChange:function(){},disabled:!1,disabledKeyboardNavigation:!1,dropdownMode:"scroll",onFocus:function(){},onBlur:function(){},onKeyDown:function(){},onInputClick:function(){},onSelect:function(){},onClickOutside:function(){},onMonthChange:function(){},onCalendarOpen:function(){},onCalendarClose:function(){},preventOpenOnFocus:!1,onYearChange:function(){},onInputError:function(){},monthsShown:1,readOnly:!1,withPortal:!1,shouldCloseOnSelect:!0,showTimeSelect:!1,showTimeInput:!1,showPreviousMonths:!1,showMonthYearPicker:!1,showFullMonthYearPicker:!1,showTwoColumnMonthYearPicker:!1,showFourColumnMonthYearPicker:!1,showYearPicker:!1,showQuarterYearPicker:!1,strictParsing:!1,timeIntervals:30,timeCaption:"Time",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",timeInputLabel:"Time",enableTabLoop:!0,yearItemNumber:12,renderDayContents:function(e){return e},focusSelectedMonth:!1,showPopperArrow:!0,excludeScrollbar:!0,customTimeInput:null,calendarStartDay:0}}}]),a}(),Kt="input",jt="navigate";var ReactDatePicker = Wt;
37702
37719
 
37703
37720
  function toInteger(dirtyNumber) {
37704
37721
  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -51739,139 +51756,1321 @@
51739
51756
  return radioButtons;
51740
51757
  };
51741
51758
 
51742
- var SelectControl = function SelectControl(props) {
51743
- // eslint-disable-next-line react/prop-types
51759
+ function SelectControl(props) {
51744
51760
  var isFocused = props.isFocused;
51745
51761
  return /*#__PURE__*/React__default["default"].createElement("div", {
51746
51762
  "data-testid": "select-control"
51747
- }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.Control, Object.assign({
51763
+ }, /*#__PURE__*/React__default["default"].createElement(components.Control, Object.assign({
51748
51764
  className: isFocused ? "nds-select--is-focused" : null,
51749
51765
  isFocused: isFocused
51750
- }, props)));
51751
- };
51752
- var SelectMultiValue = function SelectMultiValue(props) {
51766
+ }, props), props.children));
51767
+ }
51768
+ function SelectMultiValue(props) {
51753
51769
  return /*#__PURE__*/React__default["default"].createElement("div", {
51754
51770
  "data-testid": "select-multivalue"
51755
- }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.MultiValue, Object.assign({}, props)));
51756
- };
51757
- var SelectClearIndicator = function SelectClearIndicator(props) {
51771
+ }, /*#__PURE__*/React__default["default"].createElement(components.MultiValue, Object.assign({}, props), props.children));
51772
+ }
51773
+ function SelectClearIndicator(props) {
51758
51774
  return /*#__PURE__*/React__default["default"].createElement("div", {
51759
51775
  "data-testid": "select-clear"
51760
- }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.ClearIndicator, Object.assign({}, props)));
51761
- };
51762
- var SelectDropdownIndicator = function SelectDropdownIndicator(props) {
51776
+ }, /*#__PURE__*/React__default["default"].createElement(components.ClearIndicator, Object.assign({}, props)));
51777
+ }
51778
+ function SelectDropdownIndicator(props) {
51763
51779
  return /*#__PURE__*/React__default["default"].createElement("div", {
51764
51780
  "data-testid": "select-arrow"
51765
- }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.DropdownIndicator, Object.assign({}, props)));
51766
- };
51767
- var SelectMenu = function SelectMenu(props) {
51781
+ }, /*#__PURE__*/React__default["default"].createElement(components.DropdownIndicator, Object.assign({}, props)));
51782
+ }
51783
+ function SelectMenu(props) {
51768
51784
  return /*#__PURE__*/React__default["default"].createElement("div", {
51769
51785
  "data-testid": "select-dropdown"
51770
- }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.Menu, Object.assign({}, props)));
51771
- };
51772
- var SelectContainer = function SelectContainer(props) {
51786
+ }, /*#__PURE__*/React__default["default"].createElement(components.Menu, Object.assign({}, props), props.children));
51787
+ }
51788
+ function SelectContainer(props) {
51773
51789
  return /*#__PURE__*/React__default["default"].createElement("div", {
51774
51790
  "data-testid": "select-container"
51775
- }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.SelectContainer, Object.assign({}, props)));
51776
- };
51777
- var SelectInput = function SelectInput(props) {
51791
+ }, /*#__PURE__*/React__default["default"].createElement(components.SelectContainer, Object.assign({}, props), props.children));
51792
+ }
51793
+ function SelectInput(props) {
51778
51794
  return /*#__PURE__*/React__default["default"].createElement("div", {
51779
51795
  "data-testid": "select-input"
51780
- }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.Input, Object.assign({}, props)));
51796
+ }, /*#__PURE__*/React__default["default"].createElement(components.Input, Object.assign({}, props), props.children));
51797
+ }
51798
+
51799
+ var safeIsNaN = Number.isNaN ||
51800
+ function ponyfill(value) {
51801
+ return typeof value === 'number' && value !== value;
51802
+ };
51803
+ function isEqual(first, second) {
51804
+ if (first === second) {
51805
+ return true;
51806
+ }
51807
+ if (safeIsNaN(first) && safeIsNaN(second)) {
51808
+ return true;
51809
+ }
51810
+ return false;
51811
+ }
51812
+ function areInputsEqual(newInputs, lastInputs) {
51813
+ if (newInputs.length !== lastInputs.length) {
51814
+ return false;
51815
+ }
51816
+ for (var i = 0; i < newInputs.length; i++) {
51817
+ if (!isEqual(newInputs[i], lastInputs[i])) {
51818
+ return false;
51819
+ }
51820
+ }
51821
+ return true;
51822
+ }
51823
+
51824
+ function memoizeOne(resultFn, isEqual) {
51825
+ if (isEqual === void 0) { isEqual = areInputsEqual; }
51826
+ var lastThis;
51827
+ var lastArgs = [];
51828
+ var lastResult;
51829
+ var calledOnce = false;
51830
+ function memoized() {
51831
+ var newArgs = [];
51832
+ for (var _i = 0; _i < arguments.length; _i++) {
51833
+ newArgs[_i] = arguments[_i];
51834
+ }
51835
+ if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
51836
+ return lastResult;
51837
+ }
51838
+ lastResult = resultFn.apply(this, newArgs);
51839
+ calledOnce = true;
51840
+ lastThis = this;
51841
+ lastArgs = newArgs;
51842
+ return lastResult;
51843
+ }
51844
+ return memoized;
51845
+ }
51846
+
51847
+ // Animation frame based implementation of setTimeout.
51848
+ // Inspired by Joe Lambert, https://gist.github.com/joelambert/1002116#file-requesttimeout-js
51849
+ var hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
51850
+ var now = hasNativePerformanceNow ? function () {
51851
+ return performance.now();
51852
+ } : function () {
51853
+ return Date.now();
51781
51854
  };
51855
+ function cancelTimeout(timeoutID) {
51856
+ cancelAnimationFrame(timeoutID.id);
51857
+ }
51858
+ function requestTimeout(callback, delay) {
51859
+ var start = now();
51782
51860
 
51783
- var ReactSelect = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
51784
- var variant = _a.variant,
51785
- options = _a.options,
51861
+ function tick() {
51862
+ if (now() - start >= delay) {
51863
+ callback.call(null);
51864
+ } else {
51865
+ timeoutID.id = requestAnimationFrame(tick);
51866
+ }
51867
+ }
51868
+
51869
+ var timeoutID = {
51870
+ id: requestAnimationFrame(tick)
51871
+ };
51872
+ return timeoutID;
51873
+ }
51874
+
51875
+ var size = -1; // This utility copied from "dom-helpers" package.
51876
+
51877
+ function getScrollbarSize(recalculate) {
51878
+ if (recalculate === void 0) {
51879
+ recalculate = false;
51880
+ }
51881
+
51882
+ if (size === -1 || recalculate) {
51883
+ var div = document.createElement('div');
51884
+ var style = div.style;
51885
+ style.width = '50px';
51886
+ style.height = '50px';
51887
+ style.overflow = 'scroll';
51888
+ document.body.appendChild(div);
51889
+ size = div.offsetWidth - div.clientWidth;
51890
+ document.body.removeChild(div);
51891
+ }
51892
+
51893
+ return size;
51894
+ }
51895
+ var cachedRTLResult = null; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
51896
+ // Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).
51897
+ // Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.
51898
+ // The safest way to check this is to intentionally set a negative offset,
51899
+ // and then verify that the subsequent "scroll" event matches the negative offset.
51900
+ // If it does not match, then we can assume a non-standard RTL scroll implementation.
51901
+
51902
+ function getRTLOffsetType(recalculate) {
51903
+ if (recalculate === void 0) {
51904
+ recalculate = false;
51905
+ }
51906
+
51907
+ if (cachedRTLResult === null || recalculate) {
51908
+ var outerDiv = document.createElement('div');
51909
+ var outerStyle = outerDiv.style;
51910
+ outerStyle.width = '50px';
51911
+ outerStyle.height = '50px';
51912
+ outerStyle.overflow = 'scroll';
51913
+ outerStyle.direction = 'rtl';
51914
+ var innerDiv = document.createElement('div');
51915
+ var innerStyle = innerDiv.style;
51916
+ innerStyle.width = '100px';
51917
+ innerStyle.height = '100px';
51918
+ outerDiv.appendChild(innerDiv);
51919
+ document.body.appendChild(outerDiv);
51920
+
51921
+ if (outerDiv.scrollLeft > 0) {
51922
+ cachedRTLResult = 'positive-descending';
51923
+ } else {
51924
+ outerDiv.scrollLeft = 1;
51925
+
51926
+ if (outerDiv.scrollLeft === 0) {
51927
+ cachedRTLResult = 'negative';
51928
+ } else {
51929
+ cachedRTLResult = 'positive-ascending';
51930
+ }
51931
+ }
51932
+
51933
+ document.body.removeChild(outerDiv);
51934
+ return cachedRTLResult;
51935
+ }
51936
+
51937
+ return cachedRTLResult;
51938
+ }
51939
+
51940
+ if (process.env.NODE_ENV !== 'production') ;
51941
+
51942
+ var IS_SCROLLING_DEBOUNCE_INTERVAL$1 = 150;
51943
+
51944
+ var defaultItemKey$1 = function defaultItemKey(index, data) {
51945
+ return index;
51946
+ }; // In DEV mode, this Set helps us only log a warning once per component instance.
51947
+ // This avoids spamming the console every time a render happens.
51948
+
51949
+
51950
+ var devWarningsDirection = null;
51951
+ var devWarningsTagName$1 = null;
51952
+
51953
+ if (process.env.NODE_ENV !== 'production') {
51954
+ if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {
51955
+ devWarningsDirection = /*#__PURE__*/new WeakSet();
51956
+ devWarningsTagName$1 = /*#__PURE__*/new WeakSet();
51957
+ }
51958
+ }
51959
+
51960
+ function createListComponent(_ref) {
51961
+ var _class;
51962
+
51963
+ var getItemOffset = _ref.getItemOffset,
51964
+ getEstimatedTotalSize = _ref.getEstimatedTotalSize,
51965
+ getItemSize = _ref.getItemSize,
51966
+ getOffsetForIndexAndAlignment = _ref.getOffsetForIndexAndAlignment,
51967
+ getStartIndexForOffset = _ref.getStartIndexForOffset,
51968
+ getStopIndexForStartIndex = _ref.getStopIndexForStartIndex,
51969
+ initInstanceProps = _ref.initInstanceProps,
51970
+ shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,
51971
+ validateProps = _ref.validateProps;
51972
+ return _class = /*#__PURE__*/function (_PureComponent) {
51973
+ _inheritsLoose$2(List, _PureComponent);
51974
+
51975
+ // Always use explicit constructor for React components.
51976
+ // It produces less code after transpilation. (#26)
51977
+ // eslint-disable-next-line no-useless-constructor
51978
+ function List(props) {
51979
+ var _this;
51980
+
51981
+ _this = _PureComponent.call(this, props) || this;
51982
+ _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$1(_this));
51983
+ _this._outerRef = void 0;
51984
+ _this._resetIsScrollingTimeoutId = null;
51985
+ _this.state = {
51986
+ instance: _assertThisInitialized$1(_this),
51987
+ isScrolling: false,
51988
+ scrollDirection: 'forward',
51989
+ scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
51990
+ scrollUpdateWasRequested: false
51991
+ };
51992
+ _this._callOnItemsRendered = void 0;
51993
+ _this._callOnItemsRendered = memoizeOne(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {
51994
+ return _this.props.onItemsRendered({
51995
+ overscanStartIndex: overscanStartIndex,
51996
+ overscanStopIndex: overscanStopIndex,
51997
+ visibleStartIndex: visibleStartIndex,
51998
+ visibleStopIndex: visibleStopIndex
51999
+ });
52000
+ });
52001
+ _this._callOnScroll = void 0;
52002
+ _this._callOnScroll = memoizeOne(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {
52003
+ return _this.props.onScroll({
52004
+ scrollDirection: scrollDirection,
52005
+ scrollOffset: scrollOffset,
52006
+ scrollUpdateWasRequested: scrollUpdateWasRequested
52007
+ });
52008
+ });
52009
+ _this._getItemStyle = void 0;
52010
+
52011
+ _this._getItemStyle = function (index) {
52012
+ var _this$props = _this.props,
52013
+ direction = _this$props.direction,
52014
+ itemSize = _this$props.itemSize,
52015
+ layout = _this$props.layout;
52016
+
52017
+ var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize, shouldResetStyleCacheOnItemSizeChange && layout, shouldResetStyleCacheOnItemSizeChange && direction);
52018
+
52019
+ var style;
52020
+
52021
+ if (itemStyleCache.hasOwnProperty(index)) {
52022
+ style = itemStyleCache[index];
52023
+ } else {
52024
+ var _offset = getItemOffset(_this.props, index, _this._instanceProps);
52025
+
52026
+ var size = getItemSize(_this.props, index, _this._instanceProps); // TODO Deprecate direction "horizontal"
52027
+
52028
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
52029
+ var isRtl = direction === 'rtl';
52030
+ var offsetHorizontal = isHorizontal ? _offset : 0;
52031
+ itemStyleCache[index] = style = {
52032
+ position: 'absolute',
52033
+ left: isRtl ? undefined : offsetHorizontal,
52034
+ right: isRtl ? offsetHorizontal : undefined,
52035
+ top: !isHorizontal ? _offset : 0,
52036
+ height: !isHorizontal ? size : '100%',
52037
+ width: isHorizontal ? size : '100%'
52038
+ };
52039
+ }
52040
+
52041
+ return style;
52042
+ };
52043
+
52044
+ _this._getItemStyleCache = void 0;
52045
+ _this._getItemStyleCache = memoizeOne(function (_, __, ___) {
52046
+ return {};
52047
+ });
52048
+
52049
+ _this._onScrollHorizontal = function (event) {
52050
+ var _event$currentTarget = event.currentTarget,
52051
+ clientWidth = _event$currentTarget.clientWidth,
52052
+ scrollLeft = _event$currentTarget.scrollLeft,
52053
+ scrollWidth = _event$currentTarget.scrollWidth;
52054
+
52055
+ _this.setState(function (prevState) {
52056
+ if (prevState.scrollOffset === scrollLeft) {
52057
+ // Scroll position may have been updated by cDM/cDU,
52058
+ // In which case we don't need to trigger another render,
52059
+ // And we don't want to update state.isScrolling.
52060
+ return null;
52061
+ }
52062
+
52063
+ var direction = _this.props.direction;
52064
+ var scrollOffset = scrollLeft;
52065
+
52066
+ if (direction === 'rtl') {
52067
+ // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
52068
+ // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
52069
+ // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.
52070
+ // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.
52071
+ switch (getRTLOffsetType()) {
52072
+ case 'negative':
52073
+ scrollOffset = -scrollLeft;
52074
+ break;
52075
+
52076
+ case 'positive-descending':
52077
+ scrollOffset = scrollWidth - clientWidth - scrollLeft;
52078
+ break;
52079
+ }
52080
+ } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
52081
+
52082
+
52083
+ scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
52084
+ return {
52085
+ isScrolling: true,
52086
+ scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
52087
+ scrollOffset: scrollOffset,
52088
+ scrollUpdateWasRequested: false
52089
+ };
52090
+ }, _this._resetIsScrollingDebounced);
52091
+ };
52092
+
52093
+ _this._onScrollVertical = function (event) {
52094
+ var _event$currentTarget2 = event.currentTarget,
52095
+ clientHeight = _event$currentTarget2.clientHeight,
52096
+ scrollHeight = _event$currentTarget2.scrollHeight,
52097
+ scrollTop = _event$currentTarget2.scrollTop;
52098
+
52099
+ _this.setState(function (prevState) {
52100
+ if (prevState.scrollOffset === scrollTop) {
52101
+ // Scroll position may have been updated by cDM/cDU,
52102
+ // In which case we don't need to trigger another render,
52103
+ // And we don't want to update state.isScrolling.
52104
+ return null;
52105
+ } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
52106
+
52107
+
52108
+ var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
52109
+ return {
52110
+ isScrolling: true,
52111
+ scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
52112
+ scrollOffset: scrollOffset,
52113
+ scrollUpdateWasRequested: false
52114
+ };
52115
+ }, _this._resetIsScrollingDebounced);
52116
+ };
52117
+
52118
+ _this._outerRefSetter = function (ref) {
52119
+ var outerRef = _this.props.outerRef;
52120
+ _this._outerRef = ref;
52121
+
52122
+ if (typeof outerRef === 'function') {
52123
+ outerRef(ref);
52124
+ } else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {
52125
+ outerRef.current = ref;
52126
+ }
52127
+ };
52128
+
52129
+ _this._resetIsScrollingDebounced = function () {
52130
+ if (_this._resetIsScrollingTimeoutId !== null) {
52131
+ cancelTimeout(_this._resetIsScrollingTimeoutId);
52132
+ }
52133
+
52134
+ _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL$1);
52135
+ };
52136
+
52137
+ _this._resetIsScrolling = function () {
52138
+ _this._resetIsScrollingTimeoutId = null;
52139
+
52140
+ _this.setState({
52141
+ isScrolling: false
52142
+ }, function () {
52143
+ // Clear style cache after state update has been committed.
52144
+ // This way we don't break pure sCU for items that don't use isScrolling param.
52145
+ _this._getItemStyleCache(-1, null);
52146
+ });
52147
+ };
52148
+
52149
+ return _this;
52150
+ }
52151
+
52152
+ List.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
52153
+ validateSharedProps$1(nextProps, prevState);
52154
+ validateProps(nextProps);
52155
+ return null;
52156
+ };
52157
+
52158
+ var _proto = List.prototype;
52159
+
52160
+ _proto.scrollTo = function scrollTo(scrollOffset) {
52161
+ scrollOffset = Math.max(0, scrollOffset);
52162
+ this.setState(function (prevState) {
52163
+ if (prevState.scrollOffset === scrollOffset) {
52164
+ return null;
52165
+ }
52166
+
52167
+ return {
52168
+ scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
52169
+ scrollOffset: scrollOffset,
52170
+ scrollUpdateWasRequested: true
52171
+ };
52172
+ }, this._resetIsScrollingDebounced);
52173
+ };
52174
+
52175
+ _proto.scrollToItem = function scrollToItem(index, align) {
52176
+ if (align === void 0) {
52177
+ align = 'auto';
52178
+ }
52179
+
52180
+ var _this$props2 = this.props,
52181
+ itemCount = _this$props2.itemCount,
52182
+ layout = _this$props2.layout;
52183
+ var scrollOffset = this.state.scrollOffset;
52184
+ index = Math.max(0, Math.min(index, itemCount - 1)); // The scrollbar size should be considered when scrolling an item into view, to ensure it's fully visible.
52185
+ // But we only need to account for its size when it's actually visible.
52186
+ // This is an edge case for lists; normally they only scroll in the dominant direction.
52187
+
52188
+ var scrollbarSize = 0;
52189
+
52190
+ if (this._outerRef) {
52191
+ var outerRef = this._outerRef;
52192
+
52193
+ if (layout === 'vertical') {
52194
+ scrollbarSize = outerRef.scrollWidth > outerRef.clientWidth ? getScrollbarSize() : 0;
52195
+ } else {
52196
+ scrollbarSize = outerRef.scrollHeight > outerRef.clientHeight ? getScrollbarSize() : 0;
52197
+ }
52198
+ }
52199
+
52200
+ this.scrollTo(getOffsetForIndexAndAlignment(this.props, index, align, scrollOffset, this._instanceProps, scrollbarSize));
52201
+ };
52202
+
52203
+ _proto.componentDidMount = function componentDidMount() {
52204
+ var _this$props3 = this.props,
52205
+ direction = _this$props3.direction,
52206
+ initialScrollOffset = _this$props3.initialScrollOffset,
52207
+ layout = _this$props3.layout;
52208
+
52209
+ if (typeof initialScrollOffset === 'number' && this._outerRef != null) {
52210
+ var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
52211
+
52212
+ if (direction === 'horizontal' || layout === 'horizontal') {
52213
+ outerRef.scrollLeft = initialScrollOffset;
52214
+ } else {
52215
+ outerRef.scrollTop = initialScrollOffset;
52216
+ }
52217
+ }
52218
+
52219
+ this._callPropsCallbacks();
52220
+ };
52221
+
52222
+ _proto.componentDidUpdate = function componentDidUpdate() {
52223
+ var _this$props4 = this.props,
52224
+ direction = _this$props4.direction,
52225
+ layout = _this$props4.layout;
52226
+ var _this$state = this.state,
52227
+ scrollOffset = _this$state.scrollOffset,
52228
+ scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;
52229
+
52230
+ if (scrollUpdateWasRequested && this._outerRef != null) {
52231
+ var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
52232
+
52233
+ if (direction === 'horizontal' || layout === 'horizontal') {
52234
+ if (direction === 'rtl') {
52235
+ // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
52236
+ // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
52237
+ // So we need to determine which browser behavior we're dealing with, and mimic it.
52238
+ switch (getRTLOffsetType()) {
52239
+ case 'negative':
52240
+ outerRef.scrollLeft = -scrollOffset;
52241
+ break;
52242
+
52243
+ case 'positive-ascending':
52244
+ outerRef.scrollLeft = scrollOffset;
52245
+ break;
52246
+
52247
+ default:
52248
+ var clientWidth = outerRef.clientWidth,
52249
+ scrollWidth = outerRef.scrollWidth;
52250
+ outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;
52251
+ break;
52252
+ }
52253
+ } else {
52254
+ outerRef.scrollLeft = scrollOffset;
52255
+ }
52256
+ } else {
52257
+ outerRef.scrollTop = scrollOffset;
52258
+ }
52259
+ }
52260
+
52261
+ this._callPropsCallbacks();
52262
+ };
52263
+
52264
+ _proto.componentWillUnmount = function componentWillUnmount() {
52265
+ if (this._resetIsScrollingTimeoutId !== null) {
52266
+ cancelTimeout(this._resetIsScrollingTimeoutId);
52267
+ }
52268
+ };
52269
+
52270
+ _proto.render = function render() {
52271
+ var _this$props5 = this.props,
52272
+ children = _this$props5.children,
52273
+ className = _this$props5.className,
52274
+ direction = _this$props5.direction,
52275
+ height = _this$props5.height,
52276
+ innerRef = _this$props5.innerRef,
52277
+ innerElementType = _this$props5.innerElementType,
52278
+ innerTagName = _this$props5.innerTagName,
52279
+ itemCount = _this$props5.itemCount,
52280
+ itemData = _this$props5.itemData,
52281
+ _this$props5$itemKey = _this$props5.itemKey,
52282
+ itemKey = _this$props5$itemKey === void 0 ? defaultItemKey$1 : _this$props5$itemKey,
52283
+ layout = _this$props5.layout,
52284
+ outerElementType = _this$props5.outerElementType,
52285
+ outerTagName = _this$props5.outerTagName,
52286
+ style = _this$props5.style,
52287
+ useIsScrolling = _this$props5.useIsScrolling,
52288
+ width = _this$props5.width;
52289
+ var isScrolling = this.state.isScrolling; // TODO Deprecate direction "horizontal"
52290
+
52291
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
52292
+ var onScroll = isHorizontal ? this._onScrollHorizontal : this._onScrollVertical;
52293
+
52294
+ var _this$_getRangeToRend = this._getRangeToRender(),
52295
+ startIndex = _this$_getRangeToRend[0],
52296
+ stopIndex = _this$_getRangeToRend[1];
52297
+
52298
+ var items = [];
52299
+
52300
+ if (itemCount > 0) {
52301
+ for (var _index = startIndex; _index <= stopIndex; _index++) {
52302
+ items.push(React.createElement(children, {
52303
+ data: itemData,
52304
+ key: itemKey(_index, itemData),
52305
+ index: _index,
52306
+ isScrolling: useIsScrolling ? isScrolling : undefined,
52307
+ style: this._getItemStyle(_index)
52308
+ }));
52309
+ }
52310
+ } // Read this value AFTER items have been created,
52311
+ // So their actual sizes (if variable) are taken into consideration.
52312
+
52313
+
52314
+ var estimatedTotalSize = getEstimatedTotalSize(this.props, this._instanceProps);
52315
+ return React.createElement(outerElementType || outerTagName || 'div', {
52316
+ className: className,
52317
+ onScroll: onScroll,
52318
+ ref: this._outerRefSetter,
52319
+ style: _extends$3({
52320
+ position: 'relative',
52321
+ height: height,
52322
+ width: width,
52323
+ overflow: 'auto',
52324
+ WebkitOverflowScrolling: 'touch',
52325
+ willChange: 'transform',
52326
+ direction: direction
52327
+ }, style)
52328
+ }, React.createElement(innerElementType || innerTagName || 'div', {
52329
+ children: items,
52330
+ ref: innerRef,
52331
+ style: {
52332
+ height: isHorizontal ? '100%' : estimatedTotalSize,
52333
+ pointerEvents: isScrolling ? 'none' : undefined,
52334
+ width: isHorizontal ? estimatedTotalSize : '100%'
52335
+ }
52336
+ }));
52337
+ };
52338
+
52339
+ _proto._callPropsCallbacks = function _callPropsCallbacks() {
52340
+ if (typeof this.props.onItemsRendered === 'function') {
52341
+ var itemCount = this.props.itemCount;
52342
+
52343
+ if (itemCount > 0) {
52344
+ var _this$_getRangeToRend2 = this._getRangeToRender(),
52345
+ _overscanStartIndex = _this$_getRangeToRend2[0],
52346
+ _overscanStopIndex = _this$_getRangeToRend2[1],
52347
+ _visibleStartIndex = _this$_getRangeToRend2[2],
52348
+ _visibleStopIndex = _this$_getRangeToRend2[3];
52349
+
52350
+ this._callOnItemsRendered(_overscanStartIndex, _overscanStopIndex, _visibleStartIndex, _visibleStopIndex);
52351
+ }
52352
+ }
52353
+
52354
+ if (typeof this.props.onScroll === 'function') {
52355
+ var _this$state2 = this.state,
52356
+ _scrollDirection = _this$state2.scrollDirection,
52357
+ _scrollOffset = _this$state2.scrollOffset,
52358
+ _scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;
52359
+
52360
+ this._callOnScroll(_scrollDirection, _scrollOffset, _scrollUpdateWasRequested);
52361
+ }
52362
+ } // Lazily create and cache item styles while scrolling,
52363
+ // So that pure component sCU will prevent re-renders.
52364
+ // We maintain this cache, and pass a style prop rather than index,
52365
+ // So that List can clear cached styles and force item re-render if necessary.
52366
+ ;
52367
+
52368
+ _proto._getRangeToRender = function _getRangeToRender() {
52369
+ var _this$props6 = this.props,
52370
+ itemCount = _this$props6.itemCount,
52371
+ overscanCount = _this$props6.overscanCount;
52372
+ var _this$state3 = this.state,
52373
+ isScrolling = _this$state3.isScrolling,
52374
+ scrollDirection = _this$state3.scrollDirection,
52375
+ scrollOffset = _this$state3.scrollOffset;
52376
+
52377
+ if (itemCount === 0) {
52378
+ return [0, 0, 0, 0];
52379
+ }
52380
+
52381
+ var startIndex = getStartIndexForOffset(this.props, scrollOffset, this._instanceProps);
52382
+ var stopIndex = getStopIndexForStartIndex(this.props, startIndex, scrollOffset, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.
52383
+ // If there isn't at least one extra item, tab loops back around.
52384
+
52385
+ var overscanBackward = !isScrolling || scrollDirection === 'backward' ? Math.max(1, overscanCount) : 1;
52386
+ var overscanForward = !isScrolling || scrollDirection === 'forward' ? Math.max(1, overscanCount) : 1;
52387
+ return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(itemCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
52388
+ };
52389
+
52390
+ return List;
52391
+ }(React.PureComponent), _class.defaultProps = {
52392
+ direction: 'ltr',
52393
+ itemData: undefined,
52394
+ layout: 'vertical',
52395
+ overscanCount: 2,
52396
+ useIsScrolling: false
52397
+ }, _class;
52398
+ } // NOTE: I considered further wrapping individual items with a pure ListItem component.
52399
+ // This would avoid ever calling the render function for the same index more than once,
52400
+ // But it would also add the overhead of a lot of components/fibers.
52401
+ // I assume people already do this (render function returning a class component),
52402
+ // So my doing it would just unnecessarily double the wrappers.
52403
+
52404
+ var validateSharedProps$1 = function validateSharedProps(_ref2, _ref3) {
52405
+ var children = _ref2.children,
52406
+ direction = _ref2.direction,
52407
+ height = _ref2.height,
52408
+ layout = _ref2.layout,
52409
+ innerTagName = _ref2.innerTagName,
52410
+ outerTagName = _ref2.outerTagName,
52411
+ width = _ref2.width;
52412
+ var instance = _ref3.instance;
52413
+
52414
+ if (process.env.NODE_ENV !== 'production') {
52415
+ if (innerTagName != null || outerTagName != null) {
52416
+ if (devWarningsTagName$1 && !devWarningsTagName$1.has(instance)) {
52417
+ devWarningsTagName$1.add(instance);
52418
+ console.warn('The innerTagName and outerTagName props have been deprecated. ' + 'Please use the innerElementType and outerElementType props instead.');
52419
+ }
52420
+ } // TODO Deprecate direction "horizontal"
52421
+
52422
+
52423
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
52424
+
52425
+ switch (direction) {
52426
+ case 'horizontal':
52427
+ case 'vertical':
52428
+ if (devWarningsDirection && !devWarningsDirection.has(instance)) {
52429
+ devWarningsDirection.add(instance);
52430
+ console.warn('The direction prop should be either "ltr" (default) or "rtl". ' + 'Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.');
52431
+ }
52432
+
52433
+ break;
52434
+
52435
+ case 'ltr':
52436
+ case 'rtl':
52437
+ // Valid values
52438
+ break;
52439
+
52440
+ default:
52441
+ throw Error('An invalid "direction" prop has been specified. ' + 'Value should be either "ltr" or "rtl". ' + ("\"" + direction + "\" was specified."));
52442
+ }
52443
+
52444
+ switch (layout) {
52445
+ case 'horizontal':
52446
+ case 'vertical':
52447
+ // Valid values
52448
+ break;
52449
+
52450
+ default:
52451
+ throw Error('An invalid "layout" prop has been specified. ' + 'Value should be either "horizontal" or "vertical". ' + ("\"" + layout + "\" was specified."));
52452
+ }
52453
+
52454
+ if (children == null) {
52455
+ throw Error('An invalid "children" prop has been specified. ' + 'Value should be a React component. ' + ("\"" + (children === null ? 'null' : typeof children) + "\" was specified."));
52456
+ }
52457
+
52458
+ if (isHorizontal && typeof width !== 'number') {
52459
+ throw Error('An invalid "width" prop has been specified. ' + 'Horizontal lists must specify a number for width. ' + ("\"" + (width === null ? 'null' : typeof width) + "\" was specified."));
52460
+ } else if (!isHorizontal && typeof height !== 'number') {
52461
+ throw Error('An invalid "height" prop has been specified. ' + 'Vertical lists must specify a number for height. ' + ("\"" + (height === null ? 'null' : typeof height) + "\" was specified."));
52462
+ }
52463
+ }
52464
+ };
52465
+
52466
+ var DEFAULT_ESTIMATED_ITEM_SIZE$1 = 50;
52467
+
52468
+ var getItemMetadata$1 = function getItemMetadata(props, index, instanceProps) {
52469
+ var _ref = props,
52470
+ itemSize = _ref.itemSize;
52471
+ var itemMetadataMap = instanceProps.itemMetadataMap,
52472
+ lastMeasuredIndex = instanceProps.lastMeasuredIndex;
52473
+
52474
+ if (index > lastMeasuredIndex) {
52475
+ var offset = 0;
52476
+
52477
+ if (lastMeasuredIndex >= 0) {
52478
+ var itemMetadata = itemMetadataMap[lastMeasuredIndex];
52479
+ offset = itemMetadata.offset + itemMetadata.size;
52480
+ }
52481
+
52482
+ for (var i = lastMeasuredIndex + 1; i <= index; i++) {
52483
+ var size = itemSize(i);
52484
+ itemMetadataMap[i] = {
52485
+ offset: offset,
52486
+ size: size
52487
+ };
52488
+ offset += size;
52489
+ }
52490
+
52491
+ instanceProps.lastMeasuredIndex = index;
52492
+ }
52493
+
52494
+ return itemMetadataMap[index];
52495
+ };
52496
+
52497
+ var findNearestItem$1 = function findNearestItem(props, instanceProps, offset) {
52498
+ var itemMetadataMap = instanceProps.itemMetadataMap,
52499
+ lastMeasuredIndex = instanceProps.lastMeasuredIndex;
52500
+ var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;
52501
+
52502
+ if (lastMeasuredItemOffset >= offset) {
52503
+ // If we've already measured items within this range just use a binary search as it's faster.
52504
+ return findNearestItemBinarySearch$1(props, instanceProps, lastMeasuredIndex, 0, offset);
52505
+ } else {
52506
+ // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.
52507
+ // The exponential search avoids pre-computing sizes for the full set of items as a binary search would.
52508
+ // The overall complexity for this approach is O(log n).
52509
+ return findNearestItemExponentialSearch$1(props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
52510
+ }
52511
+ };
52512
+
52513
+ var findNearestItemBinarySearch$1 = function findNearestItemBinarySearch(props, instanceProps, high, low, offset) {
52514
+ while (low <= high) {
52515
+ var middle = low + Math.floor((high - low) / 2);
52516
+ var currentOffset = getItemMetadata$1(props, middle, instanceProps).offset;
52517
+
52518
+ if (currentOffset === offset) {
52519
+ return middle;
52520
+ } else if (currentOffset < offset) {
52521
+ low = middle + 1;
52522
+ } else if (currentOffset > offset) {
52523
+ high = middle - 1;
52524
+ }
52525
+ }
52526
+
52527
+ if (low > 0) {
52528
+ return low - 1;
52529
+ } else {
52530
+ return 0;
52531
+ }
52532
+ };
52533
+
52534
+ var findNearestItemExponentialSearch$1 = function findNearestItemExponentialSearch(props, instanceProps, index, offset) {
52535
+ var itemCount = props.itemCount;
52536
+ var interval = 1;
52537
+
52538
+ while (index < itemCount && getItemMetadata$1(props, index, instanceProps).offset < offset) {
52539
+ index += interval;
52540
+ interval *= 2;
52541
+ }
52542
+
52543
+ return findNearestItemBinarySearch$1(props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);
52544
+ };
52545
+
52546
+ var getEstimatedTotalSize = function getEstimatedTotalSize(_ref2, _ref3) {
52547
+ var itemCount = _ref2.itemCount;
52548
+ var itemMetadataMap = _ref3.itemMetadataMap,
52549
+ estimatedItemSize = _ref3.estimatedItemSize,
52550
+ lastMeasuredIndex = _ref3.lastMeasuredIndex;
52551
+ var totalSizeOfMeasuredItems = 0; // Edge case check for when the number of items decreases while a scroll is in progress.
52552
+ // https://github.com/bvaughn/react-window/pull/138
52553
+
52554
+ if (lastMeasuredIndex >= itemCount) {
52555
+ lastMeasuredIndex = itemCount - 1;
52556
+ }
52557
+
52558
+ if (lastMeasuredIndex >= 0) {
52559
+ var itemMetadata = itemMetadataMap[lastMeasuredIndex];
52560
+ totalSizeOfMeasuredItems = itemMetadata.offset + itemMetadata.size;
52561
+ }
52562
+
52563
+ var numUnmeasuredItems = itemCount - lastMeasuredIndex - 1;
52564
+ var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;
52565
+ return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;
52566
+ };
52567
+
52568
+ var VariableSizeList = /*#__PURE__*/createListComponent({
52569
+ getItemOffset: function getItemOffset(props, index, instanceProps) {
52570
+ return getItemMetadata$1(props, index, instanceProps).offset;
52571
+ },
52572
+ getItemSize: function getItemSize(props, index, instanceProps) {
52573
+ return instanceProps.itemMetadataMap[index].size;
52574
+ },
52575
+ getEstimatedTotalSize: getEstimatedTotalSize,
52576
+ getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {
52577
+ var direction = props.direction,
52578
+ height = props.height,
52579
+ layout = props.layout,
52580
+ width = props.width; // TODO Deprecate direction "horizontal"
52581
+
52582
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
52583
+ var size = isHorizontal ? width : height;
52584
+ var itemMetadata = getItemMetadata$1(props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,
52585
+ // To ensure it reflects actual measurements instead of just estimates.
52586
+
52587
+ var estimatedTotalSize = getEstimatedTotalSize(props, instanceProps);
52588
+ var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
52589
+ var minOffset = Math.max(0, itemMetadata.offset - size + itemMetadata.size + scrollbarSize);
52590
+
52591
+ if (align === 'smart') {
52592
+ if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
52593
+ align = 'auto';
52594
+ } else {
52595
+ align = 'center';
52596
+ }
52597
+ }
52598
+
52599
+ switch (align) {
52600
+ case 'start':
52601
+ return maxOffset;
52602
+
52603
+ case 'end':
52604
+ return minOffset;
52605
+
52606
+ case 'center':
52607
+ return Math.round(minOffset + (maxOffset - minOffset) / 2);
52608
+
52609
+ case 'auto':
52610
+ default:
52611
+ if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
52612
+ return scrollOffset;
52613
+ } else if (scrollOffset < minOffset) {
52614
+ return minOffset;
52615
+ } else {
52616
+ return maxOffset;
52617
+ }
52618
+
52619
+ }
52620
+ },
52621
+ getStartIndexForOffset: function getStartIndexForOffset(props, offset, instanceProps) {
52622
+ return findNearestItem$1(props, instanceProps, offset);
52623
+ },
52624
+ getStopIndexForStartIndex: function getStopIndexForStartIndex(props, startIndex, scrollOffset, instanceProps) {
52625
+ var direction = props.direction,
52626
+ height = props.height,
52627
+ itemCount = props.itemCount,
52628
+ layout = props.layout,
52629
+ width = props.width; // TODO Deprecate direction "horizontal"
52630
+
52631
+ var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
52632
+ var size = isHorizontal ? width : height;
52633
+ var itemMetadata = getItemMetadata$1(props, startIndex, instanceProps);
52634
+ var maxOffset = scrollOffset + size;
52635
+ var offset = itemMetadata.offset + itemMetadata.size;
52636
+ var stopIndex = startIndex;
52637
+
52638
+ while (stopIndex < itemCount - 1 && offset < maxOffset) {
52639
+ stopIndex++;
52640
+ offset += getItemMetadata$1(props, stopIndex, instanceProps).size;
52641
+ }
52642
+
52643
+ return stopIndex;
52644
+ },
52645
+ initInstanceProps: function initInstanceProps(props, instance) {
52646
+ var _ref4 = props,
52647
+ estimatedItemSize = _ref4.estimatedItemSize;
52648
+ var instanceProps = {
52649
+ itemMetadataMap: {},
52650
+ estimatedItemSize: estimatedItemSize || DEFAULT_ESTIMATED_ITEM_SIZE$1,
52651
+ lastMeasuredIndex: -1
52652
+ };
52653
+
52654
+ instance.resetAfterIndex = function (index, shouldForceUpdate) {
52655
+ if (shouldForceUpdate === void 0) {
52656
+ shouldForceUpdate = true;
52657
+ }
52658
+
52659
+ instanceProps.lastMeasuredIndex = Math.min(instanceProps.lastMeasuredIndex, index - 1); // We could potentially optimize further by only evicting styles after this index,
52660
+ // But since styles are only cached while scrolling is in progress-
52661
+ // It seems an unnecessary optimization.
52662
+ // It's unlikely that resetAfterIndex() will be called while a user is scrolling.
52663
+
52664
+ instance._getItemStyleCache(-1);
52665
+
52666
+ if (shouldForceUpdate) {
52667
+ instance.forceUpdate();
52668
+ }
52669
+ };
52670
+
52671
+ return instanceProps;
52672
+ },
52673
+ shouldResetStyleCacheOnItemSizeChange: false,
52674
+ validateProps: function validateProps(_ref5) {
52675
+ var itemSize = _ref5.itemSize;
52676
+
52677
+ if (process.env.NODE_ENV !== 'production') {
52678
+ if (typeof itemSize !== 'function') {
52679
+ throw Error('An invalid "itemSize" prop has been specified. ' + 'Value should be a function. ' + ("\"" + (itemSize === null ? 'null' : typeof itemSize) + "\" was specified."));
52680
+ }
52681
+ }
52682
+ }
52683
+ });
52684
+
52685
+ function calcOptionsLength(options) {
52686
+ options = options || [];
52687
+ var head = options[0] || {};
52688
+ var isGrouped = head.options !== undefined;
52689
+ return isGrouped ? options.reduce(function (result, group) {
52690
+ return result + group.options.length;
52691
+ }, 0) : options.length;
52692
+ }
52693
+ function flattenGroupedChildren(children) {
52694
+ return children.reduce(function (result, child) {
52695
+ if (child.props.children != null && typeof child.props.children === "string") {
52696
+ return [].concat(result, [child]);
52697
+ } else {
52698
+ var _child$props$children = child.props.children,
52699
+ nestedChildren = _child$props$children === void 0 ? [] : _child$props$children;
52700
+ return [].concat(result, [/*#__PURE__*/React__namespace.cloneElement(child, {
52701
+ type: "group"
52702
+ }, [])], nestedChildren);
52703
+ }
52704
+ }, []);
52705
+ }
52706
+ function isFocused(_ref) {
52707
+ var isFocused = _ref.props.isFocused;
52708
+ return isFocused === true;
52709
+ }
52710
+ function getCurrentIndex(children) {
52711
+ return Math.max(children.findIndex(isFocused), 0);
52712
+ }
52713
+ function createGetHeight(_ref2) {
52714
+ var groupHeadingStyles = _ref2.groupHeadingStyles,
52715
+ noOptionsMsgStyles = _ref2.noOptionsMsgStyles,
52716
+ optionStyles = _ref2.optionStyles,
52717
+ loadingMsgStyles = _ref2.loadingMsgStyles;
52718
+ return function getHeight(child) {
52719
+ var _child$props = child.props,
52720
+ type = _child$props.type,
52721
+ children = _child$props.children,
52722
+ inputValue = _child$props.inputValue,
52723
+ _child$props$selectPr = _child$props.selectProps,
52724
+ noOptionsMessage = _child$props$selectPr.noOptionsMessage,
52725
+ loadingMessage = _child$props$selectPr.loadingMessage;
52726
+
52727
+ if (type === "group") {
52728
+ var _groupHeadingStyles$h = groupHeadingStyles.height,
52729
+ height = _groupHeadingStyles$h === void 0 ? 25 : _groupHeadingStyles$h;
52730
+ return height;
52731
+ } else if (type === "option") {
52732
+ var _optionStyles$height = optionStyles.height,
52733
+ _height = _optionStyles$height === void 0 ? 35 : _optionStyles$height;
52734
+
52735
+ return _height;
52736
+ } else if (typeof noOptionsMessage === "function" && children === noOptionsMessage({
52737
+ inputValue: inputValue
52738
+ })) {
52739
+ var _noOptionsMsgStyles$h = noOptionsMsgStyles.height,
52740
+ _height2 = _noOptionsMsgStyles$h === void 0 ? 35 : _noOptionsMsgStyles$h;
52741
+
52742
+ return _height2;
52743
+ } else if (typeof loadingMessage === "function" && children === loadingMessage({
52744
+ inputValue: inputValue
52745
+ })) {
52746
+ var _loadingMsgStyles$hei = loadingMsgStyles.height,
52747
+ _height3 = _loadingMsgStyles$hei === void 0 ? 35 : _loadingMsgStyles$hei;
52748
+
52749
+ return _height3;
52750
+ } else {
52751
+ return 35;
52752
+ }
52753
+ };
52754
+ }
52755
+ function checkOptionsAreValid(options) {
52756
+ if (options && process.env.NODE_ENV === "development") {
52757
+ var uniq = function uniq(a) {
52758
+ return Array.from(new Set(a));
52759
+ };
52760
+
52761
+ var uniqueValues = uniq(options.map(function (_ref3) {
52762
+ var value = _ref3.value;
52763
+ return value === null ? "_null_" : value;
52764
+ }));
52765
+
52766
+ if (uniqueValues.length < options.length) {
52767
+ console.warn("NDS: The options prop passed to Select must have unique values for each option", options);
52768
+ }
52769
+ }
52770
+ }
52771
+ function getOption(options, value) {
52772
+ var _a;
52773
+
52774
+ if (Array.isArray(value)) {
52775
+ return value.map(function (o) {
52776
+ return getOption(options, o);
52777
+ });
52778
+ }
52779
+
52780
+ if (options.length > 0 && value !== undefined) {
52781
+ return (_a = options.find(function (o) {
52782
+ return o.value === value;
52783
+ })) !== null && _a !== void 0 ? _a : null;
52784
+ }
52785
+
52786
+ return value;
52787
+ }
52788
+ function getReactSelectValue(options, input) {
52789
+ if (Array.isArray(input)) {
52790
+ return input.map(function (i) {
52791
+ return getOption(options, i);
52792
+ });
52793
+ }
52794
+
52795
+ return getOption(options, input);
52796
+ }
52797
+ function extractValue(options, isMulti) {
52798
+ if (options === null) {
52799
+ return null;
52800
+ }
52801
+
52802
+ if (!Array.isArray(options)) {
52803
+ return options.value;
52804
+ }
52805
+
52806
+ if (isMulti) {
52807
+ return options && options.length ? options.map(function (o) {
52808
+ return o.value;
52809
+ }) : [];
52810
+ }
52811
+
52812
+ throw new Error("UNEXPECTED ERROR: don't forget to enable isMulti");
52813
+ }
52814
+
52815
+ /*
52816
+ Copied as is from: https://github.com/jacobworrel/react-windowed-select/blob/master/src/MenuList.tsx
52817
+ MIT License
52818
+ Copyright (c) 2019 Jacob Worrel
52819
+ Permission is hereby granted, free of charge, to any person obtaining a copy
52820
+ of this software and associated documentation files (the "Software"), to deal
52821
+ in the Software without restriction, including without limitation the rights
52822
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
52823
+ copies of the Software, and to permit persons to whom the Software is
52824
+ furnished to do so, subject to the following conditions:
52825
+ The above copyright notice and this permission notice shall be included in all
52826
+ copies or substantial portions of the Software.
52827
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
52828
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
52829
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
52830
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
52831
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
52832
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
52833
+ SOFTWARE.
52834
+ */
52835
+
52836
+ function MenuList(props) {
52837
+ var children = React__namespace.useMemo(function () {
52838
+ var children = React__namespace.Children.toArray(props.children);
52839
+ var head = children[0] || {};
52840
+
52841
+ if ( /*#__PURE__*/React__namespace.isValidElement(head)) {
52842
+ var _head$props = head.props;
52843
+ _head$props = _head$props === void 0 ? {} : _head$props;
52844
+ var _head$props$data = _head$props.data;
52845
+ _head$props$data = _head$props$data === void 0 ? {} : _head$props$data;
52846
+ var _head$props$data$opti = _head$props$data.options,
52847
+ options = _head$props$data$opti === void 0 ? [] : _head$props$data$opti;
52848
+ var groupedChildrenLength = options.length;
52849
+ var isGrouped = groupedChildrenLength > 0;
52850
+ var flattenedChildren = isGrouped && flattenGroupedChildren(children);
52851
+ return isGrouped ? flattenedChildren : children;
52852
+ } else {
52853
+ return [];
52854
+ }
52855
+ }, [props.children]);
52856
+ var getStyles = props.getStyles;
52857
+ var groupHeadingStyles = getStyles("groupHeading", props);
52858
+ var loadingMsgStyles = getStyles("loadingMessage", props);
52859
+ var noOptionsMsgStyles = getStyles("noOptionsMessage", props);
52860
+ var optionStyles = getStyles("option", props);
52861
+ var getHeight = createGetHeight({
52862
+ groupHeadingStyles: groupHeadingStyles,
52863
+ noOptionsMsgStyles: noOptionsMsgStyles,
52864
+ optionStyles: optionStyles,
52865
+ loadingMsgStyles: loadingMsgStyles
52866
+ });
52867
+ var heights = React__namespace.useMemo(function () {
52868
+ return children.map(getHeight);
52869
+ }, [children]);
52870
+ var currentIndex = React__namespace.useMemo(function () {
52871
+ return getCurrentIndex(children);
52872
+ }, [children]);
52873
+ var itemCount = children.length;
52874
+
52875
+ var _React$useState = React__namespace.useState({}),
52876
+ measuredHeights = _React$useState[0],
52877
+ setMeasuredHeights = _React$useState[1]; // calc menu height
52878
+
52879
+
52880
+ var _a = getStyles("menuList", props),
52881
+ maxHeight = _a.maxHeight,
52882
+ _a$paddingBottom = _a.paddingBottom,
52883
+ paddingBottom = _a$paddingBottom === void 0 ? 0 : _a$paddingBottom,
52884
+ _a$paddingTop = _a.paddingTop,
52885
+ paddingTop = _a$paddingTop === void 0 ? 0 : _a$paddingTop,
52886
+ menuListStyle = __rest$3(_a, ["maxHeight", "paddingBottom", "paddingTop"]);
52887
+
52888
+ var totalHeight = React__namespace.useMemo(function () {
52889
+ return heights.reduce(function (sum, height, idx) {
52890
+ if (measuredHeights[idx]) {
52891
+ return sum + measuredHeights[idx];
52892
+ } else {
52893
+ return sum + height;
52894
+ }
52895
+ }, 0);
52896
+ }, [heights, measuredHeights]);
52897
+ var totalMenuHeight = totalHeight + paddingBottom + paddingTop;
52898
+ var menuHeight = Math.min(maxHeight, totalMenuHeight);
52899
+ var estimatedItemSize = Math.floor(totalHeight / itemCount);
52900
+ var innerRef = props.innerRef,
52901
+ selectProps = props.selectProps;
52902
+
52903
+ var _ref = selectProps || {},
52904
+ classNamePrefix = _ref.classNamePrefix,
52905
+ isMulti = _ref.isMulti;
52906
+
52907
+ var list = React__namespace.useRef(null);
52908
+ React__namespace.useEffect(function () {
52909
+ setMeasuredHeights({});
52910
+ }, [props.children]); // method to pass to inner item to set this items outer height
52911
+
52912
+ var setMeasuredHeight = function setMeasuredHeight(_ref2) {
52913
+ var index = _ref2.index,
52914
+ measuredHeight = _ref2.measuredHeight;
52915
+
52916
+ if (measuredHeights[index] !== undefined && measuredHeights[index] === measuredHeight) {
52917
+ return;
52918
+ }
52919
+
52920
+ setMeasuredHeights(function (measuredHeights) {
52921
+ var _Object$assign;
52922
+
52923
+ return Object.assign(Object.assign({}, measuredHeights), (_Object$assign = {}, _Object$assign[index] = measuredHeight, _Object$assign));
52924
+ }); // this forces the list to rerender items after the item positions resizing
52925
+
52926
+ if (list.current) {
52927
+ list.current.resetAfterIndex(index);
52928
+ }
52929
+ };
52930
+
52931
+ React__namespace.useEffect(function () {
52932
+ /**
52933
+ * enables scrolling on key down arrow
52934
+ */
52935
+ if (currentIndex >= 0 && list.current !== null) {
52936
+ list.current.scrollToItem(currentIndex);
52937
+ }
52938
+ }, [currentIndex, children, list]);
52939
+ return /*#__PURE__*/React__namespace.createElement(VariableSizeList, {
52940
+ className: classNamePrefix ? classNamePrefix + "__menu-list" + (isMulti ? " " + classNamePrefix + "__menu-list--is-multi" : "") : "",
52941
+ style: menuListStyle,
52942
+ ref: list,
52943
+ outerRef: innerRef,
52944
+ estimatedItemSize: estimatedItemSize,
52945
+ innerElementType: /*#__PURE__*/React__namespace.forwardRef(function (_a, ref) {
52946
+ var style = _a.style,
52947
+ rest = __rest$3(_a, ["style"]);
52948
+
52949
+ return /*#__PURE__*/React__namespace.createElement("div", Object.assign({
52950
+ ref: ref,
52951
+ style: Object.assign(Object.assign({}, style), {
52952
+ height: parseFloat(style.height) + paddingBottom + paddingTop + "px"
52953
+ })
52954
+ }, rest));
52955
+ }),
52956
+ height: menuHeight,
52957
+ width: "100%",
52958
+ itemCount: itemCount,
52959
+ itemData: children,
52960
+ itemSize: function itemSize(index) {
52961
+ return measuredHeights[index] || heights[index];
52962
+ }
52963
+ }, function (_ref3) {
52964
+ var data = _ref3.data,
52965
+ index = _ref3.index,
52966
+ style = _ref3.style;
52967
+ return /*#__PURE__*/React__namespace.createElement("div", {
52968
+ style: Object.assign(Object.assign({}, style), {
52969
+ top: parseFloat(style.top.toString()) + paddingTop + "px"
52970
+ })
52971
+ }, /*#__PURE__*/React__namespace.createElement(MenuItem$1, {
52972
+ data: data[index],
52973
+ index: index,
52974
+ setMeasuredHeight: setMeasuredHeight
52975
+ }));
52976
+ });
52977
+ }
52978
+
52979
+ function MenuItem$1(_ref4) {
52980
+ var data = _ref4.data,
52981
+ index = _ref4.index,
52982
+ setMeasuredHeight = _ref4.setMeasuredHeight;
52983
+ var ref = React__namespace.useRef(null); // using useLayoutEffect prevents bounciness of options of re-renders
52984
+
52985
+ React__namespace.useLayoutEffect(function () {
52986
+ if (ref.current) {
52987
+ var measuredHeight = ref.current.getBoundingClientRect().height;
52988
+ setMeasuredHeight({
52989
+ index: index,
52990
+ measuredHeight: measuredHeight
52991
+ });
52992
+ }
52993
+ }, [ref.current]);
52994
+ return /*#__PURE__*/React__namespace.createElement("div", {
52995
+ key: "option-" + index,
52996
+ ref: ref
52997
+ }, data);
52998
+ }
52999
+
53000
+ var NDSSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
53001
+ var autocomplete = _a.autocomplete,
53002
+ value = _a.value,
53003
+ _onChange = _a.onChange,
53004
+ defaultValue = _a.defaultValue,
51786
53005
  labelText = _a.labelText,
53006
+ required = _a.required,
51787
53007
  requirementText = _a.requirementText,
51788
53008
  helpText = _a.helpText,
51789
53009
  disabled = _a.disabled,
51790
53010
  errorMessage = _a.errorMessage,
51791
53011
  errorList = _a.errorList,
51792
- _a$error = _a.error,
51793
- error = _a$error === void 0 ? !!(errorMessage || errorList) : _a$error,
51794
53012
  id = _a.id,
51795
53013
  initialIsOpen = _a.initialIsOpen,
51796
- _onChange = _a.onChange,
53014
+ maxHeight = _a.maxHeight,
53015
+ multiselect = _a.multiselect,
51797
53016
  placeholder = _a.placeholder,
51798
- value = _a.value,
51799
- defaultValue = _a.defaultValue,
51800
53017
  components = _a.components,
51801
- ariaLabel = _a["aria-label"],
51802
- _a$windowThreshold = _a.windowThreshold,
51803
- windowThreshold = _a$windowThreshold === void 0 ? 300 : _a$windowThreshold,
51804
- _a$autocomplete = _a.autocomplete,
51805
- autocomplete = _a$autocomplete === void 0 ? true : _a$autocomplete,
51806
- _a$maxHeight = _a.maxHeight,
51807
- maxHeight = _a$maxHeight === void 0 ? "248px" : _a$maxHeight,
51808
- _a$required = _a.required,
51809
- required = _a$required === void 0 ? false : _a$required,
51810
- _a$menuPosition = _a.menuPosition,
51811
- menuPosition = _a$menuPosition === void 0 ? "absolute" : _a$menuPosition,
51812
- _a$menuPlacement = _a.menuPlacement,
51813
- menuPlacement = _a$menuPlacement === void 0 ? "bottom" : _a$menuPlacement,
51814
- multiselect = _a.multiselect,
51815
- _a$classNamePrefix = _a.classNamePrefix,
51816
- classNamePrefix = _a$classNamePrefix === void 0 ? "ndsSelect" : _a$classNamePrefix,
51817
- _a$closeMenuOnSelect = _a.closeMenuOnSelect,
51818
- closeMenuOnSelect = _a$closeMenuOnSelect === void 0 ? true : _a$closeMenuOnSelect,
51819
- props = __rest$3(_a, ["variant", "options", "labelText", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "onChange", "placeholder", "value", "defaultValue", "components", "aria-label", "windowThreshold", "autocomplete", "maxHeight", "required", "menuPosition", "menuPlacement", "multiselect", "classNamePrefix", "closeMenuOnSelect"]);
53018
+ windowThreshold = _a.windowThreshold,
53019
+ options = _a.options,
53020
+ styles = _a.styles,
53021
+ props = __rest$3(_a, ["autocomplete", "value", "onChange", "defaultValue", "labelText", "required", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "id", "initialIsOpen", "maxHeight", "multiselect", "placeholder", "components", "windowThreshold", "options", "styles"]);
51820
53022
 
51821
53023
  var _useTranslation = useTranslation(),
51822
53024
  t = _useTranslation.t;
51823
53025
 
51824
- var themeContext = React__default["default"].useContext(styled.ThemeContext);
51825
- var spaceProps = getSubset(props, propTypes$1.space);
51826
- var reactSelectRef = React__default["default"].useRef(null);
53026
+ var variant = useComponentVariant();
53027
+ var theme = styled.useTheme();
53028
+ var styledProps = getSubset(props, addStyledProps);
53029
+ var error = !!(errorMessage || errorList);
51827
53030
  var optionsRef = React__default["default"].useRef(options);
51828
- var componentVariant = useComponentVariant(variant);
53031
+ var optionsLength = React__default["default"].useMemo(function () {
53032
+ return calcOptionsLength(options);
53033
+ }, [options]);
53034
+ var isWindowed = optionsLength >= windowThreshold;
51829
53035
  React__default["default"].useEffect(function () {
51830
53036
  checkOptionsAreValid(options);
51831
53037
  optionsRef.current = options;
51832
53038
  }, [options]);
51833
- React__default["default"].useEffect(function () {
51834
- if (ref) {
51835
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
51836
- // @ts-ignore
51837
- ref.current = reactSelectRef.current;
51838
- }
51839
- }, [reactSelectRef, ref]);
51840
- return /*#__PURE__*/React__default["default"].createElement(Field, Object.assign({}, spaceProps), /*#__PURE__*/React__default["default"].createElement(MaybeFieldLabel, {
53039
+ var stylesConfig = customStyles({
53040
+ theme: theme,
53041
+ error: error,
53042
+ variant: variant,
53043
+ maxHeight: maxHeight,
53044
+ windowed: options.length > windowThreshold
53045
+ });
53046
+ return /*#__PURE__*/React__default["default"].createElement(Field, Object.assign({}, styledProps), /*#__PURE__*/React__default["default"].createElement(MaybeFieldLabel, {
51841
53047
  labelText: labelText,
51842
53048
  requirementText: requirementText,
51843
53049
  helpText: helpText
51844
- }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect__default["default"], Object.assign({
51845
- ref: reactSelectRef,
51846
- placeholder: placeholder || t("select"),
51847
- windowThreshold: windowThreshold,
51848
- styles: customStyles({
51849
- theme: themeContext,
51850
- error: error,
51851
- maxHeight: maxHeight,
51852
- variant: componentVariant,
51853
- windowed: options.length > windowThreshold
51854
- }),
51855
- isDisabled: disabled,
53050
+ }, /*#__PURE__*/React__default["default"].createElement(StateManagedSelect$1, Object.assign({
53051
+ ref: ref,
51856
53052
  isSearchable: autocomplete,
51857
- "aria-required": required,
51858
- "aria-invalid": error,
53053
+ isDisabled: disabled,
51859
53054
  defaultMenuIsOpen: initialIsOpen,
51860
- inputId: id,
51861
- onChange: function onChange(option) {
53055
+ isMulti: multiselect,
53056
+ defaultValue: getReactSelectValue(options, defaultValue),
53057
+ value: getReactSelectValue(options, value),
53058
+ options: options,
53059
+ onChange: function onChange(newValue) {
51862
53060
  if (!_onChange) return;
51863
- var value = extractValue(option, multiselect);
53061
+ var value = extractValue(newValue, multiselect);
51864
53062
 
51865
53063
  _onChange(value);
51866
53064
  },
51867
- defaultValue: getReactSelectValue(options, defaultValue),
51868
- value: getReactSelectValue(options, value),
51869
- isMulti: multiselect,
51870
- components: Object.assign({
53065
+ placeholder: placeholder || t("select"),
53066
+ "aria-required": required,
53067
+ required: required,
53068
+ "aria-invalid": error,
53069
+ inputId: id,
53070
+ styles: styles ? styles(stylesConfig) : stylesConfig,
53071
+ components: Object.assign(Object.assign({
51871
53072
  Option: function Option(props) {
51872
- return /*#__PURE__*/React__default["default"].createElement(SelectOption$1, Object.assign({
51873
- variant: componentVariant
51874
- }, props));
53073
+ return /*#__PURE__*/React__default["default"].createElement(SelectOption$1, Object.assign({}, props), props.children);
51875
53074
  },
51876
53075
  Control: SelectControl,
51877
53076
  MultiValue: SelectMultiValue,
@@ -51880,13 +53079,9 @@
51880
53079
  SelectContainer: SelectContainer,
51881
53080
  Menu: SelectMenu,
51882
53081
  Input: SelectInput
51883
- }, components),
51884
- "aria-label": ariaLabel,
51885
- options: options,
51886
- menuPosition: menuPosition,
51887
- menuPlacement: menuPlacement,
51888
- classNamePrefix: classNamePrefix,
51889
- closeMenuOnSelect: closeMenuOnSelect
53082
+ }, isWindowed ? {
53083
+ MenuList: MenuList
53084
+ } : {}), components)
51890
53085
  }, props)), /*#__PURE__*/React__default["default"].createElement(InlineValidation, {
51891
53086
  mt: "x1",
51892
53087
  errorMessage: errorMessage,
@@ -51894,63 +53089,6 @@
51894
53089
  })));
51895
53090
  });
51896
53091
 
51897
- var checkOptionsAreValid = function checkOptionsAreValid(options) {
51898
- if (options && process.env.NODE_ENV === "development") {
51899
- var uniq = function uniq(a) {
51900
- return Array.from(new Set(a));
51901
- };
51902
-
51903
- var uniqueValues = uniq(options.map(function (_ref) {
51904
- var value = _ref.value;
51905
- return value === null ? "_null_" : value;
51906
- }));
51907
-
51908
- if (uniqueValues.length < options.length) {
51909
- console.warn("NDS: The options prop passed to Select must have unique values for each option", options);
51910
- }
51911
- }
51912
- };
51913
-
51914
- var getOption = function getOption(options, value) {
51915
- // allows an option with a null value to be matched
51916
- if (options.length > 0 && value !== undefined) {
51917
- var optionWithMatchingValue = options.find(function (o) {
51918
- return o.value === value;
51919
- });
51920
- return optionWithMatchingValue || null;
51921
- }
51922
-
51923
- return value;
51924
- };
51925
-
51926
- var getReactSelectValue = function getReactSelectValue(options, input) {
51927
- if (Array.isArray(input)) {
51928
- return input.map(function (i) {
51929
- return getOption(options, i);
51930
- });
51931
- }
51932
-
51933
- return getOption(options, input);
51934
- };
51935
-
51936
- function extractValue(options, isMulti) {
51937
- if (Array.isArray(options)) {
51938
- if (isMulti) {
51939
- return options && options.length ? options.map(function (o) {
51940
- return o.value;
51941
- }) : [];
51942
- } else {
51943
- throw new Error("UNEXPECTED ERROR: don't forget to enable isMulti");
51944
- }
51945
- }
51946
-
51947
- if (options === null) {
51948
- return options;
51949
- } else {
51950
- return options.value;
51951
- }
51952
- }
51953
-
51954
53092
  var stickyStyles = function stickyStyles(theme) {
51955
53093
  return {
51956
53094
  position: "sticky",
@@ -53528,7 +54666,6 @@
53528
54666
 
53529
54667
  _proto.componentDidMount = function componentDidMount() {
53530
54668
  this.conditionallyUpdateState();
53531
- smoothscroll__default["default"].polyfill();
53532
54669
  };
53533
54670
 
53534
54671
  _proto.getScrollLeftValueByTabIndex = function getScrollLeftValueByTabIndex(index) {
@@ -55168,7 +56305,7 @@
55168
56305
  exports.RadioGroup = RadioGroup;
55169
56306
  exports.RangeContainer = RangeContainer;
55170
56307
  exports.RequirementText = RequirementText;
55171
- exports.Select = ReactSelect;
56308
+ exports.Select = NDSSelect;
55172
56309
  exports.SelectClearIndicator = SelectClearIndicator;
55173
56310
  exports.SelectContainer = SelectContainer;
55174
56311
  exports.SelectControl = SelectControl;