@itcase/ui 1.1.6 → 1.1.8

package/dist/components/DatePicker.js

@@ -1,75 +1,44 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var ReactDOM = require('react-dom');
-var floatingUi_dom = require('../floating-ui.dom-C34fOuI9.js');
-var index$2 = require('./Input.js');
-var index$6 = require('./Text.js');
-var index$3 = require('./Label.js');
-var index$5 = require('./Button.js');
-var index$4 = require('./Icon.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
-require('lodash/camelCase');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textWeight.js');
-require('../hooks/useStyles.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/borderType.js');
-require('./Loader.js');
-require('./Link.js');
-require('../constants/componentProps/underline.js');
-require('../constants/componentProps/width.js');
-require('react-inlinesvg');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
+import * as React from 'react';
+import React__default, { createElement, Component, useLayoutEffect, useEffect, createRef, useRef, useMemo, useState, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import clsx$1, { clsx } from 'clsx';
+import * as ReactDOM from 'react-dom';
+import ReactDOM__default, { findDOMNode } from 'react-dom';
+import { b as arrow$1, c as computePosition, p as platform, i as isElement, a as autoUpdate, f as flip, o as offset } from '../floating-ui.dom-BQ7wiYTi.js';
+import { Input } from './Input.js';
+import { T as Text } from '../Text-BcGbRc14.js';
+import { Label } from './Label.js';
+import { B as Button } from '../Button-B7vbiqrJ.js';
+import { I as Icon } from '../Icon-Dn2eEZvb.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../constants/componentProps/borderType.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/shape.js';
+import '../constants/componentProps/size.js';
+import '../constants/componentProps/textAlign.js';
+import './Tooltip.js';
+import './Title.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/wrap.js';
+import '../constants/componentProps/textSize.js';
+import '../Link-ByBzBRDH.js';
+import './Loader.js';
+import 'react-inlinesvg';
 
 /**
  * @name isDate
@@ -7304,7 +7273,7 @@ function onClickOutsideHOC(WrappedComponent, config) {
           return instance.setClickOutsideRef();
         }
 
-        return ReactDOM.findDOMNode(instance);
+        return findDOMNode(instance);
       };
 
       _this.enableOnClickOutside = function () {
@@ -7452,11 +7421,11 @@ function onClickOutsideHOC(WrappedComponent, config) {
 
       props.disableOnClickOutside = this.disableOnClickOutside;
       props.enableOnClickOutside = this.enableOnClickOutside;
-      return React.createElement(WrappedComponent, props);
+      return createElement(WrappedComponent, props);
     };
 
     return onClickOutside;
-  }(React.Component), _class.displayName = "OnClickOutside(" + componentName + ")", _class.defaultProps = {
+  }(Component), _class.displayName = "OnClickOutside(" + componentName + ")", _class.defaultProps = {
     eventTypes: ['mousedown', 'touchstart'],
     excludeScrollbar: config && config.excludeScrollbar || false,
     outsideClickIgnoreClass: IGNORE_CLASS_NAME,
@@ -7487,7 +7456,7 @@ const arrow = options => {
       } = typeof options === 'function' ? options(state) : options;
       if (element && isRef(element)) {
         if (element.current != null) {
-          return floatingUi_dom.arrow({
+          return arrow$1({
             element: element.current,
             padding
           }).fn(state);
@@ -7495,7 +7464,7 @@ const arrow = options => {
         return {};
       }
       if (element) {
-        return floatingUi_dom.arrow({
+        return arrow$1({
           element,
           padding
         }).fn(state);
@@ -7505,7 +7474,7 @@ const arrow = options => {
   };
 };
 
-var index$1 = typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+var index$1 = typeof document !== 'undefined' ? useLayoutEffect : useEffect;
 
 // Fork of `fast-deep-equal` that only does the comparisons we need and compares
 // functions
@@ -7573,7 +7542,7 @@ function roundByDPR(element, value) {
 }
 
 function useLatestRef(value) {
-  const ref = React__namespace.useRef(value);
+  const ref = React.useRef(value);
   index$1(() => {
     ref.current = value;
   });
@@ -7601,7 +7570,7 @@ function useFloating$1(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React__namespace.useState({
+  const [data, setData] = React.useState({
     x: 0,
     y: 0,
     strategy,
@@ -7609,19 +7578,19 @@ function useFloating$1(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React__namespace.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React__namespace.useState(null);
-  const [_floating, _setFloating] = React__namespace.useState(null);
-  const setReference = React__namespace.useCallback(node => {
+  const [_reference, _setReference] = React.useState(null);
+  const [_floating, _setFloating] = React.useState(null);
+  const setReference = React.useCallback(node => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React__namespace.useCallback(node => {
+  const setFloating = React.useCallback(node => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -7629,13 +7598,13 @@ function useFloating$1(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React__namespace.useRef(null);
-  const floatingRef = React__namespace.useRef(null);
-  const dataRef = React__namespace.useRef(data);
+  const referenceRef = React.useRef(null);
+  const floatingRef = React.useRef(null);
+  const dataRef = React.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform);
-  const update = React__namespace.useCallback(() => {
+  const update = React.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -7647,14 +7616,14 @@ function useFloating$1(options) {
     if (platformRef.current) {
       config.platform = platformRef.current;
     }
-    floatingUi_dom.computePosition(referenceRef.current, floatingRef.current, config).then(data => {
+    computePosition(referenceRef.current, floatingRef.current, config).then(data => {
       const fullData = {
         ...data,
         isPositioned: true
       };
       if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
         dataRef.current = fullData;
-        ReactDOM__namespace.flushSync(() => {
+        ReactDOM.flushSync(() => {
           setData(fullData);
         });
       }
@@ -7669,7 +7638,7 @@ function useFloating$1(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React__namespace.useRef(false);
+  const isMountedRef = React.useRef(false);
   index$1(() => {
     isMountedRef.current = true;
     return () => {
@@ -7688,17 +7657,17 @@ function useFloating$1(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React__namespace.useMemo(() => ({
+  const refs = React.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React__namespace.useMemo(() => ({
+  const elements = React.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React__namespace.useMemo(() => {
+  const floatingStyles = React.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -7724,7 +7693,7 @@ function useFloating$1(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React__namespace.useMemo(() => ({
+  return React.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -7734,10 +7703,10 @@ function useFloating$1(options) {
 }
 
 // `toString()` prevents bundlers from trying to `import { useInsertionEffect } from 'react'`
-const useInsertionEffect = React__namespace[/*#__PURE__*/'useInsertionEffect'.toString()];
+const useInsertionEffect = React[/*#__PURE__*/'useInsertionEffect'.toString()];
 const useSafeInsertionEffect = useInsertionEffect || (fn => fn());
 function useEffectEvent(callback) {
-  const ref = React__namespace.useRef(() => {
+  const ref = React.useRef(() => {
     if (process.env.NODE_ENV !== "production") {
       throw new Error('Cannot call an event handler while rendering.');
     }
@@ -7745,7 +7714,7 @@ function useEffectEvent(callback) {
   useSafeInsertionEffect(() => {
     ref.current = callback;
   });
-  return React__namespace.useCallback(function () {
+  return React.useCallback(function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -7753,7 +7722,7 @@ function useEffectEvent(callback) {
   }, []);
 }
 
-var index = typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+var index = typeof document !== 'undefined' ? useLayoutEffect : useEffect;
 
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
@@ -7774,7 +7743,7 @@ let serverHandoffComplete = false;
 let count = 0;
 const genId = () => "floating-ui-" + count++;
 function useFloatingId() {
-  const [id, setId] = React__namespace.useState(() => serverHandoffComplete ? genId() : undefined);
+  const [id, setId] = React.useState(() => serverHandoffComplete ? genId() : undefined);
 
   // biome-ignore lint/correctness/useExhaustiveDependencies: intentional
   index(() => {
@@ -7782,7 +7751,7 @@ function useFloatingId() {
       setId(genId());
     }
   }, []);
-  React__namespace.useEffect(() => {
+  React.useEffect(() => {
     if (!serverHandoffComplete) {
       serverHandoffComplete = true;
     }
@@ -7791,7 +7760,7 @@ function useFloatingId() {
 }
 
 // `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useReactId = React__namespace[/*#__PURE__*/'useId'.toString()];
+const useReactId = React[/*#__PURE__*/'useId'.toString()];
 
 /**
  * Uses React 18's built-in `useId()` when available, or falls back to a
@@ -7805,7 +7774,7 @@ const useId = useReactId || useFloatingId;
  * Renders a pointing arrow triangle.
  * @see https://floating-ui.com/docs/FloatingArrow
  */
-const FloatingArrow = /*#__PURE__*/React__namespace.forwardRef(function FloatingArrow(_ref, ref) {
+const FloatingArrow = /*#__PURE__*/React.forwardRef(function FloatingArrow(_ref, ref) {
   let {
     context: {
       placement,
@@ -7846,7 +7815,7 @@ const FloatingArrow = /*#__PURE__*/React__namespace.forwardRef(function Floating
   const svgX = width / 2 * (tipRadius / -8 + 1);
   const svgY = height / 2 * tipRadius / 4;
   const [side, alignment] = placement.split('-');
-  const isRTL = floatingUi_dom.platform.isRTL(floating);
+  const isRTL = platform.isRTL(floating);
   const isCustomShape = !!d;
   const isVerticalSide = side === 'top' || side === 'bottom';
   const yOffsetProp = staticOffset && alignment === 'end' ? 'bottom' : 'top';
@@ -7865,7 +7834,7 @@ const FloatingArrow = /*#__PURE__*/React__namespace.forwardRef(function Floating
     bottom: isCustomShape ? '' : 'rotate(180deg)',
     right: isCustomShape ? 'rotate(-90deg)' : 'rotate(90deg)'
   }[side];
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({}, rest, {
+  return /*#__PURE__*/React.createElement("svg", _extends$1({}, rest, {
     "aria-hidden": true,
     ref: ref,
     width: isCustomShape ? width : width + strokeWidth,
@@ -7880,7 +7849,7 @@ const FloatingArrow = /*#__PURE__*/React__namespace.forwardRef(function Floating
       transform: "" + rotation + (transform != null ? transform : ''),
       ...restStyle
     }
-  }), strokeWidth > 0 && /*#__PURE__*/React__namespace.createElement("path", {
+  }), strokeWidth > 0 && /*#__PURE__*/React.createElement("path", {
     clipPath: "url(#" + clipPathId + ")",
     fill: "none",
     stroke: stroke
@@ -7888,12 +7857,12 @@ const FloatingArrow = /*#__PURE__*/React__namespace.forwardRef(function Floating
     ,
     strokeWidth: strokeWidth + (d ? 0 : 1),
     d: dValue
-  }), /*#__PURE__*/React__namespace.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     stroke: strokeWidth && !d ? rest.fill : 'none',
     d: dValue
-  }), /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }), /*#__PURE__*/React.createElement("clipPath", {
     id: clipPathId
-  }, /*#__PURE__*/React__namespace.createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", {
     x: -halfStrokeWidth,
     y: halfStrokeWidth * (isCustomShape ? -1 : 1),
     width: width + strokeWidth,
@@ -7918,8 +7887,8 @@ function createPubSub() {
   };
 }
 
-const FloatingNodeContext = /*#__PURE__*/React__namespace.createContext(null);
-const FloatingTreeContext = /*#__PURE__*/React__namespace.createContext(null);
+const FloatingNodeContext = /*#__PURE__*/React.createContext(null);
+const FloatingTreeContext = /*#__PURE__*/React.createContext(null);
 
 /**
  * Returns the parent node id for nested floating elements, if available.
@@ -7927,13 +7896,13 @@ const FloatingTreeContext = /*#__PURE__*/React__namespace.createContext(null);
  */
 const useFloatingParentNodeId = () => {
   var _React$useContext;
-  return ((_React$useContext = React__namespace.useContext(FloatingNodeContext)) == null ? void 0 : _React$useContext.id) || null;
+  return ((_React$useContext = React.useContext(FloatingNodeContext)) == null ? void 0 : _React$useContext.id) || null;
 };
 
 /**
  * Returns the nearest floating tree context, if available.
  */
-const useFloatingTree = () => React__namespace.useContext(FloatingTreeContext);
+const useFloatingTree = () => React.useContext(FloatingTreeContext);
 
 let devMessageSet;
 if (process.env.NODE_ENV !== "production") {
@@ -7957,7 +7926,7 @@ function useFloating(options) {
   if (process.env.NODE_ENV !== "production") {
     var _options$elements;
     const err = 'Floating UI: Cannot pass a virtual element to the ' + '`elements.reference` option, as it must be a real DOM element. ' + 'Use `refs.setPositionReference` instead.';
-    if ((_options$elements = options.elements) != null && _options$elements.reference && !floatingUi_dom.isElement(options.elements.reference)) {
+    if ((_options$elements = options.elements) != null && _options$elements.reference && !isElement(options.elements.reference)) {
       var _devMessageSet;
       if (!((_devMessageSet = devMessageSet) != null && _devMessageSet.has(err))) {
         var _devMessageSet2;
@@ -7966,7 +7935,7 @@ function useFloating(options) {
       }
     }
   }
-  const [_domReference, setDomReference] = React__namespace.useState(null);
+  const [_domReference, setDomReference] = React.useState(null);
   const domReference = ((_options$elements2 = options.elements) == null ? void 0 : _options$elements2.reference) || _domReference;
   const position = useFloating$1(options);
   const tree = useFloatingTree();
@@ -7983,44 +7952,44 @@ function useFloating(options) {
     });
     unstable_onOpenChange == null || unstable_onOpenChange(open, event, reason);
   });
-  const domReferenceRef = React__namespace.useRef(null);
-  const dataRef = React__namespace.useRef({});
-  const events = React__namespace.useState(() => createPubSub())[0];
+  const domReferenceRef = React.useRef(null);
+  const dataRef = React.useRef({});
+  const events = React.useState(() => createPubSub())[0];
   const floatingId = useId();
-  const setPositionReference = React__namespace.useCallback(node => {
-    const positionReference = floatingUi_dom.isElement(node) ? {
+  const setPositionReference = React.useCallback(node => {
+    const positionReference = isElement(node) ? {
       getBoundingClientRect: () => node.getBoundingClientRect(),
       contextElement: node
     } : node;
     position.refs.setReference(positionReference);
   }, [position.refs]);
-  const setReference = React__namespace.useCallback(node => {
-    if (floatingUi_dom.isElement(node) || node === null) {
+  const setReference = React.useCallback(node => {
+    if (isElement(node) || node === null) {
       domReferenceRef.current = node;
       setDomReference(node);
     }
 
     // Backwards-compatibility for passing a virtual element to `reference`
     // after it has set the DOM reference.
-    if (floatingUi_dom.isElement(position.refs.reference.current) || position.refs.reference.current === null ||
+    if (isElement(position.refs.reference.current) || position.refs.reference.current === null ||
     // Don't allow setting virtual elements using the old technique back to
     // `null` to support `positionReference` + an unstable `reference`
     // callback ref.
-    node !== null && !floatingUi_dom.isElement(node)) {
+    node !== null && !isElement(node)) {
       position.refs.setReference(node);
     }
   }, [position.refs]);
-  const refs = React__namespace.useMemo(() => ({
+  const refs = React.useMemo(() => ({
     ...position.refs,
     setReference,
     setPositionReference,
     domReference: domReferenceRef
   }), [position.refs, setReference, setPositionReference]);
-  const elements = React__namespace.useMemo(() => ({
+  const elements = React.useMemo(() => ({
     ...position.elements,
     domReference: domReference
   }), [position.elements, domReference]);
-  const context = React__namespace.useMemo(() => ({
+  const context = React.useMemo(() => ({
     ...position,
     refs,
     elements,
@@ -8037,7 +8006,7 @@ function useFloating(options) {
       node.context = context;
     }
   });
-  return React__namespace.useMemo(() => ({
+  return React.useMemo(() => ({
     ...position,
     context,
     refs,
@@ -9008,12 +8977,12 @@ var YearDropdownOptions = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "renderOptions", function () {
       var selectedYear = _this.props.year;
       var options = _this.state.yearsList.map(function (year) {
-        return /*#__PURE__*/React__namespace.default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           className: selectedYear === year ? "react-datepicker__year-option react-datepicker__year-option--selected_year" : "react-datepicker__year-option",
           key: year,
           onClick: _this.onChange.bind(_this, year),
           "aria-selected": selectedYear === year ? "true" : undefined
-        }, selectedYear === year ? /*#__PURE__*/React__namespace.default.createElement("span", {
+        }, selectedYear === year ? /*#__PURE__*/React__default.createElement("span", {
           className: "react-datepicker__year-option--selected"
         }, "\u2713") : "", year);
       });
@@ -9022,22 +8991,22 @@ var YearDropdownOptions = /*#__PURE__*/function (_React$Component) {
       if (!maxYear || !_this.state.yearsList.find(function (year) {
         return year === maxYear;
       })) {
-        options.unshift( /*#__PURE__*/React__namespace.default.createElement("div", {
+        options.unshift( /*#__PURE__*/React__default.createElement("div", {
           className: "react-datepicker__year-option",
           key: "upcoming",
           onClick: _this.incrementYears
-        }, /*#__PURE__*/React__namespace.default.createElement("a", {
+        }, /*#__PURE__*/React__default.createElement("a", {
           className: "react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming"
         })));
       }
       if (!minYear || !_this.state.yearsList.find(function (year) {
         return year === minYear;
       })) {
-        options.push( /*#__PURE__*/React__namespace.default.createElement("div", {
+        options.push( /*#__PURE__*/React__default.createElement("div", {
           className: "react-datepicker__year-option",
           key: "previous",
           onClick: _this.decrementYears
-        }, /*#__PURE__*/React__namespace.default.createElement("a", {
+        }, /*#__PURE__*/React__default.createElement("a", {
           className: "react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous"
         })));
       }
@@ -9069,7 +9038,7 @@ var YearDropdownOptions = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       yearsList: generateYears(_this.props.year, noOfYear, _this.props.minDate, _this.props.maxDate)
     };
-    _this.dropdownRef = /*#__PURE__*/React.createRef();
+    _this.dropdownRef = /*#__PURE__*/createRef();
     return _this;
   }
   _inherits(YearDropdownOptions, _React$Component);
@@ -9089,17 +9058,17 @@ var YearDropdownOptions = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var dropdownClass = clsx.clsx({
+      var dropdownClass = clsx({
         "react-datepicker__year-dropdown": true,
         "react-datepicker__year-dropdown--scrollable": this.props.scrollableYearDropdown
       });
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: dropdownClass,
         ref: this.dropdownRef
       }, this.renderOptions());
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var WrappedYearDropdownOptions = onClickOutsideHOC(YearDropdownOptions);
 var YearDropdown = /*#__PURE__*/function (_React$Component) {
@@ -9118,7 +9087,7 @@ var YearDropdown = /*#__PURE__*/function (_React$Component) {
       var maxYear = _this.props.maxDate ? getYear(_this.props.maxDate) : 2100;
       var options = [];
       for (var i = minYear; i <= maxYear; i++) {
-        options.push( /*#__PURE__*/React__namespace.default.createElement("option", {
+        options.push( /*#__PURE__*/React__default.createElement("option", {
           key: i,
           value: i
         }, i));
@@ -9129,14 +9098,14 @@ var YearDropdown = /*#__PURE__*/function (_React$Component) {
       _this.onChange(e.target.value);
     });
     _defineProperty(_this, "renderSelectMode", function () {
-      return /*#__PURE__*/React__namespace.default.createElement("select", {
+      return /*#__PURE__*/React__default.createElement("select", {
         value: _this.props.year,
         className: "react-datepicker__year-select",
         onChange: _this.onSelectChange
       }, _this.renderSelectOptions());
     });
     _defineProperty(_this, "renderReadView", function (visible) {
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         key: "read",
         style: {
           visibility: visible ? "visible" : "hidden"
@@ -9145,14 +9114,14 @@ var YearDropdown = /*#__PURE__*/function (_React$Component) {
         onClick: function onClick(event) {
           return _this.toggleDropdown(event);
         }
-      }, /*#__PURE__*/React__namespace.default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: "react-datepicker__year-read-view--down-arrow"
-      }), /*#__PURE__*/React__namespace.default.createElement("span", {
+      }), /*#__PURE__*/React__default.createElement("span", {
         className: "react-datepicker__year-read-view--selected-year"
       }, _this.props.year));
     });
     _defineProperty(_this, "renderDropdown", function () {
-      return /*#__PURE__*/React__namespace.default.createElement(WrappedYearDropdownOptions, {
+      return /*#__PURE__*/React__default.createElement(WrappedYearDropdownOptions, {
         key: "dropdown",
         year: _this.props.year,
         onChange: _this.onChange,
@@ -9214,12 +9183,12 @@ var YearDropdown = /*#__PURE__*/function (_React$Component) {
           renderedDropdown = this.renderSelectMode();
           break;
       }
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode)
       }, renderedDropdown);
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var MonthDropdownOptions = /*#__PURE__*/function (_React$Component) {
   function MonthDropdownOptions() {
@@ -9234,12 +9203,12 @@ var MonthDropdownOptions = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "renderOptions", function () {
       return _this.props.monthNames.map(function (month, i) {
-        return /*#__PURE__*/React__namespace.default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           className: _this.isSelectedMonth(i) ? "react-datepicker__month-option react-datepicker__month-option--selected_month" : "react-datepicker__month-option",
           key: month,
           onClick: _this.onChange.bind(_this, i),
           "aria-selected": _this.isSelectedMonth(i) ? "true" : undefined
-        }, _this.isSelectedMonth(i) ? /*#__PURE__*/React__namespace.default.createElement("span", {
+        }, _this.isSelectedMonth(i) ? /*#__PURE__*/React__default.createElement("span", {
           className: "react-datepicker__month-option--selected"
         }, "\u2713") : "", month);
       });
@@ -9256,12 +9225,12 @@ var MonthDropdownOptions = /*#__PURE__*/function (_React$Component) {
   return _createClass(MonthDropdownOptions, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__month-dropdown"
       }, this.renderOptions());
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var WrappedMonthDropdownOptions = onClickOutsideHOC(MonthDropdownOptions);
 var MonthDropdown = /*#__PURE__*/function (_React$Component) {
@@ -9277,14 +9246,14 @@ var MonthDropdown = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "renderSelectOptions", function (monthNames) {
       return monthNames.map(function (M, i) {
-        return /*#__PURE__*/React__namespace.default.createElement("option", {
+        return /*#__PURE__*/React__default.createElement("option", {
           key: i,
           value: i
         }, M);
       });
     });
     _defineProperty(_this, "renderSelectMode", function (monthNames) {
-      return /*#__PURE__*/React__namespace.default.createElement("select", {
+      return /*#__PURE__*/React__default.createElement("select", {
         value: _this.props.month,
         className: "react-datepicker__month-select",
         onChange: function onChange(e) {
@@ -9293,21 +9262,21 @@ var MonthDropdown = /*#__PURE__*/function (_React$Component) {
       }, _this.renderSelectOptions(monthNames));
     });
     _defineProperty(_this, "renderReadView", function (visible, monthNames) {
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         key: "read",
         style: {
           visibility: visible ? "visible" : "hidden"
         },
         className: "react-datepicker__month-read-view",
         onClick: _this.toggleDropdown
-      }, /*#__PURE__*/React__namespace.default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: "react-datepicker__month-read-view--down-arrow"
-      }), /*#__PURE__*/React__namespace.default.createElement("span", {
+      }), /*#__PURE__*/React__default.createElement("span", {
         className: "react-datepicker__month-read-view--selected-month"
       }, monthNames[_this.props.month]));
     });
     _defineProperty(_this, "renderDropdown", function (monthNames) {
-      return /*#__PURE__*/React__namespace.default.createElement(WrappedMonthDropdownOptions, {
+      return /*#__PURE__*/React__default.createElement(WrappedMonthDropdownOptions, {
         key: "dropdown",
         month: _this.props.month,
         monthNames: monthNames,
@@ -9355,12 +9324,12 @@ var MonthDropdown = /*#__PURE__*/function (_React$Component) {
           renderedDropdown = this.renderSelectMode(monthNames);
           break;
       }
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode)
       }, renderedDropdown);
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 function generateMonthYears(minDate, maxDate) {
   var list = [];
@@ -9381,12 +9350,12 @@ var MonthYearDropdownOptions = /*#__PURE__*/function (_React$Component) {
       return _this.state.monthYearsList.map(function (monthYear) {
         var monthYearPoint = getTime(monthYear);
         var isSameMonthYear = isSameYear(_this.props.date, monthYear) && isSameMonth(_this.props.date, monthYear);
-        return /*#__PURE__*/React__namespace.default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           className: isSameMonthYear ? "react-datepicker__month-year-option--selected_month-year" : "react-datepicker__month-year-option",
           key: monthYearPoint,
           onClick: _this.onChange.bind(_this, monthYearPoint),
           "aria-selected": isSameMonthYear ? "true" : undefined
-        }, isSameMonthYear ? /*#__PURE__*/React__namespace.default.createElement("span", {
+        }, isSameMonthYear ? /*#__PURE__*/React__default.createElement("span", {
           className: "react-datepicker__month-year-option--selected"
         }, "\u2713") : "", formatDate(monthYear, _this.props.dateFormat, _this.props.locale));
       });
@@ -9406,16 +9375,16 @@ var MonthYearDropdownOptions = /*#__PURE__*/function (_React$Component) {
   return _createClass(MonthYearDropdownOptions, [{
     key: "render",
     value: function render() {
-      var dropdownClass = clsx.clsx({
+      var dropdownClass = clsx({
         "react-datepicker__month-year-dropdown": true,
         "react-datepicker__month-year-dropdown--scrollable": this.props.scrollableMonthYearDropdown
       });
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: dropdownClass
       }, this.renderOptions());
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var WrappedMonthYearDropdownOptions = onClickOutsideHOC(MonthYearDropdownOptions);
 var MonthYearDropdown = /*#__PURE__*/function (_React$Component) {
@@ -9435,7 +9404,7 @@ var MonthYearDropdown = /*#__PURE__*/function (_React$Component) {
       var options = [];
       while (!isAfter(currDate, lastDate)) {
         var timePoint = getTime(currDate);
-        options.push( /*#__PURE__*/React__namespace.default.createElement("option", {
+        options.push( /*#__PURE__*/React__default.createElement("option", {
           key: timePoint,
           value: timePoint
         }, formatDate(currDate, _this.props.dateFormat, _this.props.locale)));
@@ -9447,7 +9416,7 @@ var MonthYearDropdown = /*#__PURE__*/function (_React$Component) {
       _this.onChange(e.target.value);
     });
     _defineProperty(_this, "renderSelectMode", function () {
-      return /*#__PURE__*/React__namespace.default.createElement("select", {
+      return /*#__PURE__*/React__default.createElement("select", {
         value: getTime(getStartOfMonth(_this.props.date)),
         className: "react-datepicker__month-year-select",
         onChange: _this.onSelectChange
@@ -9455,7 +9424,7 @@ var MonthYearDropdown = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "renderReadView", function (visible) {
       var yearMonth = formatDate(_this.props.date, _this.props.dateFormat, _this.props.locale);
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         key: "read",
         style: {
           visibility: visible ? "visible" : "hidden"
@@ -9464,14 +9433,14 @@ var MonthYearDropdown = /*#__PURE__*/function (_React$Component) {
         onClick: function onClick(event) {
           return _this.toggleDropdown(event);
         }
-      }, /*#__PURE__*/React__namespace.default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: "react-datepicker__month-year-read-view--down-arrow"
-      }), /*#__PURE__*/React__namespace.default.createElement("span", {
+      }), /*#__PURE__*/React__default.createElement("span", {
         className: "react-datepicker__month-year-read-view--selected-month-year"
       }, yearMonth));
     });
     _defineProperty(_this, "renderDropdown", function () {
-      return /*#__PURE__*/React__namespace.default.createElement(WrappedMonthYearDropdownOptions, {
+      return /*#__PURE__*/React__default.createElement(WrappedMonthYearDropdownOptions, {
         key: "dropdown",
         date: _this.props.date,
         dateFormat: _this.props.dateFormat,
@@ -9519,12 +9488,12 @@ var MonthYearDropdown = /*#__PURE__*/function (_React$Component) {
           renderedDropdown = this.renderSelectMode();
           break;
       }
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode)
       }, renderedDropdown);
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var Day = /*#__PURE__*/function (_React$Component) {
   function Day() {
@@ -9534,7 +9503,7 @@ var Day = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, Day, [].concat(args));
-    _defineProperty(_this, "dayEl", /*#__PURE__*/React__namespace.default.createRef());
+    _defineProperty(_this, "dayEl", /*#__PURE__*/React__default.createRef());
     _defineProperty(_this, "handleClick", function (event) {
       if (!_this.isDisabled() && _this.props.onClick) {
         _this.props.onClick(event);
@@ -9719,7 +9688,7 @@ var Day = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "getClassNames", function (date) {
       var dayClassName = _this.props.dayClassName ? _this.props.dayClassName(date) : undefined;
-      return clsx.clsx("react-datepicker__day", dayClassName, "react-datepicker__day--" + getDayOfWeekCode(_this.props.day), {
+      return clsx("react-datepicker__day", dayClassName, "react-datepicker__day--" + getDayOfWeekCode(_this.props.day), {
         "react-datepicker__day--disabled": _this.isDisabled(),
         "react-datepicker__day--excluded": _this.isExcluded(),
         "react-datepicker__day--selected": _this.isSelected(),
@@ -9814,7 +9783,7 @@ var Day = /*#__PURE__*/function (_React$Component) {
       return _this.props.renderDayContents ? _this.props.renderDayContents(getDate(_this.props.day), _this.props.day) : getDate(_this.props.day);
     });
     _defineProperty(_this, "render", function () {
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         ref: _this.dayEl,
         className: _this.getClassNames(_this.props.day),
         onKeyDown: _this.handleOnKeyDown,
@@ -9828,7 +9797,7 @@ var Day = /*#__PURE__*/function (_React$Component) {
         "aria-disabled": _this.isDisabled(),
         "aria-current": _this.isCurrentDay() ? "date" : undefined,
         "aria-selected": _this.isSelected() || _this.isInRange()
-      }, _this.renderDayContents(), _this.getTitle() !== "" && /*#__PURE__*/React__namespace.default.createElement("span", {
+      }, _this.renderDayContents(), _this.getTitle() !== "" && /*#__PURE__*/React__default.createElement("span", {
         className: "overlay"
       }, _this.getTitle()));
     });
@@ -9846,7 +9815,7 @@ var Day = /*#__PURE__*/function (_React$Component) {
       this.handleFocusDay(prevProps);
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var WeekNumber = /*#__PURE__*/function (_React$Component) {
   function WeekNumber() {
@@ -9856,7 +9825,7 @@ var WeekNumber = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, WeekNumber, [].concat(args));
-    _defineProperty(_this, "weekNumberEl", /*#__PURE__*/React__namespace.default.createRef());
+    _defineProperty(_this, "weekNumberEl", /*#__PURE__*/React__default.createRef());
     _defineProperty(_this, "handleClick", function (event) {
       if (_this.props.onClick) {
         _this.props.onClick(event);
@@ -9931,9 +9900,9 @@ var WeekNumber = /*#__PURE__*/function (_React$Component) {
         "react-datepicker__week-number--selected": !!onClick && isSameDay(this.props.date, this.props.selected),
         "react-datepicker__week-number--keyboard-selected": this.isKeyboardSelected()
       };
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         ref: this.weekNumberEl,
-        className: clsx.clsx(weekNumberClasses),
+        className: clsx(weekNumberClasses),
         "aria-label": "".concat(ariaLabelPrefix, " ").concat(this.props.weekNumber),
         onClick: this.handleClick,
         onKeyDown: this.handleOnKeyDown,
@@ -9948,7 +9917,7 @@ var WeekNumber = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var Week = /*#__PURE__*/function (_React$Component) {
   function Week() {
@@ -9991,7 +9960,7 @@ var Week = /*#__PURE__*/function (_React$Component) {
       var weekNumber = _this.formatWeekNumber(startOfWeek);
       if (_this.props.showWeekNumber) {
         var onClickAction = _this.props.onWeekSelect || _this.props.showWeekPicker ? _this.handleWeekClick.bind(_this, startOfWeek, weekNumber) : undefined;
-        days.push( /*#__PURE__*/React__namespace.default.createElement(WeekNumber, {
+        days.push( /*#__PURE__*/React__default.createElement(WeekNumber, {
           key: "W",
           weekNumber: weekNumber,
           date: startOfWeek,
@@ -10009,7 +9978,7 @@ var Week = /*#__PURE__*/function (_React$Component) {
       }
       return days.concat([0, 1, 2, 3, 4, 5, 6].map(function (offset) {
         var day = addDays(startOfWeek, offset);
-        return /*#__PURE__*/React__namespace.default.createElement(Day, {
+        return /*#__PURE__*/React__default.createElement(Day, {
           ariaLabelPrefixWhenEnabled: _this.props.chooseDayAriaLabelPrefix,
           ariaLabelPrefixWhenDisabled: _this.props.disabledDayAriaLabelPrefix,
           key: day.valueOf(),
@@ -10072,8 +10041,8 @@ var Week = /*#__PURE__*/function (_React$Component) {
         "react-datepicker__week--selected": isSameDay(this.startOfWeek(), this.props.selected),
         "react-datepicker__week--keyboard-selected": this.isKeyboardSelected()
       };
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
-        className: clsx.clsx(weekNumberClasses)
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: clsx(weekNumberClasses)
       }, this.renderDays());
     }
   }], [{
@@ -10084,7 +10053,7 @@ var Week = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var FIXED_HEIGHT_STANDARD_WEEK_COUNT = 6;
 var MONTH_COLUMNS_LAYOUT = {
@@ -10117,10 +10086,10 @@ var Month = /*#__PURE__*/function (_React$Component) {
     }
     _this = _callSuper(this, Month, [].concat(args));
     _defineProperty(_this, "MONTH_REFS", _toConsumableArray(Array(12)).map(function () {
-      return /*#__PURE__*/React__namespace.default.createRef();
+      return /*#__PURE__*/React__default.createRef();
     }));
     _defineProperty(_this, "QUARTER_REFS", _toConsumableArray(Array(4)).map(function () {
-      return /*#__PURE__*/React__namespace.default.createRef();
+      return /*#__PURE__*/React__default.createRef();
     }));
     _defineProperty(_this, "isDisabled", function (date) {
       return isDayDisabled(date, _this.props);
@@ -10292,7 +10261,7 @@ var Month = /*#__PURE__*/function (_React$Component) {
       var selected = _this.props.showWeekPicker ? getStartOfWeek(_this.props.selected, _this.props.locale, _this.props.calendarStartDay) : _this.props.selected;
       var preSelection = _this.props.showWeekPicker ? getStartOfWeek(_this.props.preSelection, _this.props.locale, _this.props.calendarStartDay) : _this.props.preSelection;
       while (true) {
-        weeks.push( /*#__PURE__*/React__namespace.default.createElement(Week, {
+        weeks.push( /*#__PURE__*/React__default.createElement(Week, {
           ariaLabelPrefix: _this.props.weekAriaLabelPrefix,
           chooseDayAriaLabelPrefix: _this.props.chooseDayAriaLabelPrefix,
           disabledDayAriaLabelPrefix: _this.props.disabledDayAriaLabelPrefix,
@@ -10471,7 +10440,7 @@ var Month = /*#__PURE__*/function (_React$Component) {
         includeDates = _this$props10.includeDates;
       var _monthClassName = monthClassName ? monthClassName(setMonth(day, m)) : undefined;
       var labelDate = setMonth(day, m);
-      return clsx.clsx("react-datepicker__month-text", "react-datepicker__month-".concat(m), _monthClassName, {
+      return clsx("react-datepicker__month-text", "react-datepicker__month-".concat(m), _monthClassName, {
         "react-datepicker__month-text--disabled": (minDate || maxDate || excludeDates || includeDates) && isMonthDisabled(labelDate, _this.props),
         "react-datepicker__month-text--selected": _this.isSelectedMonth(day, m, selected),
         "react-datepicker__month-text--keyboard-selected": !_this.props.disabledKeyboardNavigation && _this.isSelectedMonth(day, m, preSelection),
@@ -10515,7 +10484,7 @@ var Month = /*#__PURE__*/function (_React$Component) {
         maxDate = _this$props12.maxDate,
         preSelection = _this$props12.preSelection,
         disabledKeyboardNavigation = _this$props12.disabledKeyboardNavigation;
-      return clsx.clsx("react-datepicker__quarter-text", "react-datepicker__quarter-".concat(q), {
+      return clsx("react-datepicker__quarter-text", "react-datepicker__quarter-".concat(q), {
         "react-datepicker__quarter-text--disabled": (minDate || maxDate) && isQuarterDisabled(setQuarter(day, q), _this.props),
         "react-datepicker__quarter-text--selected": _this.isSelectedQuarter(day, q, selected),
         "react-datepicker__quarter-text--keyboard-selected": !disabledKeyboardNavigation && _this.isSelectedQuarter(day, q, preSelection),
@@ -10553,11 +10522,11 @@ var Month = /*#__PURE__*/function (_React$Component) {
         selected = _this$props15.selected;
       var monthColumns = MONTH_COLUMNS[getMonthColumnsLayout(showFourColumnMonthYearPicker, showTwoColumnMonthYearPicker)].grid;
       return monthColumns.map(function (month, i) {
-        return /*#__PURE__*/React__namespace.default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           className: "react-datepicker__month-wrapper",
           key: i
         }, month.map(function (m, j) {
-          return /*#__PURE__*/React__namespace.default.createElement("div", {
+          return /*#__PURE__*/React__default.createElement("div", {
             ref: _this.MONTH_REFS[m],
             key: j,
             onClick: function onClick(ev) {
@@ -10591,10 +10560,10 @@ var Month = /*#__PURE__*/function (_React$Component) {
         day = _this$props16.day,
         selected = _this$props16.selected;
       var quarters = [1, 2, 3, 4];
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__quarter-wrapper"
       }, quarters.map(function (q, j) {
-        return /*#__PURE__*/React__namespace.default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           key: j,
           ref: _this.QUARTER_REFS[j],
           role: "option",
@@ -10625,7 +10594,7 @@ var Month = /*#__PURE__*/function (_React$Component) {
         showMonthYearPicker = _this$props17.showMonthYearPicker,
         showQuarterYearPicker = _this$props17.showQuarterYearPicker,
         showWeekPicker = _this$props17.showWeekPicker;
-      return clsx.clsx("react-datepicker__month", {
+      return clsx("react-datepicker__month", {
         "react-datepicker__month--selecting-range": selectingDate && (selectsStart || selectsEnd)
       }, {
         "react-datepicker__monthPicker": showMonthYearPicker
@@ -10648,7 +10617,7 @@ var Month = /*#__PURE__*/function (_React$Component) {
         _this$props18$ariaLab = _this$props18.ariaLabelPrefix,
         ariaLabelPrefix = _this$props18$ariaLab === void 0 ? "Month " : _this$props18$ariaLab;
       var formattedAriaLabelPrefix = ariaLabelPrefix ? ariaLabelPrefix.trim() + " " : "";
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: this.getClassNames(),
         onMouseLeave: !this.props.usePointerEvent ? this.handleMouseLeave : undefined,
         onPointerLeave: this.props.usePointerEvent ? this.handleMouseLeave : undefined,
@@ -10657,7 +10626,7 @@ var Month = /*#__PURE__*/function (_React$Component) {
       }, showMonthYearPicker ? this.renderMonths() : showQuarterYearPicker ? this.renderQuarters() : this.renderWeeks());
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var Time = /*#__PURE__*/function (_React$Component) {
   function Time() {
@@ -10747,7 +10716,7 @@ var Time = /*#__PURE__*/function (_React$Component) {
         return prev;
       }, times[0]);
       return times.map(function (time, i) {
-        return /*#__PURE__*/React__namespace.default.createElement("li", {
+        return /*#__PURE__*/React__default.createElement("li", {
           key: i,
           onClick: _this.handleClick.bind(_this, time),
           className: _this.liClasses(time),
@@ -10785,20 +10754,20 @@ var Time = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
       var height = this.state.height;
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__time-container ".concat(this.props.todayButton ? "react-datepicker__time-container--with-today-button" : "")
-      }, /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__header react-datepicker__header--time ".concat(this.props.showTimeSelectOnly ? "react-datepicker__header--time--only" : ""),
         ref: function ref(header) {
           _this2.header = header;
         }
-      }, /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker-time__header"
-      }, this.props.timeCaption)), /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, this.props.timeCaption)), /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__time"
-      }, /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__time-box"
-      }, /*#__PURE__*/React__namespace.default.createElement("ul", {
+      }, /*#__PURE__*/React__default.createElement("ul", {
         className: "react-datepicker__time-list",
         ref: function ref(list) {
           _this2.list = list;
@@ -10821,7 +10790,7 @@ var Time = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 _defineProperty(Time, "calcCenterPosition", function (listHeight, centerLiRef) {
   return centerLiRef.offsetTop - (listHeight / 2 - centerLiRef.clientHeight / 2);
 });
@@ -10832,7 +10801,7 @@ var Year = /*#__PURE__*/function (_React$Component) {
     _classCallCheck(this, Year);
     _this = _callSuper(this, Year, [props]);
     _defineProperty(_this, "YEAR_REFS", _toConsumableArray(Array(_this.props.yearItemNumber)).map(function () {
-      return /*#__PURE__*/React__namespace.default.createRef();
+      return /*#__PURE__*/React__default.createRef();
     }));
     _defineProperty(_this, "isDisabled", function (date) {
       return isDayDisabled(date, _this.props);
@@ -10969,7 +10938,7 @@ var Year = /*#__PURE__*/function (_React$Component) {
         includeDates = _this$props5.includeDates,
         filterDate = _this$props5.filterDate,
         yearClassName = _this$props5.yearClassName;
-      return clsx.clsx("react-datepicker__year-text", "react-datepicker__year-".concat(y), yearClassName ? yearClassName(setYear(date, y)) : undefined, {
+      return clsx("react-datepicker__year-text", "react-datepicker__year-".concat(y), yearClassName ? yearClassName(setYear(date, y)) : undefined, {
         "react-datepicker__year-text--selected": y === getYear(selected),
         "react-datepicker__year-text--disabled": (minDate || maxDate || excludeDates || includeDates || filterDate) && isYearDisabled(y, _this.props),
         "react-datepicker__year-text--keyboard-selected": _this.isKeyboardSelected(y),
@@ -10993,7 +10962,7 @@ var Year = /*#__PURE__*/function (_React$Component) {
         selectsStart = _this$props6.selectsStart,
         selectsEnd = _this$props6.selectsEnd,
         selectsRange = _this$props6.selectsRange;
-      return clsx.clsx("react-datepicker__year", {
+      return clsx("react-datepicker__year", {
         "react-datepicker__year--selecting-range": selectingDate && (selectsStart || selectsEnd || selectsRange)
       });
     });
@@ -11017,7 +10986,7 @@ var Year = /*#__PURE__*/function (_React$Component) {
         startPeriod = _utils$getYearsPeriod2.startPeriod,
         endPeriod = _utils$getYearsPeriod2.endPeriod;
       var _loop = function _loop(y) {
-        yearsList.push( /*#__PURE__*/React__namespace.default.createElement("div", {
+        yearsList.push( /*#__PURE__*/React__default.createElement("div", {
           ref: _this2.YEAR_REFS[y - startPeriod],
           onClick: function onClick(ev) {
             _this2.onYearClick(ev, y);
@@ -11050,16 +11019,16 @@ var Year = /*#__PURE__*/function (_React$Component) {
       for (var y = startPeriod; y <= endPeriod; y++) {
         _loop(y);
       }
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: this.getYearContainerClassNames()
-      }, /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__year-wrapper",
         onMouseLeave: !this.props.usePointerEvent ? this.props.clearSelectingDate : undefined,
         onPointerLeave: this.props.usePointerEvent ? this.props.clearSelectingDate : undefined
       }, yearsList));
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var inputTime = /*#__PURE__*/function (_React$Component) {
   function inputTime(props) {
@@ -11084,13 +11053,13 @@ var inputTime = /*#__PURE__*/function (_React$Component) {
         timeString = _this$props.timeString,
         customTimeInput = _this$props.customTimeInput;
       if (customTimeInput) {
-        return /*#__PURE__*/React__namespace.default.cloneElement(customTimeInput, {
+        return /*#__PURE__*/React__default.cloneElement(customTimeInput, {
           date: date,
           value: time,
           onChange: _this.onTimeChange
         });
       }
-      return /*#__PURE__*/React__namespace.default.createElement("input", {
+      return /*#__PURE__*/React__default.createElement("input", {
         type: "time",
         className: "react-datepicker-time__input",
         placeholder: "Time",
@@ -11111,13 +11080,13 @@ var inputTime = /*#__PURE__*/function (_React$Component) {
   return _createClass(inputTime, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__input-time-container"
-      }, /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker-time__caption"
-      }, this.props.timeInputLabel), /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, this.props.timeInputLabel), /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker-time__input-container"
-      }, /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker-time__input"
       }, this.renderTimeInput())));
     }
@@ -11134,7 +11103,7 @@ var inputTime = /*#__PURE__*/function (_React$Component) {
       return null;
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 function CalendarContainer(_ref) {
   var _ref$showTimeSelectOn = _ref.showTimeSelectOnly,
@@ -11144,7 +11113,7 @@ function CalendarContainer(_ref) {
     className = _ref.className,
     children = _ref.children;
   var ariaLabel = showTimeSelectOnly ? "Choose Time" : "Choose Date".concat(showTime ? " and Time" : "");
-  return /*#__PURE__*/React__namespace.default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: className,
     role: "dialog",
     "aria-label": ariaLabel,
@@ -11317,7 +11286,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       var startOfWeek = getStartOfWeek(date, _this.props.locale, _this.props.calendarStartDay);
       var dayNames = [];
       if (_this.props.showWeekNumbers) {
-        dayNames.push( /*#__PURE__*/React__namespace.default.createElement("div", {
+        dayNames.push( /*#__PURE__*/React__default.createElement("div", {
           key: "W",
           className: "react-datepicker__day-name"
         }, _this.props.weekLabel || "#"));
@@ -11326,9 +11295,9 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
         var day = addDays(startOfWeek, offset);
         var weekDayName = _this.formatWeekday(day, _this.props.locale);
         var weekDayClassName = _this.props.weekDayClassName ? _this.props.weekDayClassName(day) : undefined;
-        return /*#__PURE__*/React__namespace.default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           key: offset,
-          className: clsx.clsx("react-datepicker__day-name", weekDayClassName)
+          className: clsx("react-datepicker__day-name", weekDayClassName)
         }, weekDayName);
       }));
     });
@@ -11391,13 +11360,13 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
         previousMonthAriaLabel = _this$props3$previous === void 0 ? typeof previousMonthButtonLabel === "string" ? previousMonthButtonLabel : "Previous Month" : _this$props3$previous,
         _this$props3$previous2 = _this$props3.previousYearAriaLabel,
         previousYearAriaLabel = _this$props3$previous2 === void 0 ? typeof previousYearButtonLabel === "string" ? previousYearButtonLabel : "Previous Year" : _this$props3$previous2;
-      return /*#__PURE__*/React__namespace.default.createElement("button", {
+      return /*#__PURE__*/React__default.createElement("button", {
         type: "button",
         className: classes.join(" "),
         onClick: clickHandler,
         onKeyDown: _this.props.handleOnKeyDown,
         "aria-label": isForYear ? previousYearAriaLabel : previousMonthAriaLabel
-      }, /*#__PURE__*/React__namespace.default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: iconClasses.join(" ")
       }, isForYear ? _this.props.previousYearButtonLabel : _this.props.previousMonthButtonLabel));
     });
@@ -11455,13 +11424,13 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
         nextMonthAriaLabel = _this$props5$nextMont === void 0 ? typeof nextMonthButtonLabel === "string" ? nextMonthButtonLabel : "Next Month" : _this$props5$nextMont,
         _this$props5$nextYear = _this$props5.nextYearAriaLabel,
         nextYearAriaLabel = _this$props5$nextYear === void 0 ? typeof nextYearButtonLabel === "string" ? nextYearButtonLabel : "Next Year" : _this$props5$nextYear;
-      return /*#__PURE__*/React__namespace.default.createElement("button", {
+      return /*#__PURE__*/React__default.createElement("button", {
         type: "button",
         className: classes.join(" "),
         onClick: clickHandler,
         onKeyDown: _this.props.handleOnKeyDown,
         "aria-label": isForYear ? nextYearAriaLabel : nextMonthAriaLabel
-      }, /*#__PURE__*/React__namespace.default.createElement("span", {
+      }, /*#__PURE__*/React__default.createElement("span", {
         className: iconClasses.join(" ")
       }, isForYear ? _this.props.nextYearButtonLabel : _this.props.nextMonthButtonLabel));
     });
@@ -11477,7 +11446,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       if (_this.props.showMonthYearDropdown) {
         classes.push("react-datepicker__current-month--hasMonthYearDropdown");
       }
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: classes.join(" ")
       }, formatDate(date, _this.props.dateFormat, _this.props.locale));
     });
@@ -11486,7 +11455,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       if (!_this.props.showYearDropdown || overrideHide) {
         return;
       }
-      return /*#__PURE__*/React__namespace.default.createElement(YearDropdown, {
+      return /*#__PURE__*/React__default.createElement(YearDropdown, {
         adjustDateOnChange: _this.props.adjustDateOnChange,
         date: _this.state.date,
         onSelect: _this.props.onSelect,
@@ -11505,7 +11474,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       if (!_this.props.showMonthDropdown || overrideHide) {
         return;
       }
-      return /*#__PURE__*/React__namespace.default.createElement(MonthDropdown, {
+      return /*#__PURE__*/React__default.createElement(MonthDropdown, {
         dropdownMode: _this.props.dropdownMode,
         locale: _this.props.locale,
         onChange: _this.changeMonth,
@@ -11518,7 +11487,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       if (!_this.props.showMonthYearDropdown || overrideHide) {
         return;
       }
-      return /*#__PURE__*/React__namespace.default.createElement(MonthYearDropdown, {
+      return /*#__PURE__*/React__default.createElement(MonthYearDropdown, {
         dropdownMode: _this.props.dropdownMode,
         locale: _this.props.locale,
         dateFormat: _this.props.dateFormat,
@@ -11537,7 +11506,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       if (!_this.props.todayButton || _this.props.showTimeSelectOnly) {
         return;
       }
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__today-button",
         onClick: function onClick(e) {
           return _this.handleTodayButtonClick(e);
@@ -11547,12 +11516,12 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "renderDefaultHeader", function (_ref8) {
       var monthDate = _ref8.monthDate,
         i = _ref8.i;
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__header ".concat(_this.props.showTimeSelect ? "react-datepicker__header--has-time-select" : "")
-      }, _this.renderCurrentMonth(monthDate), /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, _this.renderCurrentMonth(monthDate), /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__header__dropdown react-datepicker__header__dropdown--".concat(_this.props.dropdownMode),
         onFocus: _this.handleDropdownFocus
-      }, _this.renderMonthDropdown(i !== 0), _this.renderMonthYearDropdown(i !== 0), _this.renderYearDropdown(i !== 0)), /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, _this.renderMonthDropdown(i !== 0), _this.renderMonthYearDropdown(i !== 0), _this.renderYearDropdown(i !== 0)), /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__day-names"
       }, _this.header(monthDate)));
     });
@@ -11568,7 +11537,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       var prevYearButtonDisabled = yearDisabledBefore(_this.state.date, _this.props);
       var nextYearButtonDisabled = yearDisabledAfter(_this.state.date, _this.props);
       var showDayNames = !_this.props.showMonthYearPicker && !_this.props.showQuarterYearPicker && !_this.props.showYearPicker;
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__header react-datepicker__header--custom",
         onFocus: _this.props.onDropdownFocus
       }, _this.props.renderCustomHeader(_objectSpread2(_objectSpread2({}, _this.state), {}, {
@@ -11584,7 +11553,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
         nextMonthButtonDisabled: nextMonthButtonDisabled,
         prevYearButtonDisabled: prevYearButtonDisabled,
         nextYearButtonDisabled: nextYearButtonDisabled
-      })), showDayNames && /*#__PURE__*/React__namespace.default.createElement("div", {
+      })), showDayNames && /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__day-names"
       }, _this.header(monthDate)));
     });
@@ -11596,7 +11565,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       var _getYearsPeriod = getYearsPeriod(monthDate, yearItemNumber),
         startPeriod = _getYearsPeriod.startPeriod,
         endPeriod = _getYearsPeriod.endPeriod;
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__header react-datepicker-year-header"
       }, showYearPicker ? "".concat(startPeriod, " - ").concat(endPeriod) : getYear(monthDate));
     });
@@ -11625,7 +11594,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
         var monthKey = "month-".concat(i);
         var monthShowsDuplicateDaysEnd = i < _this.props.monthsShown - 1;
         var monthShowsDuplicateDaysStart = i > 0;
-        monthList.push( /*#__PURE__*/React__namespace.default.createElement("div", {
+        monthList.push( /*#__PURE__*/React__default.createElement("div", {
           key: monthKey,
           ref: function ref(div) {
             _this.monthContainer = div;
@@ -11634,7 +11603,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
         }, _this.renderHeader({
           monthDate: monthDate,
           i: i
-        }), /*#__PURE__*/React__namespace.default.createElement(Month, {
+        }), /*#__PURE__*/React__default.createElement(Month, {
           chooseDayAriaLabelPrefix: _this.props.chooseDayAriaLabelPrefix,
           disabledDayAriaLabelPrefix: _this.props.disabledDayAriaLabelPrefix,
           weekAriaLabelPrefix: _this.props.weekAriaLabelPrefix,
@@ -11707,11 +11676,11 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
         return;
       }
       if (_this.props.showYearPicker) {
-        return /*#__PURE__*/React__namespace.default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           className: "react-datepicker__year--container"
         }, _this.renderHeader({
           monthDate: _this.state.date
-        }), /*#__PURE__*/React__namespace.default.createElement(Year, _extends({
+        }), /*#__PURE__*/React__default.createElement(Year, _extends({
           onDayClick: _this.handleDayClick,
           selectingDate: _this.state.selectingDate,
           clearSelectingDate: _this.clearSelectingDate,
@@ -11724,7 +11693,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "renderTimeSection", function () {
       if (_this.props.showTimeSelect && (_this.state.monthContainer || _this.props.showTimeSelectOnly)) {
-        return /*#__PURE__*/React__namespace.default.createElement(Time, {
+        return /*#__PURE__*/React__default.createElement(Time, {
           selected: _this.props.selected,
           openToDate: _this.props.openToDate,
           onChange: _this.props.onTimeChange,
@@ -11755,7 +11724,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       var timeValid = isValid(time) && Boolean(_this.props.selected);
       var timeString = timeValid ? "".concat(addZero(time.getHours()), ":").concat(addZero(time.getMinutes())) : "";
       if (_this.props.showTimeInput) {
-        return /*#__PURE__*/React__namespace.default.createElement(inputTime, {
+        return /*#__PURE__*/React__default.createElement(inputTime, {
           date: time,
           timeString: timeString,
           timeInputLabel: _this.props.timeInputLabel,
@@ -11776,7 +11745,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       } else {
         ariaLiveMessage = "".concat(getMonthInLocale(getMonth(_this.state.date), _this.props.locale), " ").concat(getYear(_this.state.date));
       }
-      return /*#__PURE__*/React__namespace.default.createElement("span", {
+      return /*#__PURE__*/React__default.createElement("span", {
         role: "alert",
         "aria-live": "polite",
         className: "react-datepicker__aria-live"
@@ -11784,12 +11753,12 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "renderChildren", function () {
       if (_this.props.children) {
-        return /*#__PURE__*/React__namespace.default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           className: "react-datepicker__children-container"
         }, _this.props.children);
       }
     });
-    _this.containerRef = /*#__PURE__*/React__namespace.default.createRef();
+    _this.containerRef = /*#__PURE__*/React__default.createRef();
     _this.state = {
       date: _this.getDateInView(),
       selectingDate: null,
@@ -11836,13 +11805,13 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var Container = this.props.container || CalendarContainer;
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         style: {
           display: "contents"
         },
         ref: this.containerRef
-      }, /*#__PURE__*/React__namespace.default.createElement(Container, {
-        className: clsx.clsx("react-datepicker", this.props.className, {
+      }, /*#__PURE__*/React__default.createElement(Container, {
+        className: clsx("react-datepicker", this.props.className, {
           "react-datepicker--time-only": this.props.showTimeSelectOnly
         }),
         showTime: this.props.showTimeSelect || this.props.showTimeInput,
@@ -11866,7 +11835,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 var CalendarIcon = function CalendarIcon(_ref) {
   var icon = _ref.icon,
@@ -11874,8 +11843,8 @@ var CalendarIcon = function CalendarIcon(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     _onClick = _ref.onClick;
   var defaultClass = "react-datepicker__calendar-icon";
-  if ( /*#__PURE__*/React__namespace.default.isValidElement(icon)) {
-    return /*#__PURE__*/React__namespace.default.cloneElement(icon, {
+  if ( /*#__PURE__*/React__default.isValidElement(icon)) {
+    return /*#__PURE__*/React__default.cloneElement(icon, {
       className: "".concat(icon.props.className || "", " ").concat(defaultClass, " ").concat(className),
       onClick: function onClick(e) {
         if (typeof icon.props.onClick === "function") {
@@ -11888,7 +11857,7 @@ var CalendarIcon = function CalendarIcon(_ref) {
     });
   }
   if (typeof icon === "string") {
-    return /*#__PURE__*/React__namespace.default.createElement("i", {
+    return /*#__PURE__*/React__default.createElement("i", {
       className: "".concat(defaultClass, " ").concat(icon, " ").concat(className),
       "aria-hidden": "true",
       onClick: _onClick
@@ -11896,12 +11865,12 @@ var CalendarIcon = function CalendarIcon(_ref) {
   }
 
   // Default SVG Icon
-  return /*#__PURE__*/React__namespace.default.createElement("svg", {
+  return /*#__PURE__*/React__default.createElement("svg", {
     className: "".concat(defaultClass, " ").concat(className),
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 448 512",
     onClick: _onClick
-  }, /*#__PURE__*/React__namespace.default.createElement("path", {
+  }, /*#__PURE__*/React__default.createElement("path", {
     d: "M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z"
   }));
 };
@@ -11935,10 +11904,10 @@ var Portal = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/ReactDOM__namespace.default.createPortal(this.props.children, this.el);
+      return /*#__PURE__*/ReactDOM__default.createPortal(this.props.children, this.el);
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 // TabLoop prevents the user from tabbing outside of the popper
 // It creates a tabindex loop so that "Tab" on the last element will focus the first element
@@ -11966,7 +11935,7 @@ var TabLoop = /*#__PURE__*/function (_React$Component) {
       var tabChildren = _this.getTabChildren();
       tabChildren && tabChildren.length > 1 && tabChildren[0].focus();
     });
-    _this.tabLoopRef = /*#__PURE__*/React__namespace.default.createRef();
+    _this.tabLoopRef = /*#__PURE__*/React__default.createRef();
     return _this;
   }
   _inherits(TabLoop, _React$Component);
@@ -11976,14 +11945,14 @@ var TabLoop = /*#__PURE__*/function (_React$Component) {
       if (!this.props.enableTabLoop) {
         return this.props.children;
       }
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__tab-loop",
         ref: this.tabLoopRef
-      }, /*#__PURE__*/React__namespace.default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__tab-loop__start",
         tabIndex: "0",
         onFocus: this.handleFocusStart
-      }), this.props.children, /*#__PURE__*/React__namespace.default.createElement("div", {
+      }), this.props.children, /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__tab-loop__end",
         tabIndex: "0",
         onFocus: this.handleFocusEnd
@@ -11997,7 +11966,7 @@ var TabLoop = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 
 function withFloating(Component) {
   var WithFloating = function WithFloating(props) {
@@ -12006,18 +11975,18 @@ function withFloating(Component) {
       popperProps: props.popperProps || {},
       hidePopper: typeof props.hidePopper === "boolean" ? props.hidePopper : true
     });
-    var arrowRef = React__namespace.default.useRef();
+    var arrowRef = React__default.useRef();
     var floatingProps = useFloating(_objectSpread2({
       open: !alt_props.hidePopper,
-      whileElementsMounted: floatingUi_dom.autoUpdate,
+      whileElementsMounted: autoUpdate,
       placement: alt_props.popperPlacement,
-      middleware: [floatingUi_dom.flip({
+      middleware: [flip({
         padding: 15
-      }), floatingUi_dom.offset(10), arrow({
+      }), offset(10), arrow({
         element: arrowRef
       })].concat(_toConsumableArray(alt_props.popperModifiers))
     }, alt_props.popperProps));
-    return /*#__PURE__*/React__namespace.default.createElement(Component, _extends({}, alt_props, {
+    return /*#__PURE__*/React__default.createElement(Component, _extends({}, alt_props, {
       popperProps: _objectSpread2(_objectSpread2({}, floatingProps), {}, {
         arrowRef: arrowRef
       })
@@ -12050,16 +12019,16 @@ var PopperComponent = /*#__PURE__*/function (_React$Component) {
         showArrow = _this$props.showArrow;
       var popper;
       if (!hidePopper) {
-        var classes = clsx.clsx("react-datepicker-popper", className);
-        popper = /*#__PURE__*/React__namespace.default.createElement(TabLoop, {
+        var classes = clsx("react-datepicker-popper", className);
+        popper = /*#__PURE__*/React__default.createElement(TabLoop, {
           enableTabLoop: enableTabLoop
-        }, /*#__PURE__*/React__namespace.default.createElement("div", {
+        }, /*#__PURE__*/React__default.createElement("div", {
           ref: popperProps.refs.setFloating,
           style: popperProps.floatingStyles,
           className: classes,
           "data-placement": popperProps.placement,
           onKeyDown: popperOnKeyDown
-        }, popperComponent, showArrow && /*#__PURE__*/React__namespace.default.createElement(FloatingArrow, {
+        }, popperComponent, showArrow && /*#__PURE__*/React__default.createElement(FloatingArrow, {
           ref: popperProps.arrowRef,
           context: popperProps.context,
           fill: "currentColor",
@@ -12073,16 +12042,16 @@ var PopperComponent = /*#__PURE__*/function (_React$Component) {
         })));
       }
       if (this.props.popperContainer) {
-        popper = /*#__PURE__*/React__namespace.default.createElement(this.props.popperContainer, {}, popper);
+        popper = /*#__PURE__*/React__default.createElement(this.props.popperContainer, {}, popper);
       }
       if (portalId && !hidePopper) {
-        popper = /*#__PURE__*/React__namespace.default.createElement(Portal, {
+        popper = /*#__PURE__*/React__default.createElement(Portal, {
           portalId: portalId,
           portalHost: portalHost
         }, popper);
       }
-      var wrapperClasses = clsx.clsx("react-datepicker-wrapper", wrapperClassName);
-      return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement("div", {
+      var wrapperClasses = clsx("react-datepicker-wrapper", wrapperClassName);
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
         ref: popperProps.refs.setReference,
         className: wrapperClasses
       }, targetComponent), popper);
@@ -12095,7 +12064,7 @@ var PopperComponent = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 var PopperComponent$1 = withFloating(PopperComponent);
 
 var outsideClickIgnoreClass = "react-datepicker-ignore-onclickoutside";
@@ -12675,7 +12644,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
       if (!_this.props.inline && !_this.isCalendarOpen()) {
         return null;
       }
-      return /*#__PURE__*/React__namespace.default.createElement(WrappedCalendar, {
+      return /*#__PURE__*/React__default.createElement(WrappedCalendar, {
         ref: function ref(elem) {
           _this.calendar = elem;
         },
@@ -12841,7 +12810,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
           }));
         }
       }
-      return /*#__PURE__*/React__namespace.default.createElement("span", {
+      return /*#__PURE__*/React__default.createElement("span", {
         role: "alert",
         "aria-live": "polite",
         className: "react-datepicker__aria-live"
@@ -12849,15 +12818,15 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "renderDateInput", function () {
       var _React$cloneElement;
-      var className = clsx.clsx(_this.props.className, _defineProperty({}, outsideClickIgnoreClass, _this.state.open));
-      var customInput = _this.props.customInput || /*#__PURE__*/React__namespace.default.createElement("input", {
+      var className = clsx(_this.props.className, _defineProperty({}, outsideClickIgnoreClass, _this.state.open));
+      var customInput = _this.props.customInput || /*#__PURE__*/React__default.createElement("input", {
         type: "text"
       });
       var customInputRef = _this.props.customInputRef || "ref";
       var inputValue = typeof _this.props.value === "string" ? _this.props.value : typeof _this.state.inputValue === "string" ? _this.state.inputValue : _this.props.selectsRange ? safeDateRangeFormat(_this.props.startDate, _this.props.endDate, _this.props) : _this.props.selectsMultiple ? safeMultipleDatesFormat(_this.props.selectedDates, _this.props) : safeDateFormat(_this.props.selected, _this.props);
-      return /*#__PURE__*/React__namespace.default.cloneElement(customInput, (_React$cloneElement = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_React$cloneElement, customInputRef, function (input) {
+      return /*#__PURE__*/React__default.cloneElement(customInput, (_React$cloneElement = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_React$cloneElement, customInputRef, function (input) {
         _this.input = input;
-      }), "value", inputValue), "onBlur", _this.handleBlur), "onChange", _this.handleChange), "onClick", _this.onInputClick), "onFocus", _this.handleFocus), "onKeyDown", _this.onInputKeyDown), "id", _this.props.id), "name", _this.props.name), "form", _this.props.form), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_React$cloneElement, "autoFocus", _this.props.autoFocus), "placeholder", _this.props.placeholderText), "disabled", _this.props.disabled), "autoComplete", _this.props.autoComplete), "className", clsx.clsx(customInput.props.className, className)), "title", _this.props.title), "readOnly", _this.props.readOnly), "required", _this.props.required), "tabIndex", _this.props.tabIndex), "aria-describedby", _this.props.ariaDescribedBy), _defineProperty(_defineProperty(_defineProperty(_React$cloneElement, "aria-invalid", _this.props.ariaInvalid), "aria-labelledby", _this.props.ariaLabelledBy), "aria-required", _this.props.ariaRequired)));
+      }), "value", inputValue), "onBlur", _this.handleBlur), "onChange", _this.handleChange), "onClick", _this.onInputClick), "onFocus", _this.handleFocus), "onKeyDown", _this.onInputKeyDown), "id", _this.props.id), "name", _this.props.name), "form", _this.props.form), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_React$cloneElement, "autoFocus", _this.props.autoFocus), "placeholder", _this.props.placeholderText), "disabled", _this.props.disabled), "autoComplete", _this.props.autoComplete), "className", clsx(customInput.props.className, className)), "title", _this.props.title), "readOnly", _this.props.readOnly), "required", _this.props.required), "tabIndex", _this.props.tabIndex), "aria-describedby", _this.props.ariaDescribedBy), _defineProperty(_defineProperty(_defineProperty(_React$cloneElement, "aria-invalid", _this.props.ariaInvalid), "aria-labelledby", _this.props.ariaLabelledBy), "aria-required", _this.props.ariaRequired)));
     });
     _defineProperty(_this, "renderClearButton", function () {
       var _this$props4 = _this.props,
@@ -12873,9 +12842,9 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
         ariaLabelClose = _this$props4$ariaLabe === void 0 ? "Close" : _this$props4$ariaLabe,
         selectedDates = _this$props4.selectedDates;
       if (isClearable && (selected != null || startDate != null || endDate != null || selectedDates !== null && selectedDates !== void 0 && selectedDates.length)) {
-        return /*#__PURE__*/React__namespace.default.createElement("button", {
+        return /*#__PURE__*/React__default.createElement("button", {
           type: "button",
-          className: clsx.clsx("react-datepicker__close-icon", clearButtonClassName, {
+          className: clsx("react-datepicker__close-icon", clearButtonClassName, {
             "react-datepicker__close-icon--disabled": disabled
           }),
           disabled: disabled,
@@ -12943,9 +12912,9 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
         calendarIconClassname = _this$props5.calendarIconClassname,
         toggleCalendarOnIconClick = _this$props5.toggleCalendarOnIconClick;
       var open = this.state.open;
-      return /*#__PURE__*/React__namespace.default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "react-datepicker__input-container".concat(showIcon ? " react-datepicker__view-calendar-icon" : "")
-      }, showIcon && /*#__PURE__*/React__namespace.default.createElement(CalendarIcon$1, _extends({
+      }, showIcon && /*#__PURE__*/React__default.createElement(CalendarIcon$1, _extends({
         icon: icon,
         className: "".concat(calendarIconClassname, " ").concat(open && "react-datepicker-ignore-onclickoutside")
       }, toggleCalendarOnIconClick ? {
@@ -12958,22 +12927,22 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
       var calendar = this.renderCalendar();
       if (this.props.inline) return calendar;
       if (this.props.withPortal) {
-        var portalContainer = this.state.open ? /*#__PURE__*/React__namespace.default.createElement(TabLoop, {
+        var portalContainer = this.state.open ? /*#__PURE__*/React__default.createElement(TabLoop, {
           enableTabLoop: this.props.enableTabLoop
-        }, /*#__PURE__*/React__namespace.default.createElement("div", {
+        }, /*#__PURE__*/React__default.createElement("div", {
           className: "react-datepicker__portal",
           tabIndex: -1,
           onKeyDown: this.onPortalKeyDown
         }, calendar)) : null;
         if (this.state.open && this.props.portalId) {
-          portalContainer = /*#__PURE__*/React__namespace.default.createElement(Portal, {
+          portalContainer = /*#__PURE__*/React__default.createElement(Portal, {
             portalId: this.props.portalId,
             portalHost: this.props.portalHost
           }, portalContainer);
         }
-        return /*#__PURE__*/React__namespace.default.createElement("div", null, this.renderInputContainer(), portalContainer);
+        return /*#__PURE__*/React__default.createElement("div", null, this.renderInputContainer(), portalContainer);
       }
-      return /*#__PURE__*/React__namespace.default.createElement(PopperComponent$1, {
+      return /*#__PURE__*/React__default.createElement(PopperComponent$1, {
         className: this.props.popperClassName,
         wrapperClassName: this.props.wrapperClassName,
         hidePopper: !this.isCalendarOpen(),
@@ -13052,7 +13021,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-}(React__namespace.default.Component);
+}(React__default.Component);
 var PRESELECT_CHANGE_VIA_INPUT = "input";
 var PRESELECT_CHANGE_VIA_NAVIGATE = "navigate";
 
@@ -13863,12 +13832,12 @@ function DatePickerInput(props) {
     clearLabelTextColor,
     clearLabelTextSize
   } = props;
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
-  const datepickerRef = React.useRef(null);
-  const start = React.useMemo(() => {
+  const datepickerRef = useRef(null);
+  const start = useMemo(() => {
     if (value) {
       if (typeof value === 'string') {
         return new Date(value);
@@ -13880,7 +13849,7 @@ function DatePickerInput(props) {
     }
     return new Date();
   }, [value, datePickerProps.isStartDefaultNull]);
-  const end = React.useMemo(() => {
+  const end = useMemo(() => {
     if (!endValue) {
       return null;
     }
@@ -13889,15 +13858,15 @@ function DatePickerInput(props) {
     }
     return endValue;
   }, [endValue]);
-  const [startDate, setStartDate] = React.useState(start);
-  const [endDate, setEndDate] = React.useState(end);
+  const [startDate, setStartDate] = useState(start);
+  const [endDate, setEndDate] = useState(end);
   const handleChange = ([newStartDate, newEndDate]) => {
     onChange && onChange(newStartDate, newEndDate);
     setStartDate(newStartDate);
     setEndDate(newEndDate);
   };
   const renderDayContents = (day, date) => {
-    return /*#__PURE__*/React__namespace.default.createElement(index$5.Button, {
+    return /*#__PURE__*/React__default.createElement(Button, {
       className: "react-datepicker__day-button",
       label: date.getDate(),
       labelTextColor: datePickerProps.dayTextColor,
@@ -13910,9 +13879,9 @@ function DatePickerInput(props) {
     monthDate,
     decreaseMonth,
     increaseMonth
-  }) => /*#__PURE__*/React__namespace.default.createElement("div", {
+  }) => /*#__PURE__*/React__default.createElement("div", {
     className: "react-datepicker__header--div"
-  }, datePickerProps.iconLeft && /*#__PURE__*/React__namespace.default.createElement(index$4.Icon, {
+  }, datePickerProps.iconLeft && /*#__PURE__*/React__default.createElement(Icon, {
     className: "react-datepicker__icon",
     fill: datePickerProps.iconFill,
     fillHover: datePickerProps.iconFillHover,
@@ -13923,23 +13892,23 @@ function DatePickerInput(props) {
     stroke: datePickerProps.iconStroke,
     SvgImage: datePickerProps.iconLeft,
     onClick: decreaseMonth
-  }), /*#__PURE__*/React__namespace.default.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "react-datepicker__data"
-  }, /*#__PURE__*/React__namespace.default.createElement(index$6.Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     className: "react-datepicker__month",
     size: datePickerProps.monthTextSize,
     textColor: datePickerProps.monthTextColor,
     textWeight: datePickerProps.monthTextWeight
   }, monthDate.toLocaleString('ru-RU', {
     month: 'long'
-  })), /*#__PURE__*/React__namespace.default.createElement(index$6.Text, {
+  })), /*#__PURE__*/React__default.createElement(Text, {
     className: "react-datepicker__year",
     size: datePickerProps.yearTextSize,
     textColor: datePickerProps.yearTextColor,
     textWeight: datePickerProps.yearTextWeight
   }, monthDate.toLocaleString('ru-RU', {
     year: 'numeric'
-  }))), datePickerProps.iconRight && /*#__PURE__*/React__namespace.default.createElement(index$4.Icon, {
+  }))), datePickerProps.iconRight && /*#__PURE__*/React__default.createElement(Icon, {
     className: "react-datepicker__icon",
     fill: datePickerProps.iconFill,
     fillHover: datePickerProps.iconFillHover,
@@ -13951,16 +13920,16 @@ function DatePickerInput(props) {
     SvgImage: datePickerProps.iconRight,
     onClick: increaseMonth
   }));
-  React.useEffect(() => {
+  useEffect(() => {
     setStartDate(start);
   }, [start]);
-  React.useEffect(() => {
+  useEffect(() => {
     setEndDate(end);
   }, [end]);
-  return /*#__PURE__*/React__namespace.default.createElement("div", {
-    className: clsx__default.default(className, 'datepicker', datePickerProps?.monthsShown && 'datepicker_type_multiple-months', datePickerProps?.customTimeInput && 'datepicker_type_button', widthClass)
-  }, /*#__PURE__*/React__namespace.default.createElement(DatePicker, Object.assign({
-    customInput: /*#__PURE__*/React__namespace.default.createElement(DatePickerCustomInput, {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx$1(className, 'datepicker', datePickerProps?.monthsShown && 'datepicker_type_multiple-months', datePickerProps?.customTimeInput && 'datepicker_type_button', widthClass)
+  }, /*#__PURE__*/React__default.createElement(DatePicker, Object.assign({
+    customInput: /*#__PURE__*/React__default.createElement(DatePickerCustomInput, {
       clearIcon: clearIcon,
       clearIconFill: clearIconFill,
       clearIconFillHover: clearIconFillHover,
@@ -13994,30 +13963,30 @@ function DatePickerInput(props) {
     isClearable: false
   })));
 }
-const DatePickerCustomInput = /*#__PURE__*/React__namespace.default.forwardRef((props, ref) => {
+const DatePickerCustomInput = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   const {
     isClearable,
     value,
     inputProps
   } = props;
-  const multipleValue = React.useMemo(() => {
+  const multipleValue = useMemo(() => {
     if (value) {
       const twoDates = value.split(' - ');
       return twoDates[0] === twoDates[1] ? twoDates[0] : value;
     }
     return '';
   }, [value]);
-  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(index$2.Input, Object.assign({}, props, inputProps, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Input, Object.assign({}, props, inputProps, {
     ref: ref,
     value: multipleValue
-  })), isClearable && /*#__PURE__*/React__namespace.default.createElement(DatePickerClearButton, props));
+  })), isClearable && /*#__PURE__*/React__default.createElement(DatePickerClearButton, props));
 });
 DatePickerCustomInput.displayName = 'DatePickerCustomInput';
 DatePickerInput.propTypes = {
-  className: PropTypes__default.default.string,
-  datePickerProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object,
-  onChange: PropTypes__default.default.func
+  className: PropTypes.string,
+  datePickerProps: PropTypes.object,
+  inputProps: PropTypes.object,
+  onChange: PropTypes.func
 };
 function DatePickerClearButton(props, ref) {
   const {
@@ -14037,19 +14006,19 @@ function DatePickerClearButton(props, ref) {
     clearIcon,
     clearIconSrc
   } = props;
-  const onClick = React.useCallback(event => {
+  const onClick = useCallback(event => {
     datepickerRef?.current?.onClearClick(event);
     datepickerRef?.current?.handleFocus(event);
   }, []);
-  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, clearLabel && /*#__PURE__*/React__namespace.default.createElement(index$3.Label, {
-    className: clsx__default.default('react-datepicker__clear-label', onClick && 'cursor_type_pointer'),
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, clearLabel && /*#__PURE__*/React__default.createElement(Label, {
+    className: clsx$1('react-datepicker__clear-label', onClick && 'cursor_type_pointer'),
     label: clearLabel,
     labelTextColor: clearLabelTextColor,
     labelTextColorHover: clearLabelTextColorHover,
     labelTextSize: clearLabelTextSize,
     onClick: onClick
-  }), (clearIcon || clearIconSrc) && /*#__PURE__*/React__namespace.default.createElement(index$4.Icon, {
-    className: clsx__default.default('react-datepicker__clear-icon', onClick && 'cursor_type_pointer'),
+  }), (clearIcon || clearIconSrc) && /*#__PURE__*/React__default.createElement(Icon, {
+    className: clsx$1('react-datepicker__clear-icon', onClick && 'cursor_type_pointer'),
     fill: clearIconFill,
     fillHover: clearIconFillHover,
     fillSize: clearIconFillSize,
@@ -14100,4 +14069,4 @@ DatePickerInput.__docgenInfo = {
   }
 };
 
-exports.DatePickerInput = DatePickerInput;
+export { DatePickerInput };