react-asc 25.12.1 → 25.13.0

package/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import React, { useEffect, useRef, useState, useMemo, createContext, useContext, Component, Fragment as Fragment$2, createRef, cloneElement } from 'react';
+import React, { useEffect, useRef, useState, useMemo, createContext, useContext, forwardRef, useCallback, useImperativeHandle, Fragment as Fragment$2, Component, createRef, cloneElement } from 'react';
 import reactDom, { createPortal } from 'react-dom';
 import { createPopper } from '@popperjs/core';
 import saveAs from 'file-saver';
@@ -960,51 +960,69 @@ const CssTransition = (props) => {
             jsx("div", { ref: transitionConainter, className: getCssClasses(), children: children }) }));
 };
 
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-Symbol.for("react.suspense_list"):60120,r$1=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r$1:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}var AsyncMode=l;var ConcurrentMode=m;var ContextConsumer=k;var ContextProvider=h;var Element=c;var ForwardRef=n;var Fragment=e;var Lazy=t;var Memo=r$1;var Portal=d;
-var Profiler=g;var StrictMode=f;var Suspense=p;var isAsyncMode=function(a){return A(a)||z(a)===l};var isConcurrentMode=A;var isContextConsumer=function(a){return z(a)===k};var isContextProvider=function(a){return z(a)===h};var isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};var isForwardRef=function(a){return z(a)===n};var isFragment=function(a){return z(a)===e};var isLazy=function(a){return z(a)===t};
-var isMemo=function(a){return z(a)===r$1};var isPortal=function(a){return z(a)===d};var isProfiler=function(a){return z(a)===g};var isStrictMode=function(a){return z(a)===f};var isSuspense=function(a){return z(a)===p};
-var isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r$1||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};var typeOf=z;
 
-var reactIs_production_min = {
-	AsyncMode: AsyncMode,
-	ConcurrentMode: ConcurrentMode,
-	ContextConsumer: ContextConsumer,
-	ContextProvider: ContextProvider,
-	Element: Element,
-	ForwardRef: ForwardRef,
-	Fragment: Fragment,
-	Lazy: Lazy,
-	Memo: Memo,
-	Portal: Portal,
-	Profiler: Profiler,
-	StrictMode: StrictMode,
-	Suspense: Suspense,
-	isAsyncMode: isAsyncMode,
-	isConcurrentMode: isConcurrentMode,
-	isContextConsumer: isContextConsumer,
-	isContextProvider: isContextProvider,
-	isElement: isElement,
-	isForwardRef: isForwardRef,
-	isFragment: isFragment,
-	isLazy: isLazy,
-	isMemo: isMemo,
-	isPortal: isPortal,
-	isProfiler: isProfiler,
-	isStrictMode: isStrictMode,
-	isSuspense: isSuspense,
-	isValidElementType: isValidElementType,
-	typeOf: typeOf
+var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
+
+function emptyFunction() {}
+function emptyFunctionWithReset() {}
+emptyFunctionWithReset.resetWarningCache = emptyFunction;
+
+var factoryWithThrowingShims = function() {
+  function shim(props, propName, componentName, location, propFullName, secret) {
+    if (secret === ReactPropTypesSecret_1) {
+      // It is still safe when called from React.
+      return;
+    }
+    var err = new Error(
+      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+      'Use PropTypes.checkPropTypes() to call them. ' +
+      'Read more at http://fb.me/use-check-prop-types'
+    );
+    err.name = 'Invariant Violation';
+    throw err;
+  }  shim.isRequired = shim;
+  function getShim() {
+    return shim;
+  }  // Important!
+  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+  var ReactPropTypes = {
+    array: shim,
+    bigint: shim,
+    bool: shim,
+    func: shim,
+    number: shim,
+    object: shim,
+    string: shim,
+    symbol: shim,
+
+    any: shim,
+    arrayOf: getShim,
+    element: shim,
+    elementType: shim,
+    instanceOf: getShim,
+    node: shim,
+    objectOf: getShim,
+    oneOf: getShim,
+    oneOfType: getShim,
+    shape: getShim,
+    exact: getShim,
+
+    checkPropTypes: emptyFunctionWithReset,
+    resetWarningCache: emptyFunction
+  };
+
+  ReactPropTypes.PropTypes = ReactPropTypes;
+
+  return ReactPropTypes;
 };
 
 var reactIs_development = createCommonjsModule(function (module, exports) {
@@ -1208,6 +1226,53 @@ reactIs_development.isSuspense;
 reactIs_development.isValidElementType;
 reactIs_development.typeOf;
 
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
+Symbol.for("react.suspense_list"):60120,r$1=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
+function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r$1:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}var AsyncMode=l;var ConcurrentMode=m;var ContextConsumer=k;var ContextProvider=h;var Element=c;var ForwardRef=n;var Fragment=e;var Lazy=t;var Memo=r$1;var Portal=d;
+var Profiler=g;var StrictMode=f;var Suspense=p;var isAsyncMode=function(a){return A(a)||z(a)===l};var isConcurrentMode=A;var isContextConsumer=function(a){return z(a)===k};var isContextProvider=function(a){return z(a)===h};var isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};var isForwardRef=function(a){return z(a)===n};var isFragment=function(a){return z(a)===e};var isLazy=function(a){return z(a)===t};
+var isMemo=function(a){return z(a)===r$1};var isPortal=function(a){return z(a)===d};var isProfiler=function(a){return z(a)===g};var isStrictMode=function(a){return z(a)===f};var isSuspense=function(a){return z(a)===p};
+var isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r$1||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};var typeOf=z;
+
+var reactIs_production_min = {
+	AsyncMode: AsyncMode,
+	ConcurrentMode: ConcurrentMode,
+	ContextConsumer: ContextConsumer,
+	ContextProvider: ContextProvider,
+	Element: Element,
+	ForwardRef: ForwardRef,
+	Fragment: Fragment,
+	Lazy: Lazy,
+	Memo: Memo,
+	Portal: Portal,
+	Profiler: Profiler,
+	StrictMode: StrictMode,
+	Suspense: Suspense,
+	isAsyncMode: isAsyncMode,
+	isConcurrentMode: isConcurrentMode,
+	isContextConsumer: isContextConsumer,
+	isContextProvider: isContextProvider,
+	isElement: isElement,
+	isForwardRef: isForwardRef,
+	isFragment: isFragment,
+	isLazy: isLazy,
+	isMemo: isMemo,
+	isPortal: isPortal,
+	isProfiler: isProfiler,
+	isStrictMode: isStrictMode,
+	isSuspense: isSuspense,
+	isValidElementType: isValidElementType,
+	typeOf: typeOf
+};
+
 var reactIs = createCommonjsModule(function (module) {
 
 if (process.env.NODE_ENV === 'production') {
@@ -1307,18 +1372,6 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
 	return to;
 };
 
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-
 var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
 
 var printWarning$1 = function() {};
@@ -2011,59 +2064,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
   return ReactPropTypes;
 };
 
-function emptyFunction() {}
-function emptyFunctionWithReset() {}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-
-var factoryWithThrowingShims = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret_1) {
-      // It is still safe when called from React.
-      return;
-    }
-    var err = new Error(
-      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-      'Use PropTypes.checkPropTypes() to call them. ' +
-      'Read more at http://fb.me/use-check-prop-types'
-    );
-    err.name = 'Invariant Violation';
-    throw err;
-  }  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-
-  ReactPropTypes.PropTypes = ReactPropTypes;
-
-  return ReactPropTypes;
-};
-
 var propTypes = createCommonjsModule(function (module) {
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -2772,29 +2772,60 @@ var memoize$1 = lodash_memoize;
 function resolver(options) {
     return JSON.stringify(options);
 }
-function uniqDefined(arr) {
-    return arr.filter(function (el, index) { return el && arr.indexOf(el) === index; });
+function isString(el) {
+    return typeof el === 'string';
+}
+function isUnique(el, index, arr) {
+    return arr.indexOf(el) === index;
 }
 function isAllLowerCase(el) {
     return el.toLowerCase() === el;
 }
-function normalizeLocale(el) {
-    if (!el || el.indexOf('-') === -1 || !isAllLowerCase(el)) {
-        return el;
+function fixCommas(el) {
+    return el.indexOf(',') === -1 ? el : el.split(',');
+}
+function normalizeLocale(locale) {
+    if (!locale) {
+        return locale;
+    }
+    if (locale === 'C' || locale === 'posix' || locale === 'POSIX') {
+        return 'en-US';
+    }
+    // If there's a dot (.) in the locale, it's likely in the format of "en-US.UTF-8", so we only take the first part
+    if (locale.indexOf('.') !== -1) {
+        var _a = locale.split('.')[0], actualLocale = _a === void 0 ? '' : _a;
+        return normalizeLocale(actualLocale);
     }
-    var _a = el.split('-'), _b = _a[0], splitEl1 = _b === void 0 ? '' : _b, _c = _a[1], splitEl2 = _c === void 0 ? '' : _c;
+    // If there's an at sign (@) in the locale, it's likely in the format of "en-US@posix", so we only take the first part
+    if (locale.indexOf('@') !== -1) {
+        var _b = locale.split('@')[0], actualLocale = _b === void 0 ? '' : _b;
+        return normalizeLocale(actualLocale);
+    }
+    // If there's a dash (-) in the locale and it's not all lower case, it's already in the format of "en-US", so we return it
+    if (locale.indexOf('-') === -1 || !isAllLowerCase(locale)) {
+        return locale;
+    }
+    var _c = locale.split('-'), splitEl1 = _c[0], _d = _c[1], splitEl2 = _d === void 0 ? '' : _d;
     return "".concat(splitEl1, "-").concat(splitEl2.toUpperCase());
 }
 function getUserLocalesInternal(_a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.useFallbackLocale, useFallbackLocale = _c === void 0 ? true : _c, _d = _b.fallbackLocale, fallbackLocale = _d === void 0 ? 'en-US' : _d;
     var languageList = [];
     if (typeof navigator !== 'undefined') {
-        languageList = languageList.concat(navigator.languages, navigator.language);
+        var rawLanguages = navigator.languages || [];
+        var languages = [];
+        for (var _i = 0, rawLanguages_1 = rawLanguages; _i < rawLanguages_1.length; _i++) {
+            var rawLanguagesItem = rawLanguages_1[_i];
+            languages = languages.concat(fixCommas(rawLanguagesItem));
+        }
+        var rawLanguage = navigator.language;
+        var language = rawLanguage ? fixCommas(rawLanguage) : rawLanguage;
+        languageList = languageList.concat(languages, language);
     }
     if (useFallbackLocale) {
         languageList.push(fallbackLocale);
     }
-    return uniqDefined(languageList).map(normalizeLocale);
+    return languageList.filter(isString).map(normalizeLocale).filter(isUnique);
 }
 var getUserLocales = memoize$1(getUserLocalesInternal, resolver);
 function getUserLocaleInternal(options) {
@@ -3150,15 +3181,21 @@ function getDaysInMonth(date) {
     return getDate(getMonthEnd(date));
 }
 
-var _a;
+var _a$1;
 var CALENDAR_TYPES = {
+    GREGORY: 'gregory',
+    HEBREW: 'hebrew',
+    ISLAMIC: 'islamic',
+    ISO_8601: 'iso8601',
+};
+var DEPRECATED_CALENDAR_TYPES = {
     ARABIC: 'Arabic',
     HEBREW: 'Hebrew',
     ISO_8601: 'ISO 8601',
     US: 'US',
 };
-var CALENDAR_TYPE_LOCALES = (_a = {},
-    _a[CALENDAR_TYPES.US] = [
+var CALENDAR_TYPE_LOCALES = (_a$1 = {},
+    _a$1[CALENDAR_TYPES.GREGORY] = [
         'en-CA',
         'en-US',
         'es-AR',
@@ -3179,7 +3216,8 @@ var CALENDAR_TYPE_LOCALES = (_a = {},
         'es-VE',
         'pt-BR',
     ],
-    _a[CALENDAR_TYPES.ARABIC] = [
+    _a$1[CALENDAR_TYPES.HEBREW] = ['he', 'he-IL'],
+    _a$1[CALENDAR_TYPES.ISLAMIC] = [
         // ar-LB, ar-MA intentionally missing
         'ar',
         'ar-AE',
@@ -3201,8 +3239,7 @@ var CALENDAR_TYPE_LOCALES = (_a = {},
         'ps',
         'ps-AR',
     ],
-    _a[CALENDAR_TYPES.HEBREW] = ['he', 'he-IL'],
-    _a);
+    _a$1);
 var WEEKDAYS = [0, 1, 2, 3, 4, 5, 6];
 
 var formatterCache = new Map();
@@ -3265,7 +3302,7 @@ var SATURDAY = WEEKDAYS[6];
 /**
  * Gets day of the week of a given date.
  * @param {Date} date Date.
- * @param {CalendarType} [calendarType="ISO 8601"] Calendar type.
+ * @param {CalendarType} [calendarType="iso8601"] Calendar type.
  * @returns {number} Day of the week.
  */
 function getDayOfWeek(date, calendarType) {
@@ -3275,10 +3312,10 @@ function getDayOfWeek(date, calendarType) {
         case CALENDAR_TYPES.ISO_8601:
             // Shifts days of the week so that Monday is 0, Sunday is 6
             return (weekday + 6) % 7;
-        case CALENDAR_TYPES.ARABIC:
+        case CALENDAR_TYPES.ISLAMIC:
             return (weekday + 1) % 7;
         case CALENDAR_TYPES.HEBREW:
-        case CALENDAR_TYPES.US:
+        case CALENDAR_TYPES.GREGORY:
             return weekday;
         default:
             throw new Error('Unsupported calendar type.');
@@ -3315,7 +3352,7 @@ function getBeginOfDecadeYear(date) {
  * Returns the beginning of a given week.
  *
  * @param {Date} date Date.
- * @param {CalendarType} [calendarType="ISO 8601"] Calendar type.
+ * @param {CalendarType} [calendarType="iso8601"] Calendar type.
  * @returns {Date} Beginning of a given week.
  */
 function getBeginOfWeek(date, calendarType) {
@@ -3331,12 +3368,12 @@ function getBeginOfWeek(date, calendarType) {
  * In US calendar week 1 is the one with January 1.
  *
  * @param {Date} date Date.
- * @param {CalendarType} [calendarType="ISO 8601"] Calendar type.
+ * @param {CalendarType} [calendarType="iso8601"] Calendar type.
  * @returns {number} Week number.
  */
 function getWeekNumber(date, calendarType) {
     if (calendarType === void 0) { calendarType = CALENDAR_TYPES.ISO_8601; }
-    var calendarTypeForWeekNumber = calendarType === CALENDAR_TYPES.US ? CALENDAR_TYPES.US : CALENDAR_TYPES.ISO_8601;
+    var calendarTypeForWeekNumber = calendarType === CALENDAR_TYPES.GREGORY ? CALENDAR_TYPES.GREGORY : CALENDAR_TYPES.ISO_8601;
     var beginOfWeek = getBeginOfWeek(date, calendarType);
     var year = getYear(date) + 1;
     var dayInWeekOne;
@@ -3579,117 +3616,24 @@ function isCurrentDayOfWeek(date) {
  * Returns a boolean determining whether a given date is a weekend day.
  *
  * @param {Date} date Date.
- * @param {CalendarType} [calendarType="ISO 8601"] Calendar type.
+ * @param {CalendarType} [calendarType="iso8601"] Calendar type.
  * @returns {boolean} Whether a given date is a weekend day.
  */
 function isWeekend(date, calendarType) {
     if (calendarType === void 0) { calendarType = CALENDAR_TYPES.ISO_8601; }
     var weekday = date.getDay();
     switch (calendarType) {
-        case CALENDAR_TYPES.ARABIC:
+        case CALENDAR_TYPES.ISLAMIC:
         case CALENDAR_TYPES.HEBREW:
             return weekday === FRIDAY || weekday === SATURDAY;
         case CALENDAR_TYPES.ISO_8601:
-        case CALENDAR_TYPES.US:
+        case CALENDAR_TYPES.GREGORY:
             return weekday === SATURDAY || weekday === SUNDAY;
         default:
             throw new Error('Unsupported calendar type.');
     }
 }
 
-var calendarTypes = Object.values(CALENDAR_TYPES);
-var allViews$1 = ['century', 'decade', 'year', 'month'];
-var isCalendarType = PropTypes.oneOf(calendarTypes);
-var isClassName = PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.arrayOf(PropTypes.string),
-]);
-function isMinDate(props, propName, componentName) {
-    var _a = props, _b = propName, minDate = _a[_b];
-    if (!minDate) {
-        return null;
-    }
-    if (!(minDate instanceof Date)) {
-        return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof minDate, "` supplied to `").concat(componentName, "`, expected instance of `Date`."));
-    }
-    var maxDate = props.maxDate;
-    if (maxDate && minDate > maxDate) {
-        return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof minDate, "` supplied to `").concat(componentName, "`, minDate cannot be larger than maxDate."));
-    }
-    return null;
-}
-function isMaxDate(props, propName, componentName) {
-    var _a = props, _b = propName, maxDate = _a[_b];
-    if (!maxDate) {
-        return null;
-    }
-    if (!(maxDate instanceof Date)) {
-        return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof maxDate, "` supplied to `").concat(componentName, "`, expected instance of `Date`."));
-    }
-    var minDate = props.minDate;
-    if (minDate && maxDate < minDate) {
-        return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof maxDate, "` supplied to `").concat(componentName, "`, maxDate cannot be smaller than minDate."));
-    }
-    return null;
-}
-var isRef = PropTypes.oneOfType([
-    PropTypes.func,
-    PropTypes.shape({
-        current: PropTypes.any,
-    }),
-]);
-var isValue$1 = PropTypes.oneOfType([
-    PropTypes.instanceOf(Date),
-    PropTypes.arrayOf(PropTypes.instanceOf(Date)),
-]);
-var isViews = PropTypes.arrayOf(PropTypes.oneOf(allViews$1));
-function isView(props, propName, componentName) {
-    var _a = props, _b = propName, view = _a[_b];
-    var views = props.views;
-    var allowedViews = views || allViews$1;
-    if (view !== undefined && (typeof view !== 'string' || allowedViews.indexOf(view) === -1)) {
-        return new Error("Invalid prop `".concat(propName, "` of value `").concat(view, "` supplied to `").concat(componentName, "`, expected one of [").concat(allowedViews
-            .map(function (a) { return "\"".concat(a, "\""); })
-            .join(', '), "]."));
-    }
-    // Everything is fine
-    return null;
-}
-isView.isRequired = function (props, propName, componentName) {
-    var _a = props, _b = propName, view = _a[_b];
-    if (!view) {
-        return new Error("The prop `".concat(propName, "` is marked as required in `").concat(componentName, "`, but its value is `").concat(view, "`."));
-    }
-    return isView(props, propName, componentName);
-};
-var tileGroupProps = {
-    activeStartDate: PropTypes.instanceOf(Date).isRequired,
-    hover: PropTypes.instanceOf(Date),
-    locale: PropTypes.string,
-    maxDate: isMaxDate,
-    minDate: isMinDate,
-    onClick: PropTypes.func,
-    onMouseOver: PropTypes.func,
-    tileClassName: PropTypes.oneOfType([PropTypes.func, isClassName]),
-    tileContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-    value: isValue$1,
-    valueType: PropTypes.string,
-};
-var tileProps = {
-    activeStartDate: PropTypes.instanceOf(Date).isRequired,
-    classes: PropTypes.arrayOf(PropTypes.string).isRequired,
-    date: PropTypes.instanceOf(Date).isRequired,
-    locale: PropTypes.string,
-    maxDate: isMaxDate,
-    minDate: isMinDate,
-    onClick: PropTypes.func,
-    onMouseOver: PropTypes.func,
-    style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
-    tileClassName: PropTypes.oneOfType([PropTypes.func, isClassName]),
-    tileContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-    tileDisabled: PropTypes.func,
-};
-
 var className$6 = 'react-calendar__navigation';
 function Navigation(_a) {
     var activeStartDate = _a.activeStartDate, drillUp = _a.drillUp, _b = _a.formatMonthYear, formatMonthYear$1 = _b === void 0 ? formatMonthYear : _b, _c = _a.formatYear, formatYear$1 = _c === void 0 ? formatYear : _c, locale = _a.locale, maxDate = _a.maxDate, minDate = _a.minDate, _d = _a.navigationAriaLabel, navigationAriaLabel = _d === void 0 ? '' : _d, navigationAriaLive = _a.navigationAriaLive, navigationLabel = _a.navigationLabel, _e = _a.next2AriaLabel, next2AriaLabel = _e === void 0 ? '' : _e, _f = _a.next2Label, next2Label = _f === void 0 ? '»' : _f, _g = _a.nextAriaLabel, nextAriaLabel = _g === void 0 ? '' : _g, _h = _a.nextLabel, nextLabel = _h === void 0 ? '›' : _h, _j = _a.prev2AriaLabel, prev2AriaLabel = _j === void 0 ? '' : _j, _k = _a.prev2Label, prev2Label = _k === void 0 ? '«' : _k, _l = _a.prevAriaLabel, prevAriaLabel = _l === void 0 ? '' : _l, _m = _a.prevLabel, prevLabel = _m === void 0 ? '‹' : _m, setActiveStartDate = _a.setActiveStartDate, showDoubleView = _a.showDoubleView, view = _a.view, views = _a.views;
@@ -3771,33 +3715,9 @@ function Navigation(_a) {
         nextLabel !== null && (React.createElement("button", { "aria-label": nextAriaLabel, className: "".concat(className$6, "__arrow ").concat(className$6, "__next-button"), disabled: nextButtonDisabled, onClick: onClickNext, type: "button" }, nextLabel)),
         next2Label !== null && shouldShowPrevNext2Buttons ? (React.createElement("button", { "aria-label": next2AriaLabel, className: "".concat(className$6, "__arrow ").concat(className$6, "__next2-button"), disabled: next2ButtonDisabled, onClick: onClickNext2, type: "button" }, next2Label)) : null));
 }
-Navigation.propTypes = {
-    activeStartDate: PropTypes.instanceOf(Date).isRequired,
-    drillUp: PropTypes.func.isRequired,
-    formatMonthYear: PropTypes.func,
-    formatYear: PropTypes.func,
-    locale: PropTypes.string,
-    maxDate: PropTypes.instanceOf(Date),
-    minDate: PropTypes.instanceOf(Date),
-    navigationAriaLabel: PropTypes.string,
-    navigationAriaLive: PropTypes.string,
-    navigationLabel: PropTypes.func,
-    next2AriaLabel: PropTypes.string,
-    next2Label: PropTypes.node,
-    nextAriaLabel: PropTypes.string,
-    nextLabel: PropTypes.node,
-    prev2AriaLabel: PropTypes.string,
-    prev2Label: PropTypes.node,
-    prevAriaLabel: PropTypes.string,
-    prevLabel: PropTypes.node,
-    setActiveStartDate: PropTypes.func.isRequired,
-    showDoubleView: PropTypes.bool,
-    view: isView.isRequired,
-    views: isViews.isRequired,
-};
 
-var __assign$g = (undefined && undefined.__assign) || function () {
-    __assign$g = Object.assign || function(t) {
+var __assign$e = (undefined && undefined.__assign) || function () {
+    __assign$e = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -3805,9 +3725,9 @@ var __assign$g = (undefined && undefined.__assign) || function () {
         }
         return t;
     };
-    return __assign$g.apply(this, arguments);
+    return __assign$e.apply(this, arguments);
 };
-var __rest$9 = (undefined && undefined.__rest) || function (s, e) {
+var __rest$a = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -3822,27 +3742,41 @@ function toPercent(num) {
     return "".concat(num, "%");
 }
 function Flex(_a) {
-    var children = _a.children, className = _a.className, count = _a.count, direction = _a.direction, offset = _a.offset, style = _a.style, wrap = _a.wrap, otherProps = __rest$9(_a, ["children", "className", "count", "direction", "offset", "style", "wrap"]);
-    return (React.createElement("div", __assign$g({ className: className, style: __assign$g({ display: 'flex', flexDirection: direction, flexWrap: wrap ? 'wrap' : 'nowrap' }, style) }, otherProps), React.Children.map(children, function (child, index) {
-        return React.cloneElement(child, __assign$g(__assign$g({}, child.props), { style: {
+    var children = _a.children, className = _a.className, count = _a.count, direction = _a.direction, offset = _a.offset, style = _a.style, wrap = _a.wrap, otherProps = __rest$a(_a, ["children", "className", "count", "direction", "offset", "style", "wrap"]);
+    return (React.createElement("div", __assign$e({ className: className, style: __assign$e({ display: 'flex', flexDirection: direction, flexWrap: wrap ? 'wrap' : 'nowrap' }, style) }, otherProps), React.Children.map(children, function (child, index) {
+        var marginInlineStart = offset && index === 0 ? toPercent((100 * offset) / count) : null;
+        return React.cloneElement(child, __assign$e(__assign$e({}, child.props), { style: {
                 flexBasis: toPercent(100 / count),
                 flexShrink: 0,
                 flexGrow: 0,
                 overflow: 'hidden',
-                marginLeft: offset && index === 0 ? toPercent((100 * offset) / count) : null,
+                marginLeft: marginInlineStart,
+                marginInlineStart: marginInlineStart,
+                marginInlineEnd: 0,
             } }));
     })));
 }
-Flex.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    count: PropTypes.number.isRequired,
-    direction: PropTypes.string,
-    offset: PropTypes.number,
-    style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
-    wrap: PropTypes.bool,
-};
 
+var isProduction = process.env.NODE_ENV === 'production';
+function warning(condition, message) {
+  if (!isProduction) {
+    if (condition) {
+      return;
+    }
+
+    var text = "Warning: " + message;
+
+    if (typeof console !== 'undefined') {
+      console.warn(text);
+    }
+
+    try {
+      throw Error(text);
+    } catch (x) {}
+  }
+}
+
+var _a;
 /**
  * Returns a value no smaller than min and no larger than max.
  *
@@ -3888,6 +3822,12 @@ function getRangeClassNames(valueRange, dateRange, baseClassName) {
     }
     return classes;
 }
+function isCompleteValue(value) {
+    if (Array.isArray(value)) {
+        return value[0] !== null && value[1] !== null;
+    }
+    return value !== null;
+}
 function getTileClasses(args) {
     if (!args) {
         throw new Error('args is required');
@@ -3912,7 +3852,7 @@ function getTileClasses(args) {
     if (isValueWithinRange(now, dateRange)) {
         classes.push("".concat(className, "--now"));
     }
-    if (!value) {
+    if (!value || !isCompleteValue(value)) {
         return classes;
     }
     var valueRange = (function () {
@@ -3941,115 +3881,61 @@ function getTileClasses(args) {
     }
     return classes;
 }
+var calendarTypeMap = (_a = {},
+    _a[DEPRECATED_CALENDAR_TYPES.ARABIC] = CALENDAR_TYPES.ISLAMIC,
+    _a[DEPRECATED_CALENDAR_TYPES.HEBREW] = CALENDAR_TYPES.HEBREW,
+    _a[DEPRECATED_CALENDAR_TYPES.ISO_8601] = CALENDAR_TYPES.ISO_8601,
+    _a[DEPRECATED_CALENDAR_TYPES.US] = CALENDAR_TYPES.GREGORY,
+    _a);
+function isDeprecatedCalendarType(calendarType) {
+    return calendarType !== undefined && calendarType in DEPRECATED_CALENDAR_TYPES;
+}
+var warned = false;
+function mapCalendarType(calendarTypeOrDeprecatedCalendarType) {
+    if (isDeprecatedCalendarType(calendarTypeOrDeprecatedCalendarType)) {
+        var calendarType = calendarTypeMap[calendarTypeOrDeprecatedCalendarType];
+        warning(warned, "Specifying calendarType=\"".concat(calendarTypeOrDeprecatedCalendarType, "\" is deprecated. Use calendarType=\"").concat(calendarType, "\" instead."));
+        warned = true;
+        return calendarType;
+    }
+    return calendarTypeOrDeprecatedCalendarType;
+}
 
-var __assign$f = (undefined && undefined.__assign) || function () {
-    __assign$f = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$f.apply(this, arguments);
-};
-var __rest$8 = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 function TileGroup(_a) {
-    var className = _a.className, _b = _a.count, count = _b === void 0 ? 3 : _b, dateTransform = _a.dateTransform, dateType = _a.dateType, end = _a.end, hover = _a.hover, offset = _a.offset, start = _a.start, _c = _a.step, step = _c === void 0 ? 1 : _c, Tile = _a.tile, value = _a.value, valueType = _a.valueType, tileProps = __rest$8(_a, ["className", "count", "dateTransform", "dateType", "end", "hover", "offset", "start", "step", "tile", "value", "valueType"]);
+    var className = _a.className, _b = _a.count, count = _b === void 0 ? 3 : _b, dateTransform = _a.dateTransform, dateType = _a.dateType, end = _a.end, hover = _a.hover, offset = _a.offset, renderTile = _a.renderTile, start = _a.start, _c = _a.step, step = _c === void 0 ? 1 : _c, value = _a.value, valueType = _a.valueType;
     var tiles = [];
     for (var point = start; point <= end; point += step) {
         var date = dateTransform(point);
-        tiles.push(React.createElement(Tile, __assign$f({ key: date.getTime(), classes: getTileClasses({
-                value: value,
-                valueType: valueType,
+        tiles.push(renderTile({
+            classes: getTileClasses({
                 date: date,
                 dateType: dateType,
                 hover: hover,
-            }), date: date, point: point }, tileProps)));
+                value: value,
+                valueType: valueType,
+            }),
+            date: date,
+        }));
     }
     return (React.createElement(Flex, { className: className, count: count, offset: offset, wrap: true }, tiles));
 }
-TileGroup.propTypes = __assign$f(__assign$f({}, tileGroupProps), { className: PropTypes.string, count: PropTypes.number, dateTransform: PropTypes.func.isRequired, dateType: PropTypes.string, end: PropTypes.number.isRequired, offset: PropTypes.number, step: PropTypes.number, start: PropTypes.number.isRequired, tile: PropTypes.func.isRequired });
 
-var __extends$1 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign$e = (undefined && undefined.__assign) || function () {
-    __assign$e = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$e.apply(this, arguments);
-};
-function datesAreDifferent(date1, date2) {
-    return ((date1 && !date2) ||
-        (!date1 && date2) ||
-        (date1 && date2 && date1.getTime() !== date2.getTime()));
-}
-var Tile = /** @class */ (function (_super) {
-    __extends$1(Tile, _super);
-    function Tile() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {};
-        return _this;
-    }
-    Tile.getDerivedStateFromProps = function (nextProps, prevState) {
-        var activeStartDate = nextProps.activeStartDate, date = nextProps.date, tileClassName = nextProps.tileClassName, tileContent = nextProps.tileContent, view = nextProps.view;
-        var nextState = {};
+function Tile(props) {
+    var activeStartDate = props.activeStartDate, children = props.children, classes = props.classes, date = props.date, formatAbbr = props.formatAbbr, locale = props.locale, maxDate = props.maxDate, maxDateTransform = props.maxDateTransform, minDate = props.minDate, minDateTransform = props.minDateTransform, onClick = props.onClick, onMouseOver = props.onMouseOver, style = props.style, tileClassNameProps = props.tileClassName, tileContentProps = props.tileContent, tileDisabled = props.tileDisabled, view = props.view;
+    var tileClassName = useMemo(function () {
+        var args = { activeStartDate: activeStartDate, date: date, view: view };
+        return typeof tileClassNameProps === 'function' ? tileClassNameProps(args) : tileClassNameProps;
+    }, [activeStartDate, date, tileClassNameProps, view]);
+    var tileContent = useMemo(function () {
         var args = { activeStartDate: activeStartDate, date: date, view: view };
-        if (tileClassName !== prevState.tileClassNameProps ||
-            datesAreDifferent(activeStartDate, prevState.activeStartDateProps)) {
-            nextState.tileClassName =
-                typeof tileClassName === 'function' ? tileClassName(args) : tileClassName;
-            nextState.tileClassNameProps = tileClassName;
-        }
-        if (tileContent !== prevState.tileContentProps ||
-            datesAreDifferent(activeStartDate, prevState.activeStartDateProps)) {
-            nextState.tileContent = typeof tileContent === 'function' ? tileContent(args) : tileContent;
-            nextState.tileContentProps = tileContent;
-        }
-        nextState.activeStartDateProps = activeStartDate;
-        return nextState;
-    };
-    Tile.prototype.render = function () {
-        var _a = this.props, activeStartDate = _a.activeStartDate, children = _a.children, classes = _a.classes, date = _a.date, formatAbbr = _a.formatAbbr, locale = _a.locale, maxDate = _a.maxDate, maxDateTransform = _a.maxDateTransform, minDate = _a.minDate, minDateTransform = _a.minDateTransform, onClick = _a.onClick, onMouseOver = _a.onMouseOver, style = _a.style, tileDisabled = _a.tileDisabled, view = _a.view;
-        var _b = this.state, tileClassName = _b.tileClassName, tileContent = _b.tileContent;
-        return (React.createElement("button", { className: clsx(classes, tileClassName), disabled: (minDate && minDateTransform(minDate) > date) ||
-                (maxDate && maxDateTransform(maxDate) < date) ||
-                (tileDisabled && tileDisabled({ activeStartDate: activeStartDate, date: date, view: view })), onClick: onClick ? function (event) { return onClick(date, event); } : undefined, onFocus: onMouseOver ? function () { return onMouseOver(date); } : undefined, onMouseOver: onMouseOver ? function () { return onMouseOver(date); } : undefined, style: style, type: "button" },
-            formatAbbr ? React.createElement("abbr", { "aria-label": formatAbbr(locale, date) }, children) : children,
-            tileContent));
-    };
-    Tile.propTypes = __assign$e(__assign$e({}, tileProps), { children: PropTypes.node.isRequired, formatAbbr: PropTypes.func, maxDateTransform: PropTypes.func.isRequired, minDateTransform: PropTypes.func.isRequired });
-    return Tile;
-}(Component));
-var Tile$1 = Tile;
+        return typeof tileContentProps === 'function' ? tileContentProps(args) : tileContentProps;
+    }, [activeStartDate, date, tileContentProps, view]);
+    return (React.createElement("button", { className: clsx(classes, tileClassName), disabled: (minDate && minDateTransform(minDate) > date) ||
+            (maxDate && maxDateTransform(maxDate) < date) ||
+            (tileDisabled && tileDisabled({ activeStartDate: activeStartDate, date: date, view: view })), onClick: onClick ? function (event) { return onClick(date, event); } : undefined, onFocus: onMouseOver ? function () { return onMouseOver(date); } : undefined, onMouseOver: onMouseOver ? function () { return onMouseOver(date); } : undefined, style: style, type: "button" },
+        formatAbbr ? React.createElement("abbr", { "aria-label": formatAbbr(locale, date) }, children) : children,
+        tileContent));
+}
 
 var __assign$d = (undefined && undefined.__assign) || function () {
     __assign$d = Object.assign || function(t) {
@@ -4062,7 +3948,7 @@ var __assign$d = (undefined && undefined.__assign) || function () {
     };
     return __assign$d.apply(this, arguments);
 };
-var __rest$7 = (undefined && undefined.__rest) || function (s, e) {
+var __rest$9 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -4073,7 +3959,7 @@ var __rest$7 = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
-var __spreadArray$2 = (undefined && undefined.__spreadArray) || function (to, from, pack) {
+var __spreadArray$3 = (undefined && undefined.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
             if (!ar) ar = Array.prototype.slice.call(from, 0, i);
@@ -4084,11 +3970,10 @@ var __spreadArray$2 = (undefined && undefined.__spreadArray) || function (to, fr
 };
 var className$5 = 'react-calendar__century-view__decades__decade';
 function Decade(_a) {
-    var _b = _a.classes, classes = _b === void 0 ? [] : _b, _c = _a.formatYear, formatYear$1 = _c === void 0 ? formatYear : _c, otherProps = __rest$7(_a, ["classes", "formatYear"]);
+    var _b = _a.classes, classes = _b === void 0 ? [] : _b, _c = _a.formatYear, formatYear$1 = _c === void 0 ? formatYear : _c, otherProps = __rest$9(_a, ["classes", "formatYear"]);
     var date = otherProps.date, locale = otherProps.locale;
-    return (React.createElement(Tile$1, __assign$d({}, otherProps, { classes: __spreadArray$2(__spreadArray$2([], classes, true), [className$5], false), maxDateTransform: getDecadeEnd, minDateTransform: getDecadeStart, view: "century" }), getDecadeLabel(locale, formatYear$1, date)));
+    return (React.createElement(Tile, __assign$d({}, otherProps, { classes: __spreadArray$3(__spreadArray$3([], classes, true), [className$5], false), maxDateTransform: getDecadeEnd, minDateTransform: getDecadeStart, view: "century" }), getDecadeLabel(locale, formatYear$1, date)));
 }
-Decade.propTypes = __assign$d(__assign$d({}, tileProps), { formatYear: PropTypes.func });
 
 var __assign$c = (undefined && undefined.__assign) || function () {
     __assign$c = Object.assign || function(t) {
@@ -4101,13 +3986,132 @@ var __assign$c = (undefined && undefined.__assign) || function () {
     };
     return __assign$c.apply(this, arguments);
 };
+var __rest$8 = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 function Decades(props) {
-    var activeStartDate = props.activeStartDate;
+    var activeStartDate = props.activeStartDate, hover = props.hover, value = props.value, valueType = props.valueType, otherProps = __rest$8(props, ["activeStartDate", "hover", "value", "valueType"]);
     var start = getBeginOfCenturyYear(activeStartDate);
     var end = start + 99;
-    return (React.createElement(TileGroup, __assign$c({}, props, { className: "react-calendar__century-view__decades", dateTransform: getDecadeStart, dateType: "decade", end: end, start: start, step: 10, tile: Decade })));
+    return (React.createElement(TileGroup, { className: "react-calendar__century-view__decades", dateTransform: getDecadeStart, dateType: "decade", end: end, hover: hover, renderTile: function (_a) {
+            var date = _a.date, otherTileProps = __rest$8(_a, ["date"]);
+            return (React.createElement(Decade, __assign$c({ key: date.getTime() }, otherProps, otherTileProps, { activeStartDate: activeStartDate, date: date })));
+        }, start: start, step: 10, value: value, valueType: valueType }));
 }
-Decades.propTypes = __assign$c({}, tileGroupProps);
+
+var __spreadArray$2 = (undefined && undefined.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var calendarTypes = Object.values(CALENDAR_TYPES);
+var deprecatedCalendarTypes = Object.values(DEPRECATED_CALENDAR_TYPES);
+var allViews$1 = ['century', 'decade', 'year', 'month'];
+var isCalendarType = PropTypes.oneOf(__spreadArray$2(__spreadArray$2([], calendarTypes, true), deprecatedCalendarTypes, true));
+var isClassName = PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.string),
+]);
+var isMinDate = function isMinDate(props, propName, componentName) {
+    var _a = props, _b = propName, minDate = _a[_b];
+    if (!minDate) {
+        return null;
+    }
+    if (!(minDate instanceof Date)) {
+        return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof minDate, "` supplied to `").concat(componentName, "`, expected instance of `Date`."));
+    }
+    var maxDate = props.maxDate;
+    if (maxDate && minDate > maxDate) {
+        return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof minDate, "` supplied to `").concat(componentName, "`, minDate cannot be larger than maxDate."));
+    }
+    return null;
+};
+var isMaxDate = function isMaxDate(props, propName, componentName) {
+    var _a = props, _b = propName, maxDate = _a[_b];
+    if (!maxDate) {
+        return null;
+    }
+    if (!(maxDate instanceof Date)) {
+        return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof maxDate, "` supplied to `").concat(componentName, "`, expected instance of `Date`."));
+    }
+    var minDate = props.minDate;
+    if (minDate && maxDate < minDate) {
+        return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof maxDate, "` supplied to `").concat(componentName, "`, maxDate cannot be smaller than minDate."));
+    }
+    return null;
+};
+var isRef = PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.exact({
+        current: PropTypes.any,
+    }),
+]);
+var isRange = PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.oneOf([null])]).isRequired);
+var isValue$1 = PropTypes.oneOfType([
+    PropTypes.instanceOf(Date),
+    PropTypes.oneOf([null]),
+    isRange,
+]);
+PropTypes.arrayOf(PropTypes.oneOf(allViews$1));
+var isView = function isView(props, propName, componentName) {
+    var _a = props, _b = propName, view = _a[_b];
+    if (view !== undefined && (typeof view !== 'string' || allViews$1.indexOf(view) === -1)) {
+        return new Error("Invalid prop `".concat(propName, "` of value `").concat(view, "` supplied to `").concat(componentName, "`, expected one of [").concat(allViews$1
+            .map(function (a) { return "\"".concat(a, "\""); })
+            .join(', '), "]."));
+    }
+    // Everything is fine
+    return null;
+};
+isView.isRequired = function isViewIsRequired(props, propName, componentName, location, propFullName) {
+    var _a = props, _b = propName, view = _a[_b];
+    if (!view) {
+        return new Error("The prop `".concat(propName, "` is marked as required in `").concat(componentName, "`, but its value is `").concat(view, "`."));
+    }
+    return isView(props, propName, componentName);
+};
+var rangeOf = function (type) {
+    return PropTypes.arrayOf(type);
+};
+var tileGroupProps = {
+    activeStartDate: PropTypes.instanceOf(Date).isRequired,
+    hover: PropTypes.instanceOf(Date),
+    locale: PropTypes.string,
+    maxDate: isMaxDate,
+    minDate: isMinDate,
+    onClick: PropTypes.func,
+    onMouseOver: PropTypes.func,
+    tileClassName: PropTypes.oneOfType([PropTypes.func, isClassName]),
+    tileContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+    value: isValue$1,
+    valueType: PropTypes.oneOf(['century', 'decade', 'year', 'month', 'day']).isRequired,
+};
+({
+    activeStartDate: PropTypes.instanceOf(Date).isRequired,
+    classes: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,
+    date: PropTypes.instanceOf(Date).isRequired,
+    locale: PropTypes.string,
+    maxDate: isMaxDate,
+    minDate: isMinDate,
+    onClick: PropTypes.func,
+    onMouseOver: PropTypes.func,
+    style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
+    tileClassName: PropTypes.oneOfType([PropTypes.func, isClassName]),
+    tileContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+    tileDisabled: PropTypes.func,
+});
 
 var __assign$b = (undefined && undefined.__assign) || function () {
     __assign$b = Object.assign || function(t) {
@@ -4120,12 +4124,14 @@ var __assign$b = (undefined && undefined.__assign) || function () {
     };
     return __assign$b.apply(this, arguments);
 };
-function CenturyView(props) {
+var CenturyView = function CenturyView(props) {
     function renderDecades() {
         return React.createElement(Decades, __assign$b({}, props));
     }
     return React.createElement("div", { className: "react-calendar__century-view" }, renderDecades());
-}
+};
+CenturyView.propTypes = __assign$b({}, tileGroupProps);
+var CenturyView$1 = CenturyView;
 
 var __assign$a = (undefined && undefined.__assign) || function () {
     __assign$a = Object.assign || function(t) {
@@ -4138,7 +4144,7 @@ var __assign$a = (undefined && undefined.__assign) || function () {
     };
     return __assign$a.apply(this, arguments);
 };
-var __rest$6 = (undefined && undefined.__rest) || function (s, e) {
+var __rest$7 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -4160,11 +4166,10 @@ var __spreadArray$1 = (undefined && undefined.__spreadArray) || function (to, fr
 };
 var className$4 = 'react-calendar__decade-view__years__year';
 function Year(_a) {
-    var _b = _a.classes, classes = _b === void 0 ? [] : _b, _c = _a.formatYear, formatYear$1 = _c === void 0 ? formatYear : _c, otherProps = __rest$6(_a, ["classes", "formatYear"]);
+    var _b = _a.classes, classes = _b === void 0 ? [] : _b, _c = _a.formatYear, formatYear$1 = _c === void 0 ? formatYear : _c, otherProps = __rest$7(_a, ["classes", "formatYear"]);
     var date = otherProps.date, locale = otherProps.locale;
-    return (React.createElement(Tile$1, __assign$a({}, otherProps, { classes: __spreadArray$1(__spreadArray$1([], classes, true), [className$4], false), maxDateTransform: getYearEnd, minDateTransform: getYearStart, view: "decade" }), formatYear$1(locale, date)));
+    return (React.createElement(Tile, __assign$a({}, otherProps, { classes: __spreadArray$1(__spreadArray$1([], classes, true), [className$4], false), maxDateTransform: getYearEnd, minDateTransform: getYearStart, view: "decade" }), formatYear$1(locale, date)));
 }
-Year.propTypes = __assign$a(__assign$a({}, tileProps), { formatYear: PropTypes.func });
 
 var __assign$9 = (undefined && undefined.__assign) || function () {
     __assign$9 = Object.assign || function(t) {
@@ -4177,18 +4182,26 @@ var __assign$9 = (undefined && undefined.__assign) || function () {
     };
     return __assign$9.apply(this, arguments);
 };
+var __rest$6 = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 function Years(props) {
-    var activeStartDate = props.activeStartDate;
+    var activeStartDate = props.activeStartDate, hover = props.hover, value = props.value, valueType = props.valueType, otherProps = __rest$6(props, ["activeStartDate", "hover", "value", "valueType"]);
     var start = getBeginOfDecadeYear(activeStartDate);
     var end = start + 9;
-    return (React.createElement(TileGroup, __assign$9({}, props, { className: "react-calendar__decade-view__years", dateTransform: function (year) {
-            var date = new Date();
-            date.setFullYear(year, 0, 1);
-            date.setHours(0, 0, 0, 0);
-            return date;
-        }, dateType: "year", end: end, start: start, tile: Year })));
+    return (React.createElement(TileGroup, { className: "react-calendar__decade-view__years", dateTransform: getYearStart, dateType: "year", end: end, hover: hover, renderTile: function (_a) {
+            var date = _a.date, otherTileProps = __rest$6(_a, ["date"]);
+            return (React.createElement(Year, __assign$9({ key: date.getTime() }, otherProps, otherTileProps, { activeStartDate: activeStartDate, date: date })));
+        }, start: start, value: value, valueType: valueType }));
 }
-Years.propTypes = __assign$9({}, tileGroupProps);
 
 var __assign$8 = (undefined && undefined.__assign) || function () {
     __assign$8 = Object.assign || function(t) {
@@ -4201,12 +4214,14 @@ var __assign$8 = (undefined && undefined.__assign) || function () {
     };
     return __assign$8.apply(this, arguments);
 };
-function DecadeView(props) {
+var DecadeView = function DecadeView(props) {
     function renderYears() {
         return React.createElement(Years, __assign$8({}, props));
     }
     return React.createElement("div", { className: "react-calendar__decade-view" }, renderYears());
-}
+};
+DecadeView.propTypes = __assign$8({}, tileGroupProps);
+var DecadeView$1 = DecadeView;
 
 var __assign$7 = (undefined && undefined.__assign) || function () {
     __assign$7 = Object.assign || function(t) {
@@ -4243,9 +4258,8 @@ var className$3 = 'react-calendar__year-view__months__month';
 function Month(_a) {
     var _b = _a.classes, classes = _b === void 0 ? [] : _b, _c = _a.formatMonth, formatMonth$1 = _c === void 0 ? formatMonth : _c, _d = _a.formatMonthYear, formatMonthYear$1 = _d === void 0 ? formatMonthYear : _d, otherProps = __rest$5(_a, ["classes", "formatMonth", "formatMonthYear"]);
     var date = otherProps.date, locale = otherProps.locale;
-    return (React.createElement(Tile$1, __assign$7({}, otherProps, { classes: __spreadArray(__spreadArray([], classes, true), [className$3], false), formatAbbr: formatMonthYear$1, maxDateTransform: getMonthEnd, minDateTransform: getMonthStart, view: "year" }), formatMonth$1(locale, date)));
+    return (React.createElement(Tile, __assign$7({}, otherProps, { classes: __spreadArray(__spreadArray([], classes, true), [className$3], false), formatAbbr: formatMonthYear$1, maxDateTransform: getMonthEnd, minDateTransform: getMonthStart, view: "year" }), formatMonth$1(locale, date)));
 }
-Month.propTypes = __assign$7(__assign$7({}, tileProps), { formatMonth: PropTypes.func, formatMonthYear: PropTypes.func });
 
 var __assign$6 = (undefined && undefined.__assign) || function () {
     __assign$6 = Object.assign || function(t) {
@@ -4258,19 +4272,31 @@ var __assign$6 = (undefined && undefined.__assign) || function () {
     };
     return __assign$6.apply(this, arguments);
 };
+var __rest$4 = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 function Months(props) {
-    var activeStartDate = props.activeStartDate;
+    var activeStartDate = props.activeStartDate, hover = props.hover, value = props.value, valueType = props.valueType, otherProps = __rest$4(props, ["activeStartDate", "hover", "value", "valueType"]);
     var start = 0;
     var end = 11;
     var year = getYear(activeStartDate);
-    return (React.createElement(TileGroup, __assign$6({}, props, { className: "react-calendar__year-view__months", dateTransform: function (monthIndex) {
+    return (React.createElement(TileGroup, { className: "react-calendar__year-view__months", dateTransform: function (monthIndex) {
             var date = new Date();
             date.setFullYear(year, monthIndex, 1);
-            date.setHours(0, 0, 0, 0);
-            return date;
-        }, dateType: "month", end: end, start: start, tile: Month })));
+            return getMonthStart(date);
+        }, dateType: "month", end: end, hover: hover, renderTile: function (_a) {
+            var date = _a.date, otherTileProps = __rest$4(_a, ["date"]);
+            return (React.createElement(Month, __assign$6({ key: date.getTime() }, otherProps, otherTileProps, { activeStartDate: activeStartDate, date: date })));
+        }, start: start, value: value, valueType: valueType }));
 }
-Months.propTypes = __assign$6(__assign$6({}, tileGroupProps), { locale: PropTypes.string });
 
 var __assign$5 = (undefined && undefined.__assign) || function () {
     __assign$5 = Object.assign || function(t) {
@@ -4283,12 +4309,14 @@ var __assign$5 = (undefined && undefined.__assign) || function () {
     };
     return __assign$5.apply(this, arguments);
 };
-function YearView(props) {
+var YearView = function YearView(props) {
     function renderMonths() {
         return React.createElement(Months, __assign$5({}, props));
     }
     return React.createElement("div", { className: "react-calendar__year-view" }, renderMonths());
-}
+};
+YearView.propTypes = __assign$5({}, tileGroupProps);
+var YearView$1 = YearView;
 
 var __assign$4 = (undefined && undefined.__assign) || function () {
     __assign$4 = Object.assign || function(t) {
@@ -4301,7 +4329,7 @@ var __assign$4 = (undefined && undefined.__assign) || function () {
     };
     return __assign$4.apply(this, arguments);
 };
-var __rest$4 = (undefined && undefined.__rest) || function (s, e) {
+var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -4314,7 +4342,8 @@ var __rest$4 = (undefined && undefined.__rest) || function (s, e) {
 };
 var className$2 = 'react-calendar__month-view__days__day';
 function Day(_a) {
-    var calendarType = _a.calendarType, _b = _a.classes, classes = _b === void 0 ? [] : _b, currentMonthIndex = _a.currentMonthIndex, _c = _a.formatDay, formatDay$1 = _c === void 0 ? formatDay : _c, _d = _a.formatLongDate, formatLongDate$1 = _d === void 0 ? formatLongDate : _d, otherProps = __rest$4(_a, ["calendarType", "classes", "currentMonthIndex", "formatDay", "formatLongDate"]);
+    var calendarTypeOrDeprecatedCalendarType = _a.calendarType, _b = _a.classes, classes = _b === void 0 ? [] : _b, currentMonthIndex = _a.currentMonthIndex, _c = _a.formatDay, formatDay$1 = _c === void 0 ? formatDay : _c, _d = _a.formatLongDate, formatLongDate$1 = _d === void 0 ? formatLongDate : _d, otherProps = __rest$3(_a, ["calendarType", "classes", "currentMonthIndex", "formatDay", "formatLongDate"]);
+    var calendarType = mapCalendarType(calendarTypeOrDeprecatedCalendarType);
     var date = otherProps.date, locale = otherProps.locale;
     var classesProps = [];
     if (classes) {
@@ -4329,9 +4358,8 @@ function Day(_a) {
     if (date.getMonth() !== currentMonthIndex) {
         classesProps.push("".concat(className$2, "--neighboringMonth"));
     }
-    return (React.createElement(Tile$1, __assign$4({}, otherProps, { classes: classesProps, formatAbbr: formatLongDate$1, maxDateTransform: getDayEnd, minDateTransform: getDayStart, view: "month" }), formatDay$1(locale, date)));
+    return (React.createElement(Tile, __assign$4({}, otherProps, { classes: classesProps, formatAbbr: formatLongDate$1, maxDateTransform: getDayEnd, minDateTransform: getDayStart, view: "month" }), formatDay$1(locale, date)));
 }
-Day.propTypes = __assign$4(__assign$4({}, tileProps), { currentMonthIndex: PropTypes.number.isRequired, formatDay: PropTypes.func, formatLongDate: PropTypes.func });
 
 var __assign$3 = (undefined && undefined.__assign) || function () {
     __assign$3 = Object.assign || function(t) {
@@ -4344,7 +4372,7 @@ var __assign$3 = (undefined && undefined.__assign) || function () {
     };
     return __assign$3.apply(this, arguments);
 };
-var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
+var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -4356,8 +4384,8 @@ var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
     return t;
 };
 function Days(props) {
-    var activeStartDate = props.activeStartDate, calendarType = props.calendarType;
-    var showFixedNumberOfWeeks = props.showFixedNumberOfWeeks, showNeighboringMonth = props.showNeighboringMonth, otherProps = __rest$3(props, ["showFixedNumberOfWeeks", "showNeighboringMonth"]);
+    var activeStartDate = props.activeStartDate, calendarTypeOrDeprecatedCalendarType = props.calendarType, hover = props.hover, showFixedNumberOfWeeks = props.showFixedNumberOfWeeks, showNeighboringMonth = props.showNeighboringMonth, value = props.value, valueType = props.valueType, otherProps = __rest$2(props, ["activeStartDate", "calendarType", "hover", "showFixedNumberOfWeeks", "showNeighboringMonth", "value", "valueType"]);
+    var calendarType = mapCalendarType(calendarTypeOrDeprecatedCalendarType);
     var year = getYear(activeStartDate);
     var monthIndex = getMonth(activeStartDate);
     var hasFixedNumberOfWeeks = showFixedNumberOfWeeks || showNeighboringMonth;
@@ -4389,19 +4417,21 @@ function Days(props) {
         }
         return daysInMonth;
     })();
-    return (React.createElement(TileGroup, __assign$3({}, otherProps, { className: "react-calendar__month-view__days", count: 7, currentMonthIndex: monthIndex, dateTransform: function (day) {
+    return (React.createElement(TileGroup, { className: "react-calendar__month-view__days", count: 7, dateTransform: function (day) {
             var date = new Date();
             date.setFullYear(year, monthIndex, day);
-            date.setHours(0, 0, 0, 0);
-            return date;
-        }, dateType: "day", end: end, offset: offset, start: start, tile: Day })));
+            return getDayStart(date);
+        }, dateType: "day", hover: hover, end: end, renderTile: function (_a) {
+            var date = _a.date, otherTileProps = __rest$2(_a, ["date"]);
+            return (React.createElement(Day, __assign$3({ key: date.getTime() }, otherProps, otherTileProps, { activeStartDate: activeStartDate, calendarType: calendarTypeOrDeprecatedCalendarType, currentMonthIndex: monthIndex, date: date })));
+        }, offset: offset, start: start, value: value, valueType: valueType }));
 }
-Days.propTypes = __assign$3({ calendarType: isCalendarType, showFixedNumberOfWeeks: PropTypes.bool, showNeighboringMonth: PropTypes.bool }, tileGroupProps);
 
 var className$1 = 'react-calendar__month-view__weekdays';
 var weekdayClassName = "".concat(className$1, "__weekday");
 function Weekdays(props) {
-    var calendarType = props.calendarType, _a = props.formatShortWeekday, formatShortWeekday$1 = _a === void 0 ? formatShortWeekday : _a, _b = props.formatWeekday, formatWeekday$1 = _b === void 0 ? formatWeekday : _b, locale = props.locale, onMouseLeave = props.onMouseLeave;
+    var calendarTypeOrDeprecatedCalendarType = props.calendarType, _a = props.formatShortWeekday, formatShortWeekday$1 = _a === void 0 ? formatShortWeekday : _a, _b = props.formatWeekday, formatWeekday$1 = _b === void 0 ? formatWeekday : _b, locale = props.locale, onMouseLeave = props.onMouseLeave;
+    var calendarType = mapCalendarType(calendarTypeOrDeprecatedCalendarType);
     var anyDate = new Date();
     var beginOfMonth = getMonthStart(anyDate);
     var year = getYear(beginOfMonth);
@@ -4415,13 +4445,6 @@ function Weekdays(props) {
     }
     return (React.createElement(Flex, { className: className$1, count: 7, onFocus: onMouseLeave, onMouseOver: onMouseLeave }, weekdays));
 }
-Weekdays.propTypes = {
-    calendarType: isCalendarType,
-    formatShortWeekday: PropTypes.func,
-    formatWeekday: PropTypes.func,
-    locale: PropTypes.string,
-    onMouseLeave: PropTypes.func,
-};
 
 var __assign$2 = (undefined && undefined.__assign) || function () {
     __assign$2 = Object.assign || function(t) {
@@ -4434,7 +4457,7 @@ var __assign$2 = (undefined && undefined.__assign) || function () {
     };
     return __assign$2.apply(this, arguments);
 };
-var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
+var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -4450,22 +4473,18 @@ function WeekNumber(props) {
     var onClickWeekNumber = props.onClickWeekNumber, weekNumber = props.weekNumber;
     var children = React.createElement("span", null, weekNumber);
     if (onClickWeekNumber) {
-        var date_1 = props.date, onClickWeekNumber_1 = props.onClickWeekNumber, weekNumber_1 = props.weekNumber, otherProps = __rest$2(props, ["date", "onClickWeekNumber", "weekNumber"]);
+        var date_1 = props.date, onClickWeekNumber_1 = props.onClickWeekNumber, weekNumber_1 = props.weekNumber, otherProps = __rest$1(props, ["date", "onClickWeekNumber", "weekNumber"]);
         return (React.createElement("button", __assign$2({}, otherProps, { className: className, onClick: function (event) { return onClickWeekNumber_1(weekNumber_1, date_1, event); }, type: "button" }), children));
     }
     else {
-        props.date; props.onClickWeekNumber; props.weekNumber; var otherProps = __rest$2(props, ["date", "onClickWeekNumber", "weekNumber"]);
+        props.date; props.onClickWeekNumber; props.weekNumber; var otherProps = __rest$1(props, ["date", "onClickWeekNumber", "weekNumber"]);
         return (React.createElement("div", __assign$2({}, otherProps, { className: className }), children));
     }
 }
-WeekNumber.propTypes = {
-    date: PropTypes.instanceOf(Date).isRequired,
-    onClickWeekNumber: PropTypes.func,
-    weekNumber: PropTypes.node.isRequired,
-};
 
 function WeekNumbers(props) {
-    var activeStartDate = props.activeStartDate, calendarType = props.calendarType, onClickWeekNumber = props.onClickWeekNumber, onMouseLeave = props.onMouseLeave, showFixedNumberOfWeeks = props.showFixedNumberOfWeeks;
+    var activeStartDate = props.activeStartDate, calendarTypeOrDeprecatedCalendarType = props.calendarType, onClickWeekNumber = props.onClickWeekNumber, onMouseLeave = props.onMouseLeave, showFixedNumberOfWeeks = props.showFixedNumberOfWeeks;
+    var calendarType = mapCalendarType(calendarTypeOrDeprecatedCalendarType);
     var numberOfWeeks = (function () {
         if (showFixedNumberOfWeeks) {
             return 6;
@@ -4494,13 +4513,6 @@ function WeekNumbers(props) {
         return (React.createElement(WeekNumber, { key: weekNumber, date: date, onClickWeekNumber: onClickWeekNumber, weekNumber: weekNumber }));
     })));
 }
-WeekNumbers.propTypes = {
-    activeStartDate: PropTypes.instanceOf(Date).isRequired,
-    calendarType: isCalendarType,
-    onClickWeekNumber: PropTypes.func,
-    onMouseLeave: PropTypes.func,
-    showFixedNumberOfWeeks: PropTypes.bool,
-};
 
 var __assign$1 = (undefined && undefined.__assign) || function () {
     __assign$1 = Object.assign || function(t) {
@@ -4513,7 +4525,7 @@ var __assign$1 = (undefined && undefined.__assign) || function () {
     };
     return __assign$1.apply(this, arguments);
 };
-var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
+var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -4525,17 +4537,19 @@ var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
     return t;
 };
 function getCalendarTypeFromLocale(locale) {
-    for (var _i = 0, _a = Object.entries(CALENDAR_TYPE_LOCALES); _i < _a.length; _i++) {
-        var _b = _a[_i], calendarType = _b[0], locales = _b[1];
-        if (locales.includes(locale)) {
-            return calendarType;
+    if (locale) {
+        for (var _i = 0, _a = Object.entries(CALENDAR_TYPE_LOCALES); _i < _a.length; _i++) {
+            var _b = _a[_i], calendarType = _b[0], locales = _b[1];
+            if (locales.includes(locale)) {
+                return calendarType;
+            }
         }
     }
     return CALENDAR_TYPES.ISO_8601;
 }
-function MonthView(props) {
+var MonthView = function MonthView(props) {
     var activeStartDate = props.activeStartDate, locale = props.locale, onMouseLeave = props.onMouseLeave, showFixedNumberOfWeeks = props.showFixedNumberOfWeeks;
-    var _a = props.calendarType, calendarType = _a === void 0 ? getCalendarTypeFromLocale(locale) : _a, formatShortWeekday = props.formatShortWeekday, formatWeekday = props.formatWeekday, onClickWeekNumber = props.onClickWeekNumber, showWeekNumbers = props.showWeekNumbers, childProps = __rest$1(props, ["calendarType", "formatShortWeekday", "formatWeekday", "onClickWeekNumber", "showWeekNumbers"]);
+    var _a = props.calendarType, calendarType = _a === void 0 ? getCalendarTypeFromLocale(locale) : _a, formatShortWeekday = props.formatShortWeekday, formatWeekday = props.formatWeekday, onClickWeekNumber = props.onClickWeekNumber, showWeekNumbers = props.showWeekNumbers, childProps = __rest(props, ["calendarType", "formatShortWeekday", "formatWeekday", "onClickWeekNumber", "showWeekNumbers"]);
     function renderWeekdays() {
         return (React.createElement(Weekdays, { calendarType: calendarType, formatShortWeekday: formatShortWeekday, formatWeekday: formatWeekday, locale: locale, onMouseLeave: onMouseLeave }));
     }
@@ -4561,24 +4575,10 @@ function MonthView(props) {
                 } },
                 renderWeekdays(),
                 renderDays()))));
-}
+};
 MonthView.propTypes = __assign$1(__assign$1({}, tileGroupProps), { calendarType: isCalendarType, formatDay: PropTypes.func, formatLongDate: PropTypes.func, formatShortWeekday: PropTypes.func, formatWeekday: PropTypes.func, onClickWeekNumber: PropTypes.func, onMouseLeave: PropTypes.func, showFixedNumberOfWeeks: PropTypes.bool, showNeighboringMonth: PropTypes.bool, showWeekNumbers: PropTypes.bool });
+var MonthView$1 = MonthView;
 
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -4590,17 +4590,6 @@ var __assign = (undefined && undefined.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var baseClassName = 'react-calendar';
 var allViews = ['century', 'decade', 'year', 'month'];
 var allValueTypes = ['decade', 'year', 'month', 'day'];
@@ -4608,16 +4597,6 @@ var defaultMinDate = new Date();
 defaultMinDate.setFullYear(1, 0, 1);
 defaultMinDate.setHours(0, 0, 0, 0);
 var defaultMaxDate = new Date(8.64e15);
-var defaultProps = {
-    goToRangeStartOnSelect: true,
-    maxDate: defaultMaxDate,
-    maxDetail: 'month',
-    minDate: defaultMinDate,
-    minDetail: 'century',
-    returnValue: 'start',
-    showNavigation: true,
-    showNeighboringMonth: true,
-};
 function toDate(value) {
     if (value instanceof Date) {
         return value;
@@ -4692,8 +4671,8 @@ var getDetailValueTo = function (args) { return getDetailValue(args, 1); };
 var getDetailValueArray = function (args) {
     return [getDetailValueFrom, getDetailValueTo].map(function (fn) { return fn(args); });
 };
-function getActiveStartDate(props) {
-    var maxDate = props.maxDate, maxDetail = props.maxDetail, minDate = props.minDate, minDetail = props.minDetail, value = props.value, view = props.view;
+function getActiveStartDate(_a) {
+    var maxDate = _a.maxDate, maxDetail = _a.maxDetail, minDate = _a.minDate, minDetail = _a.minDetail, value = _a.value, view = _a.view;
     var rangeType = getView(view, minDetail, maxDetail);
     var valueFrom = getDetailValueFrom({
         value: value,
@@ -4703,316 +4682,76 @@ function getActiveStartDate(props) {
     }) || new Date();
     return getBegin(rangeType, valueFrom);
 }
-function getInitialActiveStartDate(props) {
-    var activeStartDate = props.activeStartDate, defaultActiveStartDate = props.defaultActiveStartDate, defaultValue = props.defaultValue, defaultView = props.defaultView, maxDetail = props.maxDetail, minDetail = props.minDetail, value = props.value, view = props.view, otherProps = __rest(props, ["activeStartDate", "defaultActiveStartDate", "defaultValue", "defaultView", "maxDetail", "minDetail", "value", "view"]);
+function getInitialActiveStartDate(_a) {
+    var activeStartDate = _a.activeStartDate, defaultActiveStartDate = _a.defaultActiveStartDate, defaultValue = _a.defaultValue, defaultView = _a.defaultView, maxDate = _a.maxDate, maxDetail = _a.maxDetail, minDate = _a.minDate, minDetail = _a.minDetail, value = _a.value, view = _a.view;
     var rangeType = getView(view, minDetail, maxDetail);
     var valueFrom = activeStartDate || defaultActiveStartDate;
     if (valueFrom) {
         return getBegin(rangeType, valueFrom);
     }
-    return getActiveStartDate(__assign({ maxDetail: maxDetail, minDetail: minDetail, value: value || defaultValue, view: view || defaultView }, otherProps));
+    return getActiveStartDate({
+        maxDate: maxDate,
+        maxDetail: maxDetail,
+        minDate: minDate,
+        minDetail: minDetail,
+        value: value || defaultValue,
+        view: view || defaultView,
+    });
 }
 function getIsSingleValue(value) {
     return value && (!Array.isArray(value) || value.length === 1);
 }
-var isActiveStartDate = PropTypes.instanceOf(Date);
-var isValue = PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]);
-var isValueOrValueArray = PropTypes.oneOfType([isValue, PropTypes.arrayOf(isValue)]);
-var Calendar = /** @class */ (function (_super) {
-    __extends(Calendar, _super);
-    function Calendar() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            activeStartDate: _this.props.defaultActiveStartDate,
-            hover: null,
-            value: Array.isArray(_this.props.defaultValue)
-                ? _this.props.defaultValue.map(function (el) { return (el !== null ? toDate(el) : el); })
-                : _this.props.defaultValue !== null && _this.props.defaultValue !== undefined
-                    ? toDate(_this.props.defaultValue)
-                    : _this.props.defaultValue,
-            view: _this.props.defaultView,
-        };
-        _this.setStateAndCallCallbacks = function (nextState, event, callback) {
-            var _a = _this, previousActiveStartDate = _a.activeStartDate, previousView = _a.view;
-            var _b = _this
-                .props, allowPartialRange = _b.allowPartialRange, onActiveStartDateChange = _b.onActiveStartDateChange, onChange = _b.onChange, onViewChange = _b.onViewChange, selectRange = _b.selectRange;
-            var prevArgs = {
-                action: undefined,
-                activeStartDate: previousActiveStartDate,
-                value: undefined,
-                view: previousView,
-            };
-            _this.setState(nextState, function () {
-                var args = {
-                    action: nextState.action,
-                    activeStartDate: nextState.activeStartDate || _this.activeStartDate,
-                    value: ('value' in nextState && nextState.value) || _this.value,
-                    view: ('view' in nextState && nextState.view) || _this.view,
-                };
-                function shouldUpdate(key) {
-                    // Key must exist, and…
-                    if (!(key in nextState)) {
-                        return false;
-                    }
-                    var nextValue = nextState[key];
-                    var prevValue = prevArgs[key];
-                    // …key changed from defined to undefined or the other way around, or…
-                    if (typeof nextValue !== typeof prevValue) {
-                        return true;
-                    }
-                    // …value changed.
-                    if (nextValue instanceof Date && prevValue instanceof Date) {
-                        return nextValue.getTime() !== prevValue.getTime();
-                    }
-                    else {
-                        return nextValue !== prevValue;
-                    }
-                }
-                if (shouldUpdate('activeStartDate')) {
-                    if (onActiveStartDateChange)
-                        onActiveStartDateChange(args);
-                }
-                if (shouldUpdate('view')) {
-                    if (onViewChange)
-                        onViewChange(args);
-                }
-                if (shouldUpdate('value')) {
-                    if (onChange) {
-                        if (!event) {
-                            throw new Error('event is required');
-                        }
-                        if (selectRange) {
-                            var isSingleValue = getIsSingleValue(nextState.value);
-                            if (!isSingleValue) {
-                                onChange(nextState.value || null, event);
-                            }
-                            else if (allowPartialRange) {
-                                if (Array.isArray(nextState.value)) {
-                                    throw new Error('value must not be an array');
-                                }
-                                onChange([nextState.value || null, null], event);
-                            }
-                        }
-                        else {
-                            onChange(nextState.value || null, event);
-                        }
-                    }
-                }
-                if (callback)
-                    callback(args);
-            });
-        };
-        /**
-         * Called when the user uses navigation buttons.
-         */
-        _this.setActiveStartDate = function (nextActiveStartDate, action) {
-            _this.setStateAndCallCallbacks({
-                action: action,
-                activeStartDate: nextActiveStartDate,
-            });
-        };
-        _this.drillDown = function (nextActiveStartDate, event) {
-            if (!_this.drillDownAvailable) {
-                return;
-            }
-            _this.onClickTile(nextActiveStartDate, event);
-            var _a = _this, view = _a.view, views = _a.views;
-            var onDrillDown = _this.props.onDrillDown;
-            var nextView = views[views.indexOf(view) + 1];
-            if (!nextView) {
-                throw new Error('Attempted to drill down from the lowest view.');
-            }
-            _this.setStateAndCallCallbacks({
-                action: 'drillDown',
-                activeStartDate: nextActiveStartDate,
-                view: nextView,
-            }, undefined, onDrillDown);
-        };
-        _this.drillUp = function () {
-            if (!_this.drillUpAvailable) {
-                return;
-            }
-            var _a = _this, activeStartDate = _a.activeStartDate, view = _a.view, views = _a.views;
-            var onDrillUp = _this.props.onDrillUp;
-            var nextView = views[views.indexOf(view) - 1];
-            if (!nextView) {
-                throw new Error('Attempted to drill up from the highest view.');
-            }
-            var nextActiveStartDate = getBegin(nextView, activeStartDate);
-            _this.setStateAndCallCallbacks({
-                action: 'drillUp',
-                activeStartDate: nextActiveStartDate,
-                view: nextView,
-            }, undefined, onDrillUp);
-        };
-        _this.onChange = function (value, event) {
-            var previousValue = _this.value;
-            var _a = _this.props, goToRangeStartOnSelect = _a.goToRangeStartOnSelect, selectRange = _a.selectRange;
-            _this.onClickTile(value, event);
-            var isFirstValueInRange = selectRange && !getIsSingleValue(previousValue);
-            var nextValue;
-            if (selectRange) {
-                // Range selection turned on
-                var valueType = _this.valueType;
-                if (isFirstValueInRange) {
-                    // Value has 0 or 2 elements - either way we're starting a new array
-                    // First value
-                    nextValue = getBegin(valueType, value);
-                }
-                else {
-                    if (!previousValue) {
-                        throw new Error('previousValue is required');
-                    }
-                    if (Array.isArray(previousValue)) {
-                        throw new Error('previousValue must not be an array');
-                    }
-                    // Second value
-                    nextValue = getValueRange(valueType, previousValue, value);
-                }
-            }
-            else {
-                // Range selection turned off
-                nextValue = _this.getProcessedValue(value);
+function areDatesEqual(date1, date2) {
+    return date1 instanceof Date && date2 instanceof Date && date1.getTime() === date2.getTime();
+}
+var Calendar = forwardRef(function Calendar(props, ref) {
+    var activeStartDateProps = props.activeStartDate, allowPartialRange = props.allowPartialRange, calendarType = props.calendarType, className = props.className, defaultActiveStartDate = props.defaultActiveStartDate, defaultValue = props.defaultValue, defaultView = props.defaultView, formatDay = props.formatDay, formatLongDate = props.formatLongDate, formatMonth = props.formatMonth, formatMonthYear = props.formatMonthYear, formatShortWeekday = props.formatShortWeekday, formatWeekday = props.formatWeekday, formatYear = props.formatYear, _a = props.goToRangeStartOnSelect, goToRangeStartOnSelect = _a === void 0 ? true : _a, inputRef = props.inputRef, locale = props.locale, _b = props.maxDate, maxDate = _b === void 0 ? defaultMaxDate : _b, _c = props.maxDetail, maxDetail = _c === void 0 ? 'month' : _c, _d = props.minDate, minDate = _d === void 0 ? defaultMinDate : _d, _e = props.minDetail, minDetail = _e === void 0 ? 'century' : _e, navigationAriaLabel = props.navigationAriaLabel, navigationAriaLive = props.navigationAriaLive, navigationLabel = props.navigationLabel, next2AriaLabel = props.next2AriaLabel, next2Label = props.next2Label, nextAriaLabel = props.nextAriaLabel, nextLabel = props.nextLabel, onActiveStartDateChange = props.onActiveStartDateChange, onChangeProps = props.onChange, onClickDay = props.onClickDay, onClickDecade = props.onClickDecade, onClickMonth = props.onClickMonth, onClickWeekNumber = props.onClickWeekNumber, onClickYear = props.onClickYear, onDrillDown = props.onDrillDown, onDrillUp = props.onDrillUp, onViewChange = props.onViewChange, prev2AriaLabel = props.prev2AriaLabel, prev2Label = props.prev2Label, prevAriaLabel = props.prevAriaLabel, prevLabel = props.prevLabel, _f = props.returnValue, returnValue = _f === void 0 ? 'start' : _f, selectRange = props.selectRange, showDoubleView = props.showDoubleView, showFixedNumberOfWeeks = props.showFixedNumberOfWeeks, _g = props.showNavigation, showNavigation = _g === void 0 ? true : _g, _h = props.showNeighboringMonth, showNeighboringMonth = _h === void 0 ? true : _h, showWeekNumbers = props.showWeekNumbers, tileClassName = props.tileClassName, tileContent = props.tileContent, tileDisabled = props.tileDisabled, valueProps = props.value, viewProps = props.view;
+    var _j = useState(defaultActiveStartDate), activeStartDateState = _j[0], setActiveStartDateState = _j[1];
+    var _k = useState(null), hoverState = _k[0], setHoverState = _k[1];
+    var _l = useState(Array.isArray(defaultValue)
+        ? defaultValue.map(function (el) { return (el !== null ? toDate(el) : null); })
+        : defaultValue !== null && defaultValue !== undefined
+            ? toDate(defaultValue)
+            : null), valueState = _l[0], setValueState = _l[1];
+    var _m = useState(defaultView), viewState = _m[0], setViewState = _m[1];
+    var activeStartDate = activeStartDateProps ||
+        activeStartDateState ||
+        getInitialActiveStartDate({
+            activeStartDate: activeStartDateProps,
+            defaultActiveStartDate: defaultActiveStartDate,
+            defaultValue: defaultValue,
+            defaultView: defaultView,
+            maxDate: maxDate,
+            maxDetail: maxDetail,
+            minDate: minDate,
+            minDetail: minDetail,
+            value: valueProps,
+            view: viewProps,
+        });
+    var value = (function () {
+        var rawValue = (function () {
+            // In the middle of range selection, use value from state
+            if (selectRange && getIsSingleValue(valueState)) {
+                return valueState;
             }
-            var nextActiveStartDate = 
-            // Range selection turned off
-            !selectRange ||
-                // Range selection turned on, first value
-                isFirstValueInRange ||
-                // Range selection turned on, second value, goToRangeStartOnSelect toggled on
-                goToRangeStartOnSelect
-                ? getActiveStartDate(__assign(__assign({}, _this.props), { value: nextValue }))
+            return valueProps !== undefined ? valueProps : valueState;
+        })();
+        if (!rawValue) {
+            return null;
+        }
+        return Array.isArray(rawValue)
+            ? rawValue.map(function (el) { return (el !== null ? toDate(el) : null); })
+            : rawValue !== null
+                ? toDate(rawValue)
                 : null;
-            event.persist();
-            _this.setStateAndCallCallbacks({
-                action: 'onChange',
-                activeStartDate: nextActiveStartDate,
-                value: nextValue,
-            }, event);
-        };
-        _this.onClickTile = function (value, event) {
-            var view = _this.view;
-            var _a = _this
-                .props, onClickDay = _a.onClickDay, onClickDecade = _a.onClickDecade, onClickMonth = _a.onClickMonth, onClickYear = _a.onClickYear;
-            var callback = (function () {
-                switch (view) {
-                    case 'century':
-                        return onClickDecade;
-                    case 'decade':
-                        return onClickYear;
-                    case 'year':
-                        return onClickMonth;
-                    case 'month':
-                        return onClickDay;
-                    default:
-                        throw new Error("Invalid view: ".concat(view, "."));
-                }
-            })();
-            if (callback)
-                callback(value, event);
-        };
-        _this.onMouseOver = function (value) {
-            _this.setState(function (prevState) {
-                if (prevState.hover && prevState.hover.getTime() === value.getTime()) {
-                    return null;
-                }
-                return { hover: value };
-            });
-        };
-        _this.onMouseLeave = function () {
-            _this.setState({ hover: null });
-        };
-        return _this;
-    }
-    Object.defineProperty(Calendar.prototype, "activeStartDate", {
-        get: function () {
-            var activeStartDateProps = this.props.activeStartDate;
-            var activeStartDateState = this.state.activeStartDate;
-            return (activeStartDateProps ||
-                activeStartDateState ||
-                getInitialActiveStartDate(this.props));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Calendar.prototype, "value", {
-        get: function () {
-            var _a = this.props, selectRange = _a.selectRange, valueProps = _a.value;
-            var valueState = this.state.value;
-            var rawValue = (function () {
-                // In the middle of range selection, use value from state
-                if (selectRange && getIsSingleValue(valueState)) {
-                    return valueState;
-                }
-                return valueProps !== undefined ? valueProps : valueState;
-            })();
-            if (!rawValue) {
-                return null;
-            }
-            return Array.isArray(rawValue)
-                ? rawValue.map(function (el) { return (el !== null ? toDate(el) : el); })
-                : rawValue !== null
-                    ? toDate(rawValue)
-                    : rawValue;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Calendar.prototype, "valueType", {
-        get: function () {
-            var maxDetail = this.props.maxDetail;
-            return getValueType(maxDetail);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Calendar.prototype, "view", {
-        get: function () {
-            var _a = this.props, minDetail = _a.minDetail, maxDetail = _a.maxDetail, viewProps = _a.view;
-            var viewState = this.state.view;
-            return getView(viewProps || viewState, minDetail, maxDetail);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Calendar.prototype, "views", {
-        get: function () {
-            var _a = this.props, minDetail = _a.minDetail, maxDetail = _a.maxDetail;
-            return getLimitedViews(minDetail, maxDetail);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Calendar.prototype, "hover", {
-        get: function () {
-            var selectRange = this.props.selectRange;
-            var hover = this.state.hover;
-            return selectRange ? hover : null;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Calendar.prototype, "drillDownAvailable", {
-        get: function () {
-            var _a = this, view = _a.view, views = _a.views;
-            return views.indexOf(view) < views.length - 1;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Calendar.prototype, "drillUpAvailable", {
-        get: function () {
-            var _a = this, view = _a.view, views = _a.views;
-            return views.indexOf(view) > 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Gets current value in a desired format.
-     */
-    Calendar.prototype.getProcessedValue = function (value) {
-        var _a = this.props, minDate = _a.minDate, maxDate = _a.maxDate, maxDetail = _a.maxDetail, returnValue = _a.returnValue;
+    })();
+    var valueType = getValueType(maxDetail);
+    var view = getView(viewProps || viewState, minDetail, maxDetail);
+    var views = getLimitedViews(minDetail, maxDetail);
+    var hover = selectRange ? hoverState : null;
+    var drillDownAvailable = views.indexOf(view) < views.length - 1;
+    var drillUpAvailable = views.indexOf(view) > 0;
+    var getProcessedValue = useCallback(function (value) {
         var processFunction = (function () {
             switch (returnValue) {
                 case 'start':
@@ -5026,28 +4765,232 @@ var Calendar = /** @class */ (function (_super) {
             }
         })();
         return processFunction({
-            value: value,
-            minDate: minDate,
             maxDate: maxDate,
             maxDetail: maxDetail,
+            minDate: minDate,
+            value: value,
         });
-    };
-    Calendar.prototype.renderContent = function (next) {
-        var _a = this, currentActiveStartDate = _a.activeStartDate, onMouseOver = _a.onMouseOver, valueType = _a.valueType, value = _a.value, view = _a.view;
-        var _b = this.props, calendarType = _b.calendarType, locale = _b.locale, maxDate = _b.maxDate, minDate = _b.minDate, selectRange = _b.selectRange, tileClassName = _b.tileClassName, tileContent = _b.tileContent, tileDisabled = _b.tileDisabled;
-        var hover = this.hover;
-        var activeStartDate = next
-            ? getBeginNext(view, currentActiveStartDate)
-            : getBegin(view, currentActiveStartDate);
-        var onClick = this.drillDownAvailable ? this.drillDown : this.onChange;
+    }, [maxDate, maxDetail, minDate, returnValue]);
+    var setActiveStartDate = useCallback(function (nextActiveStartDate, action) {
+        setActiveStartDateState(nextActiveStartDate);
+        var args = {
+            action: action,
+            activeStartDate: nextActiveStartDate,
+            value: value,
+            view: view,
+        };
+        if (onActiveStartDateChange && !areDatesEqual(activeStartDate, nextActiveStartDate)) {
+            onActiveStartDateChange(args);
+        }
+    }, [activeStartDate, onActiveStartDateChange, value, view]);
+    var onClickTile = useCallback(function (value, event) {
+        var callback = (function () {
+            switch (view) {
+                case 'century':
+                    return onClickDecade;
+                case 'decade':
+                    return onClickYear;
+                case 'year':
+                    return onClickMonth;
+                case 'month':
+                    return onClickDay;
+                default:
+                    throw new Error("Invalid view: ".concat(view, "."));
+            }
+        })();
+        if (callback)
+            callback(value, event);
+    }, [onClickDay, onClickDecade, onClickMonth, onClickYear, view]);
+    var drillDown = useCallback(function (nextActiveStartDate, event) {
+        if (!drillDownAvailable) {
+            return;
+        }
+        onClickTile(nextActiveStartDate, event);
+        var nextView = views[views.indexOf(view) + 1];
+        if (!nextView) {
+            throw new Error('Attempted to drill down from the lowest view.');
+        }
+        setActiveStartDateState(nextActiveStartDate);
+        setViewState(nextView);
+        var args = {
+            action: 'drillDown',
+            activeStartDate: nextActiveStartDate,
+            value: value,
+            view: nextView,
+        };
+        if (onActiveStartDateChange && !areDatesEqual(activeStartDate, nextActiveStartDate)) {
+            onActiveStartDateChange(args);
+        }
+        if (onViewChange && view !== nextView) {
+            onViewChange(args);
+        }
+        if (onDrillDown) {
+            onDrillDown(args);
+        }
+    }, [
+        activeStartDate,
+        drillDownAvailable,
+        onActiveStartDateChange,
+        onClickTile,
+        onDrillDown,
+        onViewChange,
+        value,
+        view,
+        views,
+    ]);
+    var drillUp = useCallback(function () {
+        if (!drillUpAvailable) {
+            return;
+        }
+        var nextView = views[views.indexOf(view) - 1];
+        if (!nextView) {
+            throw new Error('Attempted to drill up from the highest view.');
+        }
+        var nextActiveStartDate = getBegin(nextView, activeStartDate);
+        setActiveStartDateState(nextActiveStartDate);
+        setViewState(nextView);
+        var args = {
+            action: 'drillUp',
+            activeStartDate: nextActiveStartDate,
+            value: value,
+            view: nextView,
+        };
+        if (onActiveStartDateChange && !areDatesEqual(activeStartDate, nextActiveStartDate)) {
+            onActiveStartDateChange(args);
+        }
+        if (onViewChange && view !== nextView) {
+            onViewChange(args);
+        }
+        if (onDrillUp) {
+            onDrillUp(args);
+        }
+    }, [
+        activeStartDate,
+        drillUpAvailable,
+        onActiveStartDateChange,
+        onDrillUp,
+        onViewChange,
+        value,
+        view,
+        views,
+    ]);
+    var onChange = useCallback(function (rawNextValue, event) {
+        var previousValue = value;
+        onClickTile(rawNextValue, event);
+        var isFirstValueInRange = selectRange && !getIsSingleValue(previousValue);
+        var nextValue;
+        if (selectRange) {
+            // Range selection turned on
+            if (isFirstValueInRange) {
+                // Value has 0 or 2 elements - either way we're starting a new array
+                // First value
+                nextValue = getBegin(valueType, rawNextValue);
+            }
+            else {
+                if (!previousValue) {
+                    throw new Error('previousValue is required');
+                }
+                if (Array.isArray(previousValue)) {
+                    throw new Error('previousValue must not be an array');
+                }
+                // Second value
+                nextValue = getValueRange(valueType, previousValue, rawNextValue);
+            }
+        }
+        else {
+            // Range selection turned off
+            nextValue = getProcessedValue(rawNextValue);
+        }
+        var nextActiveStartDate = 
+        // Range selection turned off
+        !selectRange ||
+            // Range selection turned on, first value
+            isFirstValueInRange ||
+            // Range selection turned on, second value, goToRangeStartOnSelect toggled on
+            goToRangeStartOnSelect
+            ? getActiveStartDate({
+                maxDate: maxDate,
+                maxDetail: maxDetail,
+                minDate: minDate,
+                minDetail: minDetail,
+                value: nextValue,
+                view: view,
+            })
+            : null;
+        event.persist();
+        setActiveStartDateState(nextActiveStartDate);
+        setValueState(nextValue);
+        var args = {
+            action: 'onChange',
+            activeStartDate: nextActiveStartDate,
+            value: nextValue,
+            view: view,
+        };
+        if (onActiveStartDateChange && !areDatesEqual(activeStartDate, nextActiveStartDate)) {
+            onActiveStartDateChange(args);
+        }
+        if (onChangeProps) {
+            if (selectRange) {
+                var isSingleValue = getIsSingleValue(nextValue);
+                if (!isSingleValue) {
+                    onChangeProps(nextValue || null, event);
+                }
+                else if (allowPartialRange) {
+                    if (Array.isArray(nextValue)) {
+                        throw new Error('value must not be an array');
+                    }
+                    onChangeProps([nextValue || null, null], event);
+                }
+            }
+            else {
+                onChangeProps(nextValue || null, event);
+            }
+        }
+    }, [
+        activeStartDate,
+        allowPartialRange,
+        getProcessedValue,
+        goToRangeStartOnSelect,
+        maxDate,
+        maxDetail,
+        minDate,
+        minDetail,
+        onActiveStartDateChange,
+        onChangeProps,
+        onClickTile,
+        selectRange,
+        value,
+        valueType,
+        view,
+    ]);
+    function onMouseOver(nextHover) {
+        setHoverState(nextHover);
+    }
+    function onMouseLeave() {
+        setHoverState(null);
+    }
+    useImperativeHandle(ref, function () { return ({
+        activeStartDate: activeStartDate,
+        drillDown: drillDown,
+        drillUp: drillUp,
+        onChange: onChange,
+        setActiveStartDate: setActiveStartDate,
+        value: value,
+        view: view,
+    }); }, [activeStartDate, drillDown, drillUp, onChange, setActiveStartDate, value, view]);
+    function renderContent(next) {
+        var currentActiveStartDate = next
+            ? getBeginNext(view, activeStartDate)
+            : getBegin(view, activeStartDate);
+        var onClick = drillDownAvailable ? drillDown : onChange;
         var commonProps = {
-            activeStartDate: activeStartDate,
+            activeStartDate: currentActiveStartDate,
             hover: hover,
             locale: locale,
             maxDate: maxDate,
             minDate: minDate,
             onClick: onClick,
-            onMouseOver: selectRange ? onMouseOver : null,
+            onMouseOver: selectRange ? onMouseOver : undefined,
             tileClassName: tileClassName,
             tileContent: tileContent,
             tileDisabled: tileDisabled,
@@ -5056,107 +4999,95 @@ var Calendar = /** @class */ (function (_super) {
         };
         switch (view) {
             case 'century': {
-                var formatYear = this.props.formatYear;
-                return React.createElement(CenturyView, __assign({ formatYear: formatYear }, commonProps));
+                return React.createElement(CenturyView$1, __assign({ formatYear: formatYear }, commonProps));
             }
             case 'decade': {
-                var formatYear = this.props.formatYear;
-                return React.createElement(DecadeView, __assign({ formatYear: formatYear }, commonProps));
+                return React.createElement(DecadeView$1, __assign({ formatYear: formatYear }, commonProps));
             }
             case 'year': {
-                var _c = this.props, formatMonth = _c.formatMonth, formatMonthYear = _c.formatMonthYear;
-                return (React.createElement(YearView, __assign({ formatMonth: formatMonth, formatMonthYear: formatMonthYear }, commonProps)));
+                return (React.createElement(YearView$1, __assign({ formatMonth: formatMonth, formatMonthYear: formatMonthYear }, commonProps)));
             }
             case 'month': {
-                var _d = this.props, formatDay = _d.formatDay, formatLongDate = _d.formatLongDate, formatShortWeekday = _d.formatShortWeekday, formatWeekday = _d.formatWeekday, onClickWeekNumber = _d.onClickWeekNumber, showDoubleView = _d.showDoubleView, showFixedNumberOfWeeks = _d.showFixedNumberOfWeeks, showNeighboringMonth = _d.showNeighboringMonth, showWeekNumbers = _d.showWeekNumbers;
-                var onMouseLeave = this.onMouseLeave;
-                return (React.createElement(MonthView, __assign({ calendarType: calendarType, formatDay: formatDay, formatLongDate: formatLongDate, formatShortWeekday: formatShortWeekday, formatWeekday: formatWeekday, onClickWeekNumber: onClickWeekNumber, onMouseLeave: selectRange ? onMouseLeave : null, showFixedNumberOfWeeks: typeof showFixedNumberOfWeeks !== 'undefined'
+                return (React.createElement(MonthView$1, __assign({ calendarType: calendarType, formatDay: formatDay, formatLongDate: formatLongDate, formatShortWeekday: formatShortWeekday, formatWeekday: formatWeekday, onClickWeekNumber: onClickWeekNumber, onMouseLeave: selectRange ? onMouseLeave : undefined, showFixedNumberOfWeeks: typeof showFixedNumberOfWeeks !== 'undefined'
                         ? showFixedNumberOfWeeks
                         : showDoubleView, showNeighboringMonth: showNeighboringMonth, showWeekNumbers: showWeekNumbers }, commonProps)));
             }
             default:
                 throw new Error("Invalid view: ".concat(view, "."));
         }
-    };
-    Calendar.prototype.renderNavigation = function () {
-        var showNavigation = this.props.showNavigation;
+    }
+    function renderNavigation() {
         if (!showNavigation) {
             return null;
         }
-        var _a = this, activeStartDate = _a.activeStartDate, view = _a.view, views = _a.views;
-        var _b = this.props, formatMonthYear = _b.formatMonthYear, formatYear = _b.formatYear, locale = _b.locale, maxDate = _b.maxDate, minDate = _b.minDate, navigationAriaLabel = _b.navigationAriaLabel, navigationAriaLive = _b.navigationAriaLive, navigationLabel = _b.navigationLabel, next2AriaLabel = _b.next2AriaLabel, next2Label = _b.next2Label, nextAriaLabel = _b.nextAriaLabel, nextLabel = _b.nextLabel, prev2AriaLabel = _b.prev2AriaLabel, prev2Label = _b.prev2Label, prevAriaLabel = _b.prevAriaLabel, prevLabel = _b.prevLabel, showDoubleView = _b.showDoubleView;
-        return (React.createElement(Navigation, { activeStartDate: activeStartDate, drillUp: this.drillUp, formatMonthYear: formatMonthYear, formatYear: formatYear, locale: locale, maxDate: maxDate, minDate: minDate, navigationAriaLabel: navigationAriaLabel, navigationAriaLive: navigationAriaLive, navigationLabel: navigationLabel, next2AriaLabel: next2AriaLabel, next2Label: next2Label, nextAriaLabel: nextAriaLabel, nextLabel: nextLabel, prev2AriaLabel: prev2AriaLabel, prev2Label: prev2Label, prevAriaLabel: prevAriaLabel, prevLabel: prevLabel, setActiveStartDate: this.setActiveStartDate, showDoubleView: showDoubleView, view: view, views: views }));
-    };
-    Calendar.prototype.render = function () {
-        var _a = this
-            .props, className = _a.className, inputRef = _a.inputRef, selectRange = _a.selectRange, showDoubleView = _a.showDoubleView;
-        var _b = this, onMouseLeave = _b.onMouseLeave, value = _b.value;
-        var valueArray = Array.isArray(value) ? value : [value];
-        return (React.createElement("div", { className: clsx(baseClassName, selectRange && valueArray.length === 1 && "".concat(baseClassName, "--selectRange"), showDoubleView && "".concat(baseClassName, "--doubleView"), className), ref: inputRef },
-            this.renderNavigation(),
-            React.createElement("div", { className: "".concat(baseClassName, "__viewContainer"), onBlur: selectRange ? onMouseLeave : undefined, onMouseLeave: selectRange ? onMouseLeave : undefined },
-                this.renderContent(),
-                showDoubleView ? this.renderContent(true) : null)));
-    };
-    Calendar.defaultProps = defaultProps;
-    Calendar.propTypes = {
-        activeStartDate: isActiveStartDate,
-        allowPartialRange: PropTypes.bool,
-        calendarType: isCalendarType,
-        className: isClassName,
-        defaultActiveStartDate: isActiveStartDate,
-        defaultValue: isValueOrValueArray,
-        defaultView: isView,
-        formatDay: PropTypes.func,
-        formatLongDate: PropTypes.func,
-        formatMonth: PropTypes.func,
-        formatMonthYear: PropTypes.func,
-        formatShortWeekday: PropTypes.func,
-        formatWeekday: PropTypes.func,
-        formatYear: PropTypes.func,
-        goToRangeStartOnSelect: PropTypes.bool,
-        inputRef: isRef,
-        locale: PropTypes.string,
-        maxDate: isMaxDate,
-        maxDetail: PropTypes.oneOf(allViews),
-        minDate: isMinDate,
-        minDetail: PropTypes.oneOf(allViews),
-        navigationAriaLabel: PropTypes.string,
-        navigationAriaLive: PropTypes.oneOf(['off', 'polite', 'assertive']),
-        navigationLabel: PropTypes.func,
-        next2AriaLabel: PropTypes.string,
-        next2Label: PropTypes.node,
-        nextAriaLabel: PropTypes.string,
-        nextLabel: PropTypes.node,
-        onActiveStartDateChange: PropTypes.func,
-        onChange: PropTypes.func,
-        onClickDay: PropTypes.func,
-        onClickDecade: PropTypes.func,
-        onClickMonth: PropTypes.func,
-        onClickWeekNumber: PropTypes.func,
-        onClickYear: PropTypes.func,
-        onDrillDown: PropTypes.func,
-        onDrillUp: PropTypes.func,
-        onViewChange: PropTypes.func,
-        prev2AriaLabel: PropTypes.string,
-        prev2Label: PropTypes.node,
-        prevAriaLabel: PropTypes.string,
-        prevLabel: PropTypes.node,
-        returnValue: PropTypes.oneOf(['start', 'end', 'range']),
-        selectRange: PropTypes.bool,
-        showDoubleView: PropTypes.bool,
-        showFixedNumberOfWeeks: PropTypes.bool,
-        showNavigation: PropTypes.bool,
-        showNeighboringMonth: PropTypes.bool,
-        showWeekNumbers: PropTypes.bool,
-        tileClassName: PropTypes.oneOfType([PropTypes.func, isClassName]),
-        tileContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-        tileDisabled: PropTypes.func,
-        value: isValueOrValueArray,
-        view: isView,
-    };
-    return Calendar;
-}(Component));
+        return (React.createElement(Navigation, { activeStartDate: activeStartDate, drillUp: drillUp, formatMonthYear: formatMonthYear, formatYear: formatYear, locale: locale, maxDate: maxDate, minDate: minDate, navigationAriaLabel: navigationAriaLabel, navigationAriaLive: navigationAriaLive, navigationLabel: navigationLabel, next2AriaLabel: next2AriaLabel, next2Label: next2Label, nextAriaLabel: nextAriaLabel, nextLabel: nextLabel, prev2AriaLabel: prev2AriaLabel, prev2Label: prev2Label, prevAriaLabel: prevAriaLabel, prevLabel: prevLabel, setActiveStartDate: setActiveStartDate, showDoubleView: showDoubleView, view: view, views: views }));
+    }
+    var valueArray = Array.isArray(value) ? value : [value];
+    return (React.createElement("div", { className: clsx(baseClassName, selectRange && valueArray.length === 1 && "".concat(baseClassName, "--selectRange"), showDoubleView && "".concat(baseClassName, "--doubleView"), className), ref: inputRef },
+        renderNavigation(),
+        React.createElement("div", { className: "".concat(baseClassName, "__viewContainer"), onBlur: selectRange ? onMouseLeave : undefined, onMouseLeave: selectRange ? onMouseLeave : undefined },
+            renderContent(),
+            showDoubleView ? renderContent(true) : null)));
+});
+var isActiveStartDate = PropTypes.instanceOf(Date);
+var isValue = PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]);
+var isValueOrValueArray = PropTypes.oneOfType([isValue, rangeOf(isValue)]);
+Calendar.propTypes = {
+    activeStartDate: isActiveStartDate,
+    allowPartialRange: PropTypes.bool,
+    calendarType: isCalendarType,
+    className: isClassName,
+    defaultActiveStartDate: isActiveStartDate,
+    defaultValue: isValueOrValueArray,
+    defaultView: isView,
+    formatDay: PropTypes.func,
+    formatLongDate: PropTypes.func,
+    formatMonth: PropTypes.func,
+    formatMonthYear: PropTypes.func,
+    formatShortWeekday: PropTypes.func,
+    formatWeekday: PropTypes.func,
+    formatYear: PropTypes.func,
+    goToRangeStartOnSelect: PropTypes.bool,
+    inputRef: isRef,
+    locale: PropTypes.string,
+    maxDate: isMaxDate,
+    maxDetail: PropTypes.oneOf(allViews),
+    minDate: isMinDate,
+    minDetail: PropTypes.oneOf(allViews),
+    navigationAriaLabel: PropTypes.string,
+    navigationAriaLive: PropTypes.oneOf(['off', 'polite', 'assertive']),
+    navigationLabel: PropTypes.func,
+    next2AriaLabel: PropTypes.string,
+    next2Label: PropTypes.node,
+    nextAriaLabel: PropTypes.string,
+    nextLabel: PropTypes.node,
+    onActiveStartDateChange: PropTypes.func,
+    onChange: PropTypes.func,
+    onClickDay: PropTypes.func,
+    onClickDecade: PropTypes.func,
+    onClickMonth: PropTypes.func,
+    onClickWeekNumber: PropTypes.func,
+    onClickYear: PropTypes.func,
+    onDrillDown: PropTypes.func,
+    onDrillUp: PropTypes.func,
+    onViewChange: PropTypes.func,
+    prev2AriaLabel: PropTypes.string,
+    prev2Label: PropTypes.node,
+    prevAriaLabel: PropTypes.string,
+    prevLabel: PropTypes.node,
+    returnValue: PropTypes.oneOf(['start', 'end', 'range']),
+    selectRange: PropTypes.bool,
+    showDoubleView: PropTypes.bool,
+    showFixedNumberOfWeeks: PropTypes.bool,
+    showNavigation: PropTypes.bool,
+    showNeighboringMonth: PropTypes.bool,
+    showWeekNumbers: PropTypes.bool,
+    tileClassName: PropTypes.oneOfType([PropTypes.func, isClassName]),
+    tileContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+    tileDisabled: PropTypes.func,
+    value: isValueOrValueArray,
+    view: isView,
+};
 var Calendar$1 = Calendar;
 
 var css_248z$G = ".DatePicker-module_datePicker__mTJ3f {\n  width: 100%;\n}";
@@ -7295,7 +7226,7 @@ Array.prototype.distinct = function (comparator) {
 };
 
 var dayjs_min = createCommonjsModule(function (module, exports) {
-!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:O.s(this.$y,4,"0"),M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
+!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
 });
 
 var localizedFormat = createCommonjsModule(function (module, exports) {