rsuite 5.70.3 → 5.72.0

package/dist/rsuite.js

@@ -1900,17 +1900,6 @@ eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol
 
 /***/ }),
 
-/***/ "./node_modules/@rsuite/icon-font/lib/legacy/ClockO.js":
-/*!*************************************************************!*\
-  !*** ./node_modules/@rsuite/icon-font/lib/legacy/ClockO.js ***!
-  \*************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports[\"default\"] = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ClockO(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 27 32\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M16 9.714v8c0 .321-.25.571-.571.571H9.715a.564.564 0 01-.571-.571v-1.143c0-.321.25-.571.571-.571h4V9.714c0-.321.25-.571.571-.571h1.143c.321 0 .571.25.571.571zM23.429 16c0-5.357-4.357-9.714-9.714-9.714S4.001 10.643 4.001 16s4.357 9.714 9.714 9.714 9.714-4.357 9.714-9.714zm4 0c0 7.571-6.143 13.714-13.714 13.714S.001 23.571.001 16 6.144 2.286 13.715 2.286 27.429 8.429 27.429 16z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(ClockO);\nvar _default = ForwardRef;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icon-font/lib/legacy/ClockO.js?");
-
-/***/ }),
-
 /***/ "./node_modules/@rsuite/icon-font/lib/legacy/CloseCircle.js":
 /*!******************************************************************!*\
   !*** ./node_modules/@rsuite/icon-font/lib/legacy/CloseCircle.js ***!
@@ -2802,6 +2791,17 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/ArrowUp.js":
+/*!***********************************************!*\
+  !*** ./node_modules/@rsuite/icons/ArrowUp.js ***!
+  \***********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _ArrowUp[\"default\"];\n  }\n}));\n\nvar _ArrowUp = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/ArrowUp */ \"./node_modules/@rsuite/icons/lib/icons/ArrowUp.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/ArrowUp.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/Check.js":
 /*!*********************************************!*\
   !*** ./node_modules/@rsuite/icons/Check.js ***!
@@ -2879,6 +2879,17 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/Time.js":
+/*!********************************************!*\
+  !*** ./node_modules/@rsuite/icons/Time.js ***!
+  \********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _Time[\"default\"];\n  }\n}));\n\nvar _Time = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/Time */ \"./node_modules/@rsuite/icons/lib/icons/Time.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/Time.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/es/Icon.js":
 /*!***********************************************!*\
   !*** ./node_modules/@rsuite/icons/es/Icon.js ***!
@@ -5299,17 +5310,6 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 
 /***/ }),
 
-/***/ "./node_modules/@rsuite/icons/legacy/ClockO.js":
-/*!*****************************************************!*\
-  !*** ./node_modules/@rsuite/icons/legacy/ClockO.js ***!
-  \*****************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _ClockO[\"default\"];\n  }\n}));\n\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! ../lib/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/lib/icons/legacy/ClockO.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/legacy/ClockO.js?");
-
-/***/ }),
-
 /***/ "./node_modules/@rsuite/icons/legacy/CloseCircle.js":
 /*!**********************************************************!*\
   !*** ./node_modules/@rsuite/icons/legacy/CloseCircle.js ***!
@@ -5519,6 +5519,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/lib/icons/ArrowUp.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/@rsuite/icons/lib/icons/ArrowUp.js ***!
+  \*********************************************************/
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _ArrowUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/ArrowUp */ \"./node_modules/@rsuite/icon-font/lib/direction/ArrowUp.js\"));\n\n// Generated by script, don't edit it please.\nvar ArrowUp = (0, _createSvgIcon[\"default\"])({\n  as: _ArrowUp[\"default\"],\n  ariaLabel: 'arrow up',\n  category: 'direction',\n  displayName: 'ArrowUp'\n});\nvar _default = ArrowUp;\nexports[\"default\"] = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/ArrowUp.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/lib/icons/Check.js":
 /*!*******************************************************!*\
   !*** ./node_modules/@rsuite/icons/lib/icons/Check.js ***!
@@ -5596,6 +5607,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/lib/icons/Time.js":
+/*!******************************************************!*\
+  !*** ./node_modules/@rsuite/icons/lib/icons/Time.js ***!
+  \******************************************************/
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _Time = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/time/Time */ \"./node_modules/@rsuite/icon-font/lib/time/Time.js\"));\n\n// Generated by script, don't edit it please.\nvar Time = (0, _createSvgIcon[\"default\"])({\n  as: _Time[\"default\"],\n  ariaLabel: 'time',\n  category: 'time',\n  displayName: 'Time'\n});\nvar _default = Time;\nexports[\"default\"] = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/Time.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/lib/icons/legacy/AngleDown.js":
 /*!******************************************************************!*\
   !*** ./node_modules/@rsuite/icons/lib/icons/legacy/AngleDown.js ***!
@@ -5684,17 +5706,6 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
-/***/ "./node_modules/@rsuite/icons/lib/icons/legacy/ClockO.js":
-/*!***************************************************************!*\
-  !*** ./node_modules/@rsuite/icons/lib/icons/legacy/ClockO.js ***!
-  \***************************************************************/
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/legacy/ClockO */ \"./node_modules/@rsuite/icon-font/lib/legacy/ClockO.js\"));\n\n// Generated by script, don't edit it please.\nvar ClockO = (0, _createSvgIcon[\"default\"])({\n  as: _ClockO[\"default\"],\n  ariaLabel: 'clock o',\n  category: 'legacy',\n  displayName: 'ClockO'\n});\nvar _default = ClockO;\nexports[\"default\"] = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/legacy/ClockO.js?");
-
-/***/ }),
-
 /***/ "./node_modules/@rsuite/icons/lib/icons/legacy/CloseCircle.js":
 /*!********************************************************************!*\
   !*** ./node_modules/@rsuite/icons/lib/icons/legacy/CloseCircle.js ***!
@@ -6252,7 +6263,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isSameMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameMonth */ \"./node_modules/date-fns/esm/isSameMonth/index.js\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ./CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ./useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _excluded = [\"as\", \"bordered\", \"className\", \"classPrefix\", \"compact\", \"defaultValue\", \"isoWeek\", \"weekStart\", \"locale\", \"onChange\", \"onMonthChange\", \"onSelect\", \"renderCell\", \"value\", \"cellClassName\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Calendar.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The Calendar component is used to select dates.\n * @see https://rsuitejs.com/components/calendar\n */\nvar Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,\n    bordered = props.bordered,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n    compact = props.compact,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? new Date() : _props$defaultValue,\n    isoWeek = props.isoWeek,\n    _props$weekStart = props.weekStart,\n    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,\n    overrideLocale = props.locale,\n    onChange = props.onChange,\n    onMonthChange = props.onMonthChange,\n    onSelect = props.onSelect,\n    renderCell = props.renderCell,\n    value = props.value,\n    cellClassName = props.cellClassName,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarDate = (0, _useCalendarDate2.default)(value, defaultValue),\n    calendarDate = _useCalendarDate.calendarDate,\n    setCalendarDate = _useCalendarDate.setCalendarDate;\n  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),\n    locale = _useCustom.locale;\n  var handleChange = (0, _react.useCallback)(function (nextValue) {\n    setCalendarDate(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);\n    if (!(0, _isSameMonth.default)(nextValue, calendarDate)) {\n      onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextValue);\n    }\n  }, [setCalendarDate, onChange, calendarDate, onMonthChange]);\n  var handleClickToday = (0, _react.useCallback)(function () {\n    handleChange(new Date());\n  }, [handleChange]);\n  var handleSelect = (0, _react.useCallback)(function (nextValue) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);\n    handleChange(nextValue);\n  }, [handleChange, onSelect]);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var renderToolbar = (0, _react.useCallback)(function () {\n    return /*#__PURE__*/_react.default.createElement(_Button.default, {\n      className: prefix('btn-today'),\n      size: \"sm\",\n      onClick: handleClickToday,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 144,\n        columnNumber: 9\n      }\n    }, locale.today || 'Today');\n  }, [handleClickToday, locale.today, prefix]);\n  var customRenderCell = (0, _react.useCallback)(function (date) {\n    return renderCell === null || renderCell === void 0 ? void 0 : renderCell(date);\n  }, [renderCell]);\n  var classes = merge(className, withClassPrefix('panel', {\n    bordered: bordered,\n    compact: compact\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    inline: true,\n    className: classes,\n    ref: ref,\n    isoWeek: isoWeek,\n    weekStart: weekStart,\n    format: \"yyyy-MM-dd\",\n    calendarDate: calendarDate,\n    limitEndYear: 1000,\n    locale: locale,\n    renderTitle: function renderTitle(date) {\n      return /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: date,\n        formatStr: locale.formattedMonthPattern || 'MMMM  yyyy',\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 168,\n          columnNumber: 11\n        }\n      });\n    },\n    renderToolbar: renderToolbar,\n    renderCell: customRenderCell,\n    cellClassName: cellClassName,\n    onMoveForward: handleChange,\n    onMoveBackward: handleChange,\n    onChangeMonth: handleChange,\n    onSelect: handleSelect,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 156,\n      columnNumber: 7\n    }\n  }));\n});\nCalendar.displayName = 'Calendar';\nCalendar.propTypes = {\n  value: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  isoWeek: _propTypes.default.bool,\n  weekStart: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6]),\n  compact: _propTypes.default.bool,\n  bordered: _propTypes.default.bool,\n  locale: _propTypes.default.object,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  renderCell: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = Calendar;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Calendar.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ./CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _hooks2 = __webpack_require__(/*! ./hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _excluded = [\"as\", \"bordered\", \"className\", \"classPrefix\", \"compact\", \"defaultValue\", \"isoWeek\", \"weekStart\", \"locale\", \"onChange\", \"onMonthChange\", \"onSelect\", \"renderCell\", \"value\", \"cellClassName\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Calendar.tsx\",\n  _this = void 0;\n/**\n * The Calendar component is used to select dates.\n * @see https://rsuitejs.com/components/calendar\n */\nvar Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,\n    bordered = props.bordered,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n    compact = props.compact,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? (0, _date.startOfDay)(new Date()) : _props$defaultValue,\n    isoWeek = props.isoWeek,\n    _props$weekStart = props.weekStart,\n    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,\n    overrideLocale = props.locale,\n    onChange = props.onChange,\n    onMonthChange = props.onMonthChange,\n    onSelect = props.onSelect,\n    renderCell = props.renderCell,\n    value = props.value,\n    cellClassName = props.cellClassName,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarDate = (0, _hooks2.useCalendarDate)(value, defaultValue),\n    calendarDate = _useCalendarDate.calendarDate,\n    setCalendarDate = _useCalendarDate.setCalendarDate;\n  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),\n    locale = _useCustom.locale;\n  var handleChange = (0, _hooks.useEventCallback)(function (nextValue) {\n    setCalendarDate(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);\n    if (!(0, _date.isSameMonth)(nextValue, calendarDate)) {\n      onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextValue);\n    }\n  });\n  var handleClickToday = (0, _hooks.useEventCallback)(function () {\n    handleChange(new Date());\n  });\n  var handleSelect = (0, _hooks.useEventCallback)(function (nextValue) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);\n    handleChange(nextValue);\n  });\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var renderToolbar = function renderToolbar() {\n    return /*#__PURE__*/_react.default.createElement(_Button.default, {\n      className: prefix('btn-today'),\n      size: \"sm\",\n      onClick: handleClickToday,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 7\n      }\n    }, locale.today || 'Today');\n  };\n  var renderTitle = function renderTitle(date) {\n    return /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n      date: date,\n      formatStr: locale.formattedMonthPattern || 'MMMM  yyyy',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 143,\n        columnNumber: 7\n      }\n    });\n  };\n  var classes = merge(className, withClassPrefix('panel', {\n    bordered: bordered,\n    compact: compact\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    inline: true,\n    className: classes,\n    ref: ref,\n    isoWeek: isoWeek,\n    weekStart: weekStart,\n    format: \"yyyy-MM-dd\",\n    calendarDate: calendarDate,\n    limitEndYear: 1000,\n    locale: locale,\n    renderTitle: renderTitle,\n    renderToolbar: renderToolbar,\n    renderCell: renderCell,\n    cellClassName: cellClassName,\n    onMoveForward: handleChange,\n    onMoveBackward: handleChange,\n    onChangeMonth: handleChange,\n    onSelect: handleSelect,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 149,\n      columnNumber: 7\n    }\n  }));\n});\nCalendar.displayName = 'Calendar';\nCalendar.propTypes = {\n  value: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  isoWeek: _propTypes.default.bool,\n  weekStart: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6]),\n  compact: _propTypes.default.bool,\n  bordered: _propTypes.default.bool,\n  locale: _propTypes.default.object,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  renderCell: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = Calendar;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Calendar.tsx?");
 
 /***/ }),
 
@@ -6263,7 +6274,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Calendar/Table.tsx\"));\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarBody.tsx\",\n  _this = void 0;\nvar CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-body' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    _useCalendarContext$d = _useCalendarContext.date,\n    date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,\n    isoWeek = _useCalendarContext.isoWeek,\n    overrideLocale = _useCalendarContext.locale,\n    weekStart = _useCalendarContext.weekStart;\n  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var thisMonthDate = (0, _date.setDate)(date, 1);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 21,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Table.default, {\n    rows: (0, _date.getWeekStartDates)(thisMonthDate, {\n      isoWeek: isoWeek,\n      weekStart: weekStart,\n      locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale\n    }),\n    \"aria-label\": formatDate(thisMonthDate, locale.formattedMonthPattern),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 22,\n      columnNumber: 9\n    }\n  }));\n});\nCalendarBody.displayName = 'CalendarBody';\nvar _default = exports[\"default\"] = CalendarBody;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarBody.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Calendar/Grid/index.tsx\"));\nvar _hooks2 = __webpack_require__(/*! ./hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarBody.tsx\",\n  _this = void 0;\nvar CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-body' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendar = (0, _hooks2.useCalendar)(),\n    _useCalendar$date = _useCalendar.date,\n    date = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,\n    isoWeek = _useCalendar.isoWeek,\n    overrideLocale = _useCalendar.locale,\n    weekStart = _useCalendar.weekStart;\n  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var thisMonthDate = (0, _date.setDate)(date, 1);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 21,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Grid.default, {\n    rows: (0, _date.getWeekStartDates)(thisMonthDate, {\n      isoWeek: isoWeek,\n      weekStart: weekStart,\n      locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale\n    }),\n    \"aria-label\": formatDate(thisMonthDate, locale.formattedMonthPattern),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 22,\n      columnNumber: 9\n    }\n  }));\n});\nCalendarBody.displayName = 'CalendarBody';\nvar _default = exports[\"default\"] = CalendarBody;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarBody.tsx?");
 
 /***/ }),
 
@@ -6274,29 +6285,84 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _MonthDropdown = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\"));\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown.tsx\"));\nvar _CalendarBody = _interopRequireDefault(__webpack_require__(/*! ./CalendarBody */ \"./src/Calendar/CalendarBody.tsx\"));\nvar _CalendarHeader = _interopRequireDefault(__webpack_require__(/*! ./CalendarHeader */ \"./src/Calendar/CalendarHeader.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _useCalendarState2 = _interopRequireWildcard(__webpack_require__(/*! ./useCalendarState */ \"./src/Calendar/useCalendarState.ts\"));\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"calendarDate\", \"dateRange\", \"disabledBackward\", \"defaultState\", \"disabledForward\", \"format\", \"hoverRangeValue\", \"inline\", \"isoWeek\", \"weekStart\", \"targetId\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"monthDropdownProps\", \"showMeridian\", \"showWeekNumbers\", \"cellClassName\", \"disabledDate\", \"onChangeMonth\", \"onChangeTime\", \"onMouseMove\", \"onMoveBackward\", \"onMoveForward\", \"onSelect\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"renderCell\", \"renderCellOnPicker\", \"renderTitle\", \"renderToolbar\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarContainer.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n    calendarDateProp = props.calendarDate,\n    dateRange = props.dateRange,\n    disabledBackward = props.disabledBackward,\n    defaultState = props.defaultState,\n    disabledForward = props.disabledForward,\n    format = props.format,\n    hoverRangeValue = props.hoverRangeValue,\n    inline = props.inline,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    _props$weekStart = props.weekStart,\n    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,\n    targetId = props.targetId,\n    limitEndYear = props.limitEndYear,\n    limitStartYear = props.limitStartYear,\n    locale = props.locale,\n    monthDropdownProps = props.monthDropdownProps,\n    showMeridian = props.showMeridian,\n    showWeekNumbers = props.showWeekNumbers,\n    cellClassName = props.cellClassName,\n    disabledDate = props.disabledDate,\n    onChangeMonth = props.onChangeMonth,\n    onChangeTime = props.onChangeTime,\n    onMouseMove = props.onMouseMove,\n    onMoveBackward = props.onMoveBackward,\n    onMoveForward = props.onMoveForward,\n    onSelect = props.onSelect,\n    onToggleMeridian = props.onToggleMeridian,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    renderCell = props.renderCell,\n    renderCellOnPicker = props.renderCellOnPicker,\n    renderTitle = props.renderTitle,\n    renderToolbar = props.renderToolbar,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCalendarState = (0, _useCalendarState2.default)(defaultState),\n    calendarState = _useCalendarState.calendarState,\n    reset = _useCalendarState.reset,\n    openMonth = _useCalendarState.openMonth,\n    openTime = _useCalendarState.openTime;\n  var calendarDate = (0, _react.useMemo)(function () {\n    return (0, _date.isValid)(calendarDateProp) ? calendarDateProp : new Date();\n  }, [calendarDateProp]);\n  var isDateDisabled = (0, _hooks.useEventCallback)(function (date) {\n    var _disabledDate;\n    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;\n  });\n  var isTimeDisabled = function isTimeDisabled(date) {\n    return (0, _date.disableTime)(props, date);\n  };\n  var handleMoveForward = (0, _hooks.useEventCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _date.addMonths)(calendarDate, 1));\n  });\n  var handleMoveBackward = (0, _hooks.useEventCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _date.addMonths)(calendarDate, -1));\n  });\n\n  // It is displayed as the month to be selected.\n  var toggleMonthView = (0, _hooks.useEventCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _useCalendarState2.CalendarState.MONTH);\n  });\n\n  // It is displayed as a time to be selected.\n  var toggleTimeView = (0, _hooks.useEventCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _useCalendarState2.CalendarState.TIME);\n  });\n  var handleCloseDropdown = (0, _hooks.useEventCallback)(function () {\n    return reset();\n  });\n  var renderDate = (0, _date.shouldRenderDate)(format);\n  var renderTime = (0, _date.shouldRenderTime)(format);\n  var renderMonth = (0, _date.shouldRenderMonth)(format);\n  var onlyShowTime = renderTime && !renderDate && !renderMonth;\n  var onlyShowMonth = renderMonth && !renderDate && !renderTime;\n  var showTime = calendarState === _useCalendarState2.CalendarState.TIME || onlyShowTime;\n  var showMonth = calendarState === _useCalendarState2.CalendarState.MONTH || onlyShowMonth;\n  var inSameThisMonthDate = function inSameThisMonthDate(date) {\n    return (0, _date.isSameMonth)(calendarDate, date);\n  };\n  var calendarClasses = merge(className, withClassPrefix({\n    'time-view': showTime,\n    'month-view': showMonth,\n    'show-week-numbers': showWeekNumbers\n  }));\n  var timeDropdownProps = (0, _pick.default)(rest, _date.calendarOnlyProps);\n  var handleChangeMonth = (0, _hooks.useEventCallback)(function (date, event) {\n    reset();\n    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth(date, event);\n  });\n  var contextValue = {\n    date: calendarDate,\n    dateRange: dateRange,\n    format: format,\n    hoverRangeValue: hoverRangeValue,\n    inline: inline,\n    isoWeek: isoWeek,\n    weekStart: weekStart,\n    targetId: targetId,\n    locale: locale,\n    showWeekNumbers: showWeekNumbers,\n    monthDropdownProps: monthDropdownProps,\n    cellClassName: cellClassName,\n    disabledDate: isDateDisabled,\n    inSameMonth: inSameThisMonthDate,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: onChangeTime,\n    onMouseMove: onMouseMove,\n    onSelect: onSelect,\n    renderCell: renderCell,\n    renderCellOnPicker: renderCellOnPicker\n  };\n  return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 329,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    \"data-testid\": \"calendar\"\n  }, (0, _date.omitHideDisabledProps)(rest), {\n    className: calendarClasses,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 330,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, {\n    showMonth: renderMonth,\n    showDate: renderDate,\n    showTime: renderTime,\n    showMeridian: showMeridian,\n    disabledTime: isTimeDisabled,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onToggleMonthDropdown: toggleMonthView,\n    onToggleTimeDropdown: toggleTimeView,\n    onToggleMeridian: onToggleMeridian,\n    renderTitle: renderTitle,\n    renderToolbar: renderToolbar,\n    disabledBackward: disabledBackward,\n    disabledForward: disabledForward,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 336,\n      columnNumber: 11\n    }\n  }), renderDate && /*#__PURE__*/_react.default.createElement(_CalendarBody.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 352,\n      columnNumber: 26\n    }\n  }), renderMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {\n    show: showMonth,\n    limitEndYear: limitEndYear,\n    limitStartYear: limitStartYear,\n    disabledMonth: isDateDisabled,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 354,\n      columnNumber: 13\n    }\n  }), renderTime && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {\n    show: showTime,\n    showMeridian: showMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 362,\n      columnNumber: 13\n    }\n  })), (showMonth || showTime) && renderDate && /*#__PURE__*/_react.default.createElement(\"button\", {\n    className: prefix('btn-close'),\n    onClick: handleCloseDropdown,\n    \"aria-label\": \"Collapse \" + (showMonth ? 'month' : 'time') + \" view\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 366,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 371,\n      columnNumber: 15\n    }\n  }))));\n});\nCalendarContainer.displayName = 'CalendarContainer';\nvar _default = exports[\"default\"] = CalendarContainer;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarContainer.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _MonthDropdown = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\"));\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown/index.tsx\"));\nvar _CalendarBody = _interopRequireDefault(__webpack_require__(/*! ./CalendarBody */ \"./src/Calendar/CalendarBody.tsx\"));\nvar _CalendarHeader = _interopRequireDefault(__webpack_require__(/*! ./CalendarHeader */ \"./src/Calendar/CalendarHeader.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _CalendarProvider = __webpack_require__(/*! ./CalendarProvider */ \"./src/Calendar/CalendarProvider.ts\");\nvar _hooks2 = __webpack_require__(/*! ./hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _ArrowUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowUp */ \"./node_modules/@rsuite/icons/ArrowUp.js\"));\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"calendarDate\", \"dateRange\", \"disabledBackward\", \"defaultState\", \"disabledForward\", \"format\", \"hoverRangeValue\", \"inline\", \"isoWeek\", \"weekStart\", \"targetId\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"monthDropdownProps\", \"showMeridiem\", \"showWeekNumbers\", \"cellClassName\", \"disabledDate\", \"onChangeMonth\", \"onChangeTime\", \"onMouseMove\", \"onMoveBackward\", \"onMoveForward\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"renderCell\", \"renderCellOnPicker\", \"renderTitle\", \"renderToolbar\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarContainer.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n    calendarDateProp = props.calendarDate,\n    dateRange = props.dateRange,\n    disabledBackward = props.disabledBackward,\n    defaultState = props.defaultState,\n    disabledForward = props.disabledForward,\n    format = props.format,\n    hoverRangeValue = props.hoverRangeValue,\n    inline = props.inline,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    _props$weekStart = props.weekStart,\n    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,\n    targetId = props.targetId,\n    limitEndYear = props.limitEndYear,\n    limitStartYear = props.limitStartYear,\n    locale = props.locale,\n    monthDropdownProps = props.monthDropdownProps,\n    showMeridiem = props.showMeridiem,\n    showWeekNumbers = props.showWeekNumbers,\n    cellClassName = props.cellClassName,\n    disabledDate = props.disabledDate,\n    onChangeMonth = props.onChangeMonth,\n    onChangeTime = props.onChangeTime,\n    onMouseMove = props.onMouseMove,\n    onMoveBackward = props.onMoveBackward,\n    onMoveForward = props.onMoveForward,\n    onSelect = props.onSelect,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    renderCell = props.renderCell,\n    renderCellOnPicker = props.renderCellOnPicker,\n    renderTitle = props.renderTitle,\n    renderToolbar = props.renderToolbar,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var calendarDate = (0, _react.useMemo)(function () {\n    return (0, _date.isValid)(calendarDateProp) ? calendarDateProp : (0, _date.startOfToday)();\n  }, [calendarDateProp]);\n  var _useCalendarState = (0, _hooks2.useCalendarState)({\n      defaultState: defaultState,\n      calendarDate: calendarDate,\n      onMoveForward: onMoveForward,\n      onMoveBackward: onMoveBackward,\n      onToggleTimeDropdown: onToggleTimeDropdown,\n      onToggleMonthDropdown: onToggleMonthDropdown\n    }),\n    calendarState = _useCalendarState.calendarState,\n    reset = _useCalendarState.reset,\n    handlers = _useCalendarState.handlers;\n  var isDateDisabled = function isDateDisabled(date) {\n    var _disabledDate;\n    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;\n  };\n  var isTimeDisabled = function isTimeDisabled(date) {\n    return (0, _date.disableTime)(props, date);\n  };\n  var handleCloseDropdown = (0, _hooks.useEventCallback)(function () {\n    return reset();\n  });\n  var _useDateMode = (0, _date.useDateMode)(format),\n    mode = _useDateMode.mode,\n    has = _useDateMode.has;\n  var timeMode = calendarState === _hooks2.CalendarState.TIME || mode === _date.DateMode.Time;\n  var monthMode = calendarState === _hooks2.CalendarState.MONTH || mode === _date.DateMode.Month;\n  var inSameThisMonthDate = function inSameThisMonthDate(date) {\n    return (0, _date.isSameMonth)(calendarDate, date);\n  };\n  var calendarClasses = merge(className, withClassPrefix({\n    'time-view': timeMode,\n    'month-view': monthMode,\n    'only-time': mode === _date.DateMode.Time,\n    'show-week-numbers': showWeekNumbers\n  }));\n  var timeDropdownProps = (0, _pick.default)(rest, _date.calendarOnlyProps);\n  var handleChangeMonth = (0, _hooks.useEventCallback)(function (date, event) {\n    reset();\n    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth(date, event);\n  });\n  var contextValue = {\n    date: calendarDate,\n    dateRange: dateRange,\n    format: format,\n    hoverRangeValue: hoverRangeValue,\n    inline: inline,\n    isoWeek: isoWeek,\n    weekStart: weekStart,\n    targetId: targetId,\n    locale: locale,\n    showWeekNumbers: showWeekNumbers,\n    monthDropdownProps: monthDropdownProps,\n    cellClassName: cellClassName,\n    disabledDate: isDateDisabled,\n    inSameMonth: inSameThisMonthDate,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: onChangeTime,\n    onMouseMove: onMouseMove,\n    onSelect: onSelect,\n    renderCell: renderCell,\n    renderCellOnPicker: renderCellOnPicker\n  };\n  return /*#__PURE__*/_react.default.createElement(_CalendarProvider.CalendarProvider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 312,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    \"data-testid\": \"calendar\"\n  }, (0, _date.omitHideDisabledProps)(rest), {\n    className: calendarClasses,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 313,\n      columnNumber: 9\n    }\n  }), mode !== _date.DateMode.Time && /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, (0, _extends2.default)({}, handlers, {\n    showMonth: has('month'),\n    showDate: has('day'),\n    showTime: has('time'),\n    disabledTime: isTimeDisabled,\n    renderTitle: renderTitle,\n    renderToolbar: renderToolbar,\n    disabledBackward: disabledBackward,\n    disabledForward: disabledForward,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 320,\n      columnNumber: 13\n    }\n  })), has('day') && /*#__PURE__*/_react.default.createElement(_CalendarBody.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 332,\n      columnNumber: 26\n    }\n  }), has('month') && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {\n    show: monthMode,\n    limitEndYear: limitEndYear,\n    limitStartYear: limitStartYear,\n    disabledMonth: isDateDisabled,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 334,\n      columnNumber: 13\n    }\n  }), has('time') && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {\n    show: timeMode,\n    showMeridiem: showMeridiem,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 342,\n      columnNumber: 13\n    }\n  })), (monthMode || timeMode) && has('day') && /*#__PURE__*/_react.default.createElement(\"button\", {\n    className: prefix('btn-close'),\n    onClick: handleCloseDropdown,\n    \"aria-label\": \"Collapse \" + (monthMode ? 'month' : 'time') + \" view\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 346,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/_react.default.createElement(_ArrowUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 351,\n      columnNumber: 15\n    }\n  }))));\n});\nCalendarContainer.displayName = 'CalendarContainer';\nvar _default = exports[\"default\"] = CalendarContainer;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarContainer.tsx?");
 
 /***/ }),
 
-/***/ "./src/Calendar/CalendarContext.ts":
+/***/ "./src/Calendar/CalendarHeader.tsx":
 /*!*****************************************!*\
-  !*** ./src/Calendar/CalendarContext.ts ***!
+  !*** ./src/Calendar/CalendarHeader.tsx ***!
   \*****************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.useCalendarContext = exports[\"default\"] = exports.CalendarProvider = void 0;\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * Represents the inner context value for the Calendar component.\n */\n\n/**\n * Props for the MonthDropdown component.\n */\n\nvar CalendarContext = /*#__PURE__*/_react.default.createContext({});\nvar CalendarProvider = exports.CalendarProvider = CalendarContext.Provider;\nvar useCalendarContext = exports.useCalendarContext = function useCalendarContext() {\n  return (0, _react.useContext)(CalendarContext);\n};\nvar _default = exports[\"default\"] = CalendarContext;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarContext.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ../IconButton */ \"./src/IconButton/index.tsx\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _hooks2 = __webpack_require__(/*! ./hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _hooks3 = __webpack_require__(/*! ../DateRangePicker/hooks */ \"./src/DateRangePicker/hooks/index.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"disabledBackward\", \"disabledForward\", \"showDate\", \"showMonth\", \"showTime\", \"disabledTime\", \"onMoveBackward\", \"onMoveForward\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"renderTitle\", \"renderToolbar\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarHeader.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-header' : _props$classPrefix,\n    disabledBackward = props.disabledBackward,\n    disabledForward = props.disabledForward,\n    showDate = props.showDate,\n    showMonth = props.showMonth,\n    showTime = props.showTime,\n    disabledTime = props.disabledTime,\n    onMoveBackward = props.onMoveBackward,\n    onMoveForward = props.onMoveForward,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    renderTitleProp = props.renderTitle,\n    renderToolbar = props.renderToolbar,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendar = (0, _hooks2.useCalendar)(),\n    locale = _useCalendar.locale,\n    _useCalendar$date = _useCalendar.date,\n    date = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,\n    format = _useCalendar.format,\n    inline = _useCalendar.inline,\n    disabledDate = _useCalendar.disabledDate,\n    targetId = _useCalendar.targetId;\n  var _useDateRangePicker = (0, _hooks3.useDateRangePicker)(),\n    isSelectedIdle = _useDateRangePicker.isSelectedIdle;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var btnProps = {\n    appearance: 'subtle',\n    size: inline ? 'sm' : 'xs'\n  };\n  var timeFormat = (0, _react.useMemo)(function () {\n    var defaultTimeFormat = (locale === null || locale === void 0 ? void 0 : locale.shortTimeFormat) || 'HH:mm';\n    if (!format) {\n      return defaultTimeFormat;\n    }\n    return (0, _date.extractTimeFormat)(format) || defaultTimeFormat;\n  }, [format, locale]);\n  var dateFormat = (0, _react.useMemo)(function () {\n    if (showMonth) {\n      return (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'yyyy-MM';\n    }\n    return 'yyyy';\n  }, [locale, showMonth]);\n  var renderTitle = function renderTitle() {\n    var _renderTitleProp;\n    return (_renderTitleProp = renderTitleProp === null || renderTitleProp === void 0 ? void 0 : renderTitleProp(date)) !== null && _renderTitleProp !== void 0 ? _renderTitleProp : date && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n      date: date,\n      formatStr: dateFormat,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78,\n        columnNumber: 45\n      }\n    });\n  };\n  var dateTitleClasses = prefix('title', 'title-date', {\n    error: disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)\n  });\n  var timeTitleClasses = prefix('title', 'title-time', {\n    error: disabledTime === null || disabledTime === void 0 ? void 0 : disabledTime(date)\n  });\n  var backwardClass = prefix('backward', {\n    'btn-disabled': disabledBackward\n  });\n  var forwardClass = prefix('forward', {\n    'btn-disabled': disabledForward\n  });\n  var monthToolbar = /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('month-toolbar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {\n    // TODO: aria-label should be translated by i18n\n    \"aria-label\": \"Previous month\",\n    className: backwardClass,\n    onClick: disabledBackward ? undefined : onMoveBackward,\n    icon: /*#__PURE__*/_react.default.createElement(_AngleLeft.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 95,\n        columnNumber: 17\n      }\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    \"aria-label\": \"Select month\",\n    id: targetId ? targetId + \"-grid-label\" : undefined,\n    className: dateTitleClasses,\n    onClick: onToggleMonthDropdown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 97,\n      columnNumber: 9\n    }\n  }), renderTitle()), /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {\n    \"aria-label\": \"Next month\",\n    className: forwardClass,\n    onClick: disabledForward ? undefined : onMoveForward,\n    icon: /*#__PURE__*/_react.default.createElement(_AngleRight.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 17\n      }\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 106,\n      columnNumber: 9\n    }\n  })));\n  var hasMonth = showDate || showMonth;\n  var classes = merge(className, withClassPrefix({\n    'has-month': hasMonth,\n    'has-time': showTime\n  }));\n\n  // If the date is not selected, the time cannot be selected (it only works in DateRangePicker).\n  var disableSelectTime = typeof isSelectedIdle === 'undefined' ? false : !isSelectedIdle;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 126,\n      columnNumber: 7\n    }\n  }), hasMonth && monthToolbar, showTime && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('time-toolbar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 129,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    \"aria-label\": \"Select time\",\n    className: timeTitleClasses,\n    onClick: onToggleTimeDropdown,\n    disabled: disableSelectTime,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 130,\n      columnNumber: 13\n    }\n  }), date && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n    date: date,\n    formatStr: timeFormat,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 137,\n      columnNumber: 24\n    }\n  }))), renderToolbar === null || renderToolbar === void 0 ? void 0 : renderToolbar(date));\n});\nCalendarHeader.displayName = 'CalendarHeader';\nvar _default = exports[\"default\"] = CalendarHeader;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarHeader.tsx?");
 
 /***/ }),
 
-/***/ "./src/Calendar/CalendarHeader.tsx":
-/*!*****************************************!*\
-  !*** ./src/Calendar/CalendarHeader.tsx ***!
-  \*****************************************/
+/***/ "./src/Calendar/CalendarProvider.ts":
+/*!******************************************!*\
+  !*** ./src/Calendar/CalendarProvider.ts ***!
+  \******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.CalendarProvider = exports.CalendarContext = void 0;\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n/**\n * Represents the inner context value for the Calendar component.\n */\n\nvar CalendarContext = exports.CalendarContext = /*#__PURE__*/_react.default.createContext({});\nvar CalendarProvider = exports.CalendarProvider = CalendarContext.Provider;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarProvider.ts?");
+
+/***/ }),
+
+/***/ "./src/Calendar/Grid/Grid.tsx":
+/*!************************************!*\
+  !*** ./src/Calendar/Grid/Grid.tsx ***!
+  \************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ../IconButton */ \"./src/IconButton/index.tsx\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _DateRangePickerContext = __webpack_require__(/*! ../DateRangePicker/DateRangePickerContext */ \"./src/DateRangePicker/DateRangePickerContext.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"disabledBackward\", \"disabledForward\", \"showDate\", \"showMeridian\", \"showMonth\", \"showTime\", \"disabledTime\", \"onMoveBackward\", \"onMoveForward\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"renderTitle\", \"renderToolbar\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarHeader.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-header' : _props$classPrefix,\n    disabledBackward = props.disabledBackward,\n    disabledForward = props.disabledForward,\n    showDate = props.showDate,\n    showMeridian = props.showMeridian,\n    showMonth = props.showMonth,\n    showTime = props.showTime,\n    disabledTime = props.disabledTime,\n    onMoveBackward = props.onMoveBackward,\n    onMoveForward = props.onMoveForward,\n    onToggleMeridian = props.onToggleMeridian,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    renderTitleProp = props.renderTitle,\n    renderToolbar = props.renderToolbar,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    locale = _useCalendarContext.locale,\n    _useCalendarContext$d = _useCalendarContext.date,\n    date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,\n    format = _useCalendarContext.format,\n    inline = _useCalendarContext.inline,\n    disabledDate = _useCalendarContext.disabledDate,\n    targetId = _useCalendarContext.targetId;\n  var _useDateRangePickerCo = (0, _DateRangePickerContext.useDateRangePickerContext)(),\n    isSelectedIdle = _useDateRangePickerCo.isSelectedIdle;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var btnProps = {\n    appearance: 'subtle',\n    size: inline ? 'sm' : 'xs'\n  };\n  var getTimeFormat = (0, _react.useCallback)(function () {\n    var timeFormat = [];\n    if (!format) {\n      return '';\n    }\n    if (/([Hh])/.test(format)) {\n      timeFormat.push(showMeridian ? 'hh' : 'HH');\n    }\n    if (/m/.test(format)) {\n      timeFormat.push('mm');\n    }\n    if (/s/.test(format)) {\n      timeFormat.push('ss');\n    }\n    return timeFormat.join(':');\n  }, [format, showMeridian]);\n  var getDateFormat = (0, _react.useCallback)(function () {\n    if (showMonth) {\n      return (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'yyyy-MM';\n    }\n    return 'yyyy';\n  }, [locale, showMonth]);\n  var renderTitle = (0, _react.useCallback)(function () {\n    var _renderTitleProp;\n    return (_renderTitleProp = renderTitleProp === null || renderTitleProp === void 0 ? void 0 : renderTitleProp(date)) !== null && _renderTitleProp !== void 0 ? _renderTitleProp : date && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n      date: date,\n      formatStr: getDateFormat(),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101,\n        columnNumber: 18\n      }\n    });\n  }, [date, getDateFormat, renderTitleProp]);\n  var dateTitleClasses = prefix('title', 'title-date', {\n    error: disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)\n  });\n  var timeTitleClasses = prefix('title', 'title-time', {\n    error: disabledTime === null || disabledTime === void 0 ? void 0 : disabledTime(date)\n  });\n  var backwardClass = prefix('backward', {\n    'btn-disabled': disabledBackward\n  });\n  var forwardClass = prefix('forward', {\n    'btn-disabled': disabledForward\n  });\n  var monthToolbar = /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('month-toolbar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 111,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {\n    // TODO: aria-label should be translated by i18n\n    \"aria-label\": \"Previous month\",\n    className: backwardClass,\n    onClick: disabledBackward ? undefined : onMoveBackward,\n    icon: /*#__PURE__*/_react.default.createElement(_AngleLeft.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 17\n      }\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    \"aria-label\": \"Select month\",\n    id: targetId ? targetId + \"-grid-label\" : undefined,\n    className: dateTitleClasses,\n    onClick: onToggleMonthDropdown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 120,\n      columnNumber: 9\n    }\n  }), renderTitle()), /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {\n    \"aria-label\": \"Next month\",\n    className: forwardClass,\n    onClick: disabledForward ? undefined : onMoveForward,\n    icon: /*#__PURE__*/_react.default.createElement(_AngleRight.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 17\n      }\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 129,\n      columnNumber: 9\n    }\n  })));\n  var hasMonth = showDate || showMonth;\n  var classes = merge(className, withClassPrefix({\n    'has-month': hasMonth,\n    'has-time': showTime\n  }));\n\n  // If the date is not selected, the time cannot be selected (it only works in DateRangePicker).\n  var disableSelectTime = typeof isSelectedIdle === 'undefined' ? false : !isSelectedIdle;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 149,\n      columnNumber: 7\n    }\n  }), hasMonth && monthToolbar, showTime && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('time-toolbar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 152,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    \"aria-label\": \"Select time\",\n    className: timeTitleClasses,\n    onClick: onToggleTimeDropdown,\n    disabled: disableSelectTime,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 153,\n      columnNumber: 13\n    }\n  }), date && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n    date: date,\n    formatStr: getTimeFormat(),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 160,\n      columnNumber: 24\n    }\n  })), showMeridian && /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    \"aria-label\": \"Toggle meridian\",\n    className: prefix('meridian'),\n    onClick: onToggleMeridian,\n    disabled: disableSelectTime,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 164,\n      columnNumber: 15\n    }\n  }), date && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n    date: date,\n    formatStr: \"a\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 171,\n      columnNumber: 26\n    }\n  }))), renderToolbar === null || renderToolbar === void 0 ? void 0 : renderToolbar(date));\n});\nCalendarHeader.displayName = 'CalendarHeader';\nvar _default = exports[\"default\"] = CalendarHeader;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarHeader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _GridRow = _interopRequireDefault(__webpack_require__(/*! ./GridRow */ \"./src/Calendar/Grid/GridRow.tsx\"));\nvar _GridHeaderRow = _interopRequireDefault(__webpack_require__(/*! ./GridHeaderRow */ \"./src/Calendar/Grid/GridHeaderRow.tsx\"));\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _hooks2 = __webpack_require__(/*! ../hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"rows\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Grid/Grid.tsx\",\n  _this = void 0;\nvar Grid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    _props$rows = props.rows,\n    rows = _props$rows === void 0 ? [] : _props$rows,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix());\n  var _useCalendar = (0, _hooks2.useCalendar)(),\n    targetId = _useCalendar.targetId;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"grid\",\n    tabIndex: -1,\n    id: targetId ? targetId + \"-\" + classPrefix : undefined\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_GridHeaderRow.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 9\n    }\n  }), rows.map(function (week, index) {\n    return /*#__PURE__*/_react.default.createElement(_GridRow.default, {\n      key: index,\n      weekendDate: week,\n      rowIndex: index + 1,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 36,\n        columnNumber: 11\n      }\n    });\n  }));\n});\nGrid.displayName = 'CalendarGrid';\nvar _default = exports[\"default\"] = Grid;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Grid/Grid.tsx?");
+
+/***/ }),
+
+/***/ "./src/Calendar/Grid/GridCell.tsx":
+/*!****************************************!*\
+  !*** ./src/Calendar/Grid/GridCell.tsx ***!
+  \****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\nvar _date = __webpack_require__(/*! ../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _hooks2 = __webpack_require__(/*! ../hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/Calendar/utils/index.ts\");\nvar _excluded = [\"as\", \"classPrefix\", \"disabled\", \"selected\", \"date\", \"onSelect\", \"unSameMonth\", \"rangeStart\", \"rangeEnd\", \"inRange\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Grid/GridCell.tsx\",\n  _this = void 0;\nvar GridCell = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    disabled = props.disabled,\n    selected = props.selected,\n    date = props.date,\n    onSelect = props.onSelect,\n    unSameMonth = props.unSameMonth,\n    rangeStart = props.rangeStart,\n    rangeEnd = props.rangeEnd,\n    inRange = props.inRange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendar = (0, _hooks2.useCalendar)(),\n    onMouseMove = _useCalendar.onMouseMove,\n    cellClassName = _useCalendar.cellClassName,\n    renderCell = _useCalendar.renderCell,\n    renderCellOnPicker = _useCalendar.renderCellOnPicker,\n    overrideLocale = _useCalendar.locale;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var formatStr = locale.formattedDayPattern;\n  var ariaLabel = (0, _utils.getAriaLabel)(date, formatStr, formatDate);\n  var todayDate = new Date();\n  var isToday = (0, _date.isSameDay)(date, todayDate);\n  var classes = merge(prefix('cell', {\n    'cell-un-same-month': unSameMonth,\n    'cell-is-today': isToday,\n    'cell-selected': selected,\n    'cell-selected-start': rangeStart,\n    'cell-selected-end': rangeEnd,\n    'cell-in-range': !unSameMonth && inRange,\n    'cell-disabled': disabled\n  }), cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(date));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    role: \"gridcell\",\n    \"aria-label\": ariaLabel,\n    \"aria-selected\": selected || undefined,\n    \"aria-disabled\": disabled || undefined,\n    tabIndex: selected ? 0 : -1,\n    title: isToday ? ariaLabel + \" (\" + (locale === null || locale === void 0 ? void 0 : locale.today) + \")\" : ariaLabel,\n    className: classes,\n    onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, date) : undefined,\n    onClick: onSelect ? (0, _partial.default)(onSelect, date, disabled) : undefined\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('cell-content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 9\n    }\n  }, renderCellOnPicker ? renderCellOnPicker(date) : /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('cell-day'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 13\n    }\n  }, (0, _date.getDate)(date)), renderCell === null || renderCell === void 0 ? void 0 : renderCell(date)));\n});\nGridCell.displayName = 'CalendarGridCell';\nvar _default = exports[\"default\"] = GridCell;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Grid/GridCell.tsx?");
+
+/***/ }),
+
+/***/ "./src/Calendar/Grid/GridHeaderRow.tsx":
+/*!*********************************************!*\
+  !*** ./src/Calendar/Grid/GridHeaderRow.tsx ***!
+  \*********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _upperFirst = _interopRequireDefault(__webpack_require__(/*! lodash/upperFirst */ \"./node_modules/lodash/upperFirst.js\"));\nvar _date = __webpack_require__(/*! ../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _hooks2 = __webpack_require__(/*! ../hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Grid/GridHeaderRow.tsx\",\n  _this = void 0;\nvar GridHeaderRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendar = (0, _hooks2.useCalendar)(),\n    locale = _useCalendar.locale,\n    showWeekNumbers = _useCalendar.showWeekNumbers,\n    isoWeek = _useCalendar.isoWeek,\n    weekStart = _useCalendar.weekStart;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix('row', 'header-row'));\n  var weeks = (0, _date.getWeekKeys)(isoWeek ? 1 : weekStart);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"row\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 7\n    }\n  }), showWeekNumbers && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('header-cell'),\n    role: \"columnheader\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 20,\n      columnNumber: 29\n    }\n  }), weeks.map(function (key) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: key,\n      className: prefix('header-cell'),\n      role: \"columnheader\",\n      \"aria-label\": (0, _upperFirst.default)(key),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix('header-cell-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 13\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale[key]));\n  }));\n});\nGridHeaderRow.displayName = 'CalendarGridHeaderRow';\nvar _default = exports[\"default\"] = GridHeaderRow;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Grid/GridHeaderRow.tsx?");
+
+/***/ }),
+
+/***/ "./src/Calendar/Grid/GridRow.tsx":
+/*!***************************************!*\
+  !*** ./src/Calendar/Grid/GridRow.tsx ***!
+  \***************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _date = __webpack_require__(/*! ../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _constants = __webpack_require__(/*! ../../internals/constants */ \"./src/internals/constants/index.ts\");\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _hooks2 = __webpack_require__(/*! ../hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _GridCell = _interopRequireDefault(__webpack_require__(/*! ./GridCell */ \"./src/Calendar/Grid/GridCell.tsx\"));\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"weekendDate\", \"rowIndex\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Grid/GridRow.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar GridRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _locale$dateLocale$op, _locale$dateLocale;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    _props$weekendDate = props.weekendDate,\n    weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,\n    rowIndex = props.rowIndex,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendar = (0, _hooks2.useCalendar)(),\n    _useCalendar$date = _useCalendar.date,\n    selected = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,\n    dateRange = _useCalendar.dateRange,\n    hoverRangeValue = _useCalendar.hoverRangeValue,\n    isoWeek = _useCalendar.isoWeek,\n    weekStart = _useCalendar.weekStart,\n    showWeekNumbers = _useCalendar.showWeekNumbers,\n    locale = _useCalendar.locale,\n    inSameMonth = _useCalendar.inSameMonth,\n    disabledDate = _useCalendar.disabledDate,\n    onSelect = _useCalendar.onSelect;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var handleSelect = (0, _react.useCallback)(function (date, disabled, event) {\n    if (disabled) {\n      return;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n  }, [onSelect]);\n  var renderDays = function renderDays() {\n    var days = [];\n    var _ref = dateRange || [],\n      selectedStartDate = _ref[0],\n      selectedEndDate = _ref[1];\n    var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],\n      hoverStartDate = _ref2[0],\n      hoverEndDate = _ref2[1];\n    var isRangeSelectionMode = typeof dateRange !== 'undefined';\n    for (var i = 0; i < 7; i += 1) {\n      var thisDate = (0, _date.addDays)(weekendDate, i);\n      var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);\n      var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));\n      var rangeStart = !unSameMonth && selectedStartDate && (0, _date.isSameDay)(thisDate, selectedStartDate);\n      var rangeEnd = !unSameMonth && selectedEndDate && (0, _date.isSameDay)(thisDate, selectedEndDate);\n      var isSelected = isRangeSelectionMode ? rangeStart || rangeEnd : (0, _date.isSameDay)(thisDate, selected);\n\n      // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component\n      //           Calendar is not supposed to be reused this way\n      var inRange = false;\n      // for Selected\n      if (selectedStartDate && selectedEndDate) {\n        if ((0, _date.isBefore)(thisDate, selectedEndDate) && (0, _date.isAfter)(thisDate, selectedStartDate)) {\n          inRange = true;\n        }\n        if ((0, _date.isBefore)(thisDate, selectedStartDate) && (0, _date.isAfter)(thisDate, selectedEndDate)) {\n          inRange = true;\n        }\n      }\n\n      // for Hovering\n      if (!isSelected && hoverStartDate && hoverEndDate) {\n        if (!(0, _date.isAfter)(thisDate, hoverEndDate) && !(0, _date.isBefore)(thisDate, hoverStartDate)) {\n          inRange = true;\n        }\n        if (!(0, _date.isAfter)(thisDate, hoverStartDate) && !(0, _date.isBefore)(thisDate, hoverEndDate)) {\n          inRange = true;\n        }\n      }\n      days.push( /*#__PURE__*/_react.default.createElement(_GridCell.default, {\n        key: (0, _date.format)(thisDate, 'yyyy-MM-dd'),\n        date: thisDate,\n        disabled: disabled,\n        selected: isSelected,\n        onSelect: handleSelect,\n        unSameMonth: unSameMonth,\n        rangeStart: rangeStart,\n        rangeEnd: rangeEnd,\n        inRange: inRange,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 91,\n          columnNumber: 11\n        }\n      }));\n    }\n    return days;\n  };\n  var classes = merge(className, prefix('row'));\n  var _ref3 = (_locale$dateLocale$op = locale === null || locale === void 0 ? void 0 : (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {},\n    firstWeekContainsDate = _ref3.firstWeekContainsDate,\n    weekStartsOn = _ref3.weekStartsOn;\n  var week = (0, _date.format)(weekendDate, isoWeek ? 'I' : 'w', {\n    locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale,\n    firstWeekContainsDate: firstWeekContainsDate,\n    weekStartsOn: weekStart || weekStartsOn\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: \"row\",\n    \"aria-rowindex\": rowIndex,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 7\n    }\n  }), showWeekNumbers && /*#__PURE__*/_react.default.createElement(\"div\", {\n    role: \"rowheader\",\n    \"aria-label\": \"Week \" + week,\n    className: prefix('cell-week-number'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 119,\n      columnNumber: 11\n    }\n  }, week), renderDays());\n});\nGridRow.displayName = 'CalendarGridRow';\nvar _default = exports[\"default\"] = GridRow;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Grid/GridRow.tsx?");
+
+/***/ }),
+
+/***/ "./src/Calendar/Grid/index.tsx":
+/*!*************************************!*\
+  !*** ./src/Calendar/Grid/index.tsx ***!
+  \*************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Calendar/Grid/Grid.tsx\"));\nvar _default = exports[\"default\"] = _Grid.default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Grid/index.tsx?");
 
 /***/ }),
 
@@ -6307,7 +6373,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.isEveryDateInMonth = isEveryDateInMonth;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _Windowing = __webpack_require__(/*! ../internals/Windowing */ \"./src/internals/Windowing/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _MonthDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdownItem */ \"./src/Calendar/MonthDropdownItem.tsx\"));\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"limitStartYear\", \"limitEndYear\", \"show\", \"height\", \"width\", \"disabledMonth\"],\n  _excluded2 = [\"className\", \"itemClassName\", \"as\", \"itemAs\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/MonthDropdown.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar monthMap = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\nfunction isEveryDateInMonth(year, month, predicate) {\n  var days = (0, _date.getDaysInMonth)(new Date(year, month));\n  for (var i = 1; i <= days; i++) {\n    if (!predicate(new Date(year, month, i))) {\n      return false;\n    }\n  }\n  return true;\n}\nvar MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown' : _props$classPrefix,\n    limitStartYear = props.limitStartYear,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 5 : _props$limitEndYear,\n    show = props.show,\n    _props$height = props.height,\n    defaultHeight = _props$height === void 0 ? 221 : _props$height,\n    _props$width = props.width,\n    defaultWidth = _props$width === void 0 ? 256 : _props$width,\n    disabledMonth = props.disabledMonth,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    _useCalendarContext$d = _useCalendarContext.date,\n    date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,\n    targetId = _useCalendarContext.targetId,\n    monthDropdownProps = _useCalendarContext.monthDropdownProps;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var thisYear = (0, _date.getYear)(new Date());\n  var startYear = limitStartYear ? thisYear - limitStartYear + 1 : 1900;\n  var rowCount = (0, _react.useMemo)(function () {\n    var endYear = thisYear + limitEndYear;\n    return endYear - startYear;\n  }, [limitEndYear, startYear, thisYear]);\n  var isMonthDisabled = (0, _react.useCallback)(function (year, month) {\n    if (disabledMonth) {\n      return isEveryDateInMonth(year, month, disabledMonth);\n    }\n    return false;\n  }, [disabledMonth]);\n  var _ref = monthDropdownProps || {},\n    listClassName = _ref.className,\n    itemClassName = _ref.itemClassName,\n    List = _ref.as,\n    _ref$itemAs = _ref.itemAs,\n    Item = _ref$itemAs === void 0 ? 'div' : _ref$itemAs,\n    restListProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);\n  var rowRenderer = (0, _react.useCallback)(function (_ref2) {\n    var index = _ref2.index,\n      style = _ref2.style;\n    var selectedMonth = (0, _date.getMonth)(date);\n    var selectedYear = (0, _date.getYear)(date);\n    var year = startYear + index;\n    var isSelectedYear = year === selectedYear;\n    var titleClassName = prefix('year', {\n      'year-active': isSelectedYear\n    });\n    return /*#__PURE__*/_react.default.createElement(Item, {\n      role: \"row\",\n      \"aria-label\": \"\" + year,\n      className: merge(itemClassName, prefix('row'), {\n        'first-row': index === 0,\n        'last-row': index === rowCount - 1\n      }),\n      style: style,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 109,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: titleClassName,\n      role: \"rowheader\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 13\n      }\n    }, year), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('list'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 121,\n        columnNumber: 13\n      }\n    }, monthMap.map(function (item, month) {\n      return /*#__PURE__*/_react.default.createElement(_MonthDropdownItem.default, {\n        disabled: isMonthDisabled(year, month),\n        active: isSelectedYear && month === selectedMonth,\n        key: month + \"_\" + item,\n        month: month + 1,\n        year: year,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 124,\n          columnNumber: 19\n        }\n      });\n    })));\n  }, [Item, date, isMonthDisabled, merge, prefix, itemClassName, rowCount, startYear]);\n  var classes = merge(className, withClassPrefix(), {\n    show: show\n  });\n  var itemSize = 75;\n  var initialItemIndex = (0, _date.getYear)(date) - startYear;\n  var initialScrollOffset = itemSize * initialItemIndex;\n  if (!show) {\n    return null;\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    role: \"grid\",\n    tabIndex: -1,\n    className: classes,\n    \"aria-labelledby\": targetId ? targetId + \"-grid-label\" : undefined,\n    id: targetId ? targetId + \"-calendar-month-dropdown\" : undefined,\n    \"data-testid\": \"calendar-month-dropdown\"\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 150,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('scroll'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 160,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {\n    defaultHeight: defaultHeight,\n    defaultWidth: defaultWidth,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 161,\n      columnNumber: 11\n    }\n  }, function (_ref3) {\n    var height = _ref3.height,\n      width = _ref3.width;\n    return /*#__PURE__*/_react.default.createElement(_Windowing.FixedSizeList, (0, _extends2.default)({\n      className: merge(prefix('row-wrapper'), listClassName),\n      width: width || defaultWidth,\n      height: height || defaultHeight,\n      itemSize: itemSize,\n      itemCount: rowCount,\n      initialScrollOffset: initialScrollOffset,\n      innerElementType: List\n    }, restListProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 163,\n        columnNumber: 15\n      }\n    }), rowRenderer);\n  })));\n});\nMonthDropdown.displayName = 'MonthDropdown';\nvar _default = exports[\"default\"] = MonthDropdown;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/MonthDropdown.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.isEveryDateInMonth = isEveryDateInMonth;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _Windowing = __webpack_require__(/*! ../internals/Windowing */ \"./src/internals/Windowing/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _MonthDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdownItem */ \"./src/Calendar/MonthDropdownItem.tsx\"));\nvar _hooks2 = __webpack_require__(/*! ./hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"limitStartYear\", \"limitEndYear\", \"show\", \"height\", \"width\", \"disabledMonth\"],\n  _excluded2 = [\"className\", \"itemClassName\", \"as\", \"itemAs\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/MonthDropdown.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar monthMap = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\nfunction isEveryDateInMonth(year, month, predicate) {\n  var days = (0, _date.getDaysInMonth)(new Date(year, month));\n  for (var i = 1; i <= days; i++) {\n    if (!predicate(new Date(year, month, i))) {\n      return false;\n    }\n  }\n  return true;\n}\nvar MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown' : _props$classPrefix,\n    limitStartYear = props.limitStartYear,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 5 : _props$limitEndYear,\n    show = props.show,\n    _props$height = props.height,\n    defaultHeight = _props$height === void 0 ? 221 : _props$height,\n    _props$width = props.width,\n    defaultWidth = _props$width === void 0 ? 256 : _props$width,\n    disabledMonth = props.disabledMonth,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendar = (0, _hooks2.useCalendar)(),\n    _useCalendar$date = _useCalendar.date,\n    date = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,\n    targetId = _useCalendar.targetId,\n    monthDropdownProps = _useCalendar.monthDropdownProps;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var thisYear = (0, _date.getYear)(new Date());\n  var startYear = limitStartYear ? thisYear - limitStartYear + 1 : 1900;\n  var rowCount = (0, _react.useMemo)(function () {\n    var endYear = thisYear + limitEndYear;\n    return endYear - startYear;\n  }, [limitEndYear, startYear, thisYear]);\n  var isMonthDisabled = (0, _react.useCallback)(function (year, month) {\n    if (disabledMonth) {\n      return isEveryDateInMonth(year, month, disabledMonth);\n    }\n    return false;\n  }, [disabledMonth]);\n  var _ref = monthDropdownProps || {},\n    listClassName = _ref.className,\n    itemClassName = _ref.itemClassName,\n    List = _ref.as,\n    _ref$itemAs = _ref.itemAs,\n    Item = _ref$itemAs === void 0 ? 'div' : _ref$itemAs,\n    restListProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);\n  var rowRenderer = (0, _react.useCallback)(function (_ref2) {\n    var index = _ref2.index,\n      style = _ref2.style;\n    var selectedMonth = (0, _date.getMonth)(date);\n    var selectedYear = (0, _date.getYear)(date);\n    var year = startYear + index;\n    var isSelectedYear = year === selectedYear;\n    var titleClassName = prefix('year', {\n      'year-active': isSelectedYear\n    });\n    return /*#__PURE__*/_react.default.createElement(Item, {\n      role: \"row\",\n      \"aria-label\": \"\" + year,\n      className: merge(itemClassName, prefix('row'), {\n        'first-row': index === 0,\n        'last-row': index === rowCount - 1\n      }),\n      style: style,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: titleClassName,\n      role: \"rowheader\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 98,\n        columnNumber: 13\n      }\n    }, year), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('list'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101,\n        columnNumber: 13\n      }\n    }, monthMap.map(function (item, month) {\n      return /*#__PURE__*/_react.default.createElement(_MonthDropdownItem.default, {\n        disabled: isMonthDisabled(year, month),\n        active: isSelectedYear && month === selectedMonth,\n        key: month + \"_\" + item,\n        month: month + 1,\n        year: year,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 104,\n          columnNumber: 19\n        }\n      });\n    })));\n  }, [Item, date, isMonthDisabled, merge, prefix, itemClassName, rowCount, startYear]);\n  var classes = merge(className, withClassPrefix(), {\n    show: show\n  });\n  var itemSize = 75;\n  var initialItemIndex = (0, _date.getYear)(date) - startYear;\n  var initialScrollOffset = itemSize * initialItemIndex;\n  if (!show) {\n    return null;\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    role: \"grid\",\n    tabIndex: -1,\n    className: classes,\n    \"aria-labelledby\": targetId ? targetId + \"-grid-label\" : undefined,\n    id: targetId ? targetId + \"-calendar-month-dropdown\" : undefined,\n    \"data-testid\": \"calendar-month-dropdown\"\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 130,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('scroll'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 140,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {\n    defaultHeight: defaultHeight,\n    defaultWidth: defaultWidth,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 141,\n      columnNumber: 11\n    }\n  }, function (_ref3) {\n    var height = _ref3.height,\n      width = _ref3.width;\n    return /*#__PURE__*/_react.default.createElement(_Windowing.FixedSizeList, (0, _extends2.default)({\n      className: merge(prefix('row-wrapper'), listClassName),\n      width: width || defaultWidth,\n      height: height || defaultHeight,\n      itemSize: itemSize,\n      itemCount: rowCount,\n      initialScrollOffset: initialScrollOffset,\n      innerElementType: List\n    }, restListProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 143,\n        columnNumber: 15\n      }\n    }), rowRenderer);\n  })));\n});\nMonthDropdown.displayName = 'MonthDropdown';\nvar _default = exports[\"default\"] = MonthDropdown;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/MonthDropdown.tsx?");
 
 /***/ }),
 
@@ -6318,106 +6384,172 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Calendar/utils.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"active\", \"disabled\", \"month\", \"year\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/MonthDropdownItem.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar MonthDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown-cell' : _props$classPrefix,\n    active = props.active,\n    disabled = props.disabled,\n    _props$month = props.month,\n    month = _props$month === void 0 ? 0 : _props$month,\n    year = props.year,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    date = _useCalendarContext.date,\n    onSelect = _useCalendarContext.onChangeMonth;\n  var _useCustom = (0, _hooks.useCustom)('Calendar'),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var formatStr = locale.formattedMonthPattern;\n  var currentMonth = (0, _react.useMemo)(function () {\n    if (year && month) {\n      return (0, _utils.composeFunctions)(function (d) {\n        return (0, _date.setYear)(d, year);\n      }, function (d) {\n        return (0, _date.setMonth)(d, month - 1);\n      })(date);\n    }\n    return date;\n  }, [date, month, year]);\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(currentMonth, event);\n  }, [currentMonth, disabled, onSelect]);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix({\n    active: active\n  }), {\n    disabled: disabled\n  });\n  var ariaLabel = currentMonth ? (0, _utils2.getAriaLabel)(currentMonth, formatStr, formatDate) : '';\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    key: month,\n    role: \"gridcell\",\n    \"aria-selected\": active,\n    \"aria-disabled\": disabled,\n    \"aria-label\": ariaLabel,\n    tabIndex: active ? 0 : -1,\n    ref: ref,\n    className: classes,\n    onClick: handleClick\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71,\n      columnNumber: 9\n    }\n  }, month));\n});\nMonthDropdownItem.displayName = 'MonthDropdownItem';\nvar _default = exports[\"default\"] = MonthDropdownItem;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/MonthDropdownItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks2 = __webpack_require__(/*! ./hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Calendar/utils/index.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"active\", \"disabled\", \"month\", \"year\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/MonthDropdownItem.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar MonthDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown-cell' : _props$classPrefix,\n    active = props.active,\n    disabled = props.disabled,\n    _props$month = props.month,\n    month = _props$month === void 0 ? 0 : _props$month,\n    year = props.year,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendar = (0, _hooks2.useCalendar)(),\n    date = _useCalendar.date,\n    onSelect = _useCalendar.onChangeMonth;\n  var _useCustom = (0, _hooks.useCustom)('Calendar'),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var formatStr = locale.formattedMonthPattern;\n  var currentMonth = (0, _react.useMemo)(function () {\n    if (year && month) {\n      return (0, _utils.composeFunctions)(function (d) {\n        return (0, _date.setYear)(d, year);\n      }, function (d) {\n        return (0, _date.setMonth)(d, month - 1);\n      })(date);\n    }\n    return date;\n  }, [date, month, year]);\n  var handleClick = (0, _hooks.useEventCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(currentMonth, event);\n  });\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix({\n    active: active\n  }), {\n    disabled: disabled\n  });\n  var ariaLabel = currentMonth ? (0, _utils2.getAriaLabel)(currentMonth, formatStr, formatDate) : '';\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    key: month,\n    role: \"gridcell\",\n    \"aria-selected\": active,\n    \"aria-disabled\": disabled,\n    \"aria-label\": ariaLabel,\n    tabIndex: active ? 0 : -1,\n    ref: ref,\n    className: classes,\n    onClick: handleClick\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 9\n    }\n  }, month));\n});\nMonthDropdownItem.displayName = 'MonthDropdownItem';\nvar _default = exports[\"default\"] = MonthDropdownItem;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/MonthDropdownItem.tsx?");
 
 /***/ }),
 
-/***/ "./src/Calendar/Table.tsx":
-/*!********************************!*\
-  !*** ./src/Calendar/Table.tsx ***!
-  \********************************/
+/***/ "./src/Calendar/TimeDropdown/TimeColumn.tsx":
+/*!**************************************************!*\
+  !*** ./src/Calendar/TimeDropdown/TimeColumn.tsx ***!
+  \**************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _TableRow = _interopRequireDefault(__webpack_require__(/*! ./TableRow */ \"./src/Calendar/TableRow.tsx\"));\nvar _TableHeaderRow = _interopRequireDefault(__webpack_require__(/*! ./TableHeaderRow */ \"./src/Calendar/TableHeaderRow.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"rows\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Table.tsx\",\n  _this = void 0;\nvar Table = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    _props$rows = props.rows,\n    rows = _props$rows === void 0 ? [] : _props$rows,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix());\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    targetId = _useCalendarContext.targetId;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"grid\",\n    tabIndex: -1,\n    id: targetId ? targetId + \"-\" + classPrefix : undefined\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_TableHeaderRow.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 9\n    }\n  }), rows.map(function (week, index) {\n    return /*#__PURE__*/_react.default.createElement(_TableRow.default, {\n      key: index,\n      weekendDate: week,\n      rowIndex: index + 1,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 11\n      }\n    });\n  }));\n});\nTable.displayName = 'CalendarTable';\nTable.propTypes = {\n  rows: _propTypes.default.array,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = exports[\"default\"] = Table;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Table.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _ScrollView = _interopRequireDefault(__webpack_require__(/*! ../../internals/ScrollView */ \"./src/internals/ScrollView/index.tsx\"));\nvar _excluded = [\"prefix\", \"title\", \"children\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TimeDropdown/TimeColumn.tsx\",\n  _this = void 0;\nvar TimeColumn = function TimeColumn(props) {\n  var prefix = props.prefix,\n    title = props.title,\n    children = props.children,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  return /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('column'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 13,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('column-title'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 14,\n      columnNumber: 7\n    }\n  }, title), /*#__PURE__*/_react.default.createElement(_ScrollView.default, (0, _extends2.default)({\n    customScrollbar: true,\n    as: \"ul\",\n    role: \"listbox\"\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 7\n    }\n  }), children));\n};\nvar _default = exports[\"default\"] = TimeColumn;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown/TimeColumn.tsx?");
 
 /***/ }),
 
-/***/ "./src/Calendar/TableCell.tsx":
-/*!************************************!*\
-  !*** ./src/Calendar/TableCell.tsx ***!
-  \************************************/
+/***/ "./src/Calendar/TimeDropdown/TimeDropdown.tsx":
+/*!****************************************************!*\
+  !*** ./src/Calendar/TimeDropdown/TimeDropdown.tsx ***!
+  \****************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/Calendar/utils.ts\");\nvar _excluded = [\"as\", \"classPrefix\", \"disabled\", \"selected\", \"date\", \"onSelect\", \"unSameMonth\", \"rangeStart\", \"rangeEnd\", \"inRange\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableCell.tsx\",\n  _this = void 0;\nvar TableCell = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    disabled = props.disabled,\n    selected = props.selected,\n    date = props.date,\n    onSelect = props.onSelect,\n    unSameMonth = props.unSameMonth,\n    rangeStart = props.rangeStart,\n    rangeEnd = props.rangeEnd,\n    inRange = props.inRange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    onMouseMove = _useCalendarContext.onMouseMove,\n    cellClassName = _useCalendarContext.cellClassName,\n    renderCell = _useCalendarContext.renderCell,\n    renderCellOnPicker = _useCalendarContext.renderCellOnPicker,\n    overrideLocale = _useCalendarContext.locale;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var formatStr = locale.formattedDayPattern;\n  var ariaLabel = (0, _utils.getAriaLabel)(date, formatStr, formatDate);\n  var todayDate = new Date();\n  var isToday = (0, _date.isSameDay)(date, todayDate);\n  var classes = merge(prefix('cell', {\n    'cell-un-same-month': unSameMonth,\n    'cell-is-today': isToday,\n    'cell-selected': selected,\n    'cell-selected-start': rangeStart,\n    'cell-selected-end': rangeEnd,\n    'cell-in-range': !unSameMonth && inRange,\n    'cell-disabled': disabled\n  }), cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(date));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    role: \"gridcell\",\n    \"aria-label\": ariaLabel,\n    \"aria-selected\": selected || undefined,\n    \"aria-disabled\": disabled || undefined,\n    tabIndex: selected ? 0 : -1,\n    title: isToday ? ariaLabel + \" (\" + (locale === null || locale === void 0 ? void 0 : locale.today) + \")\" : ariaLabel,\n    className: classes,\n    onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, date) : undefined,\n    onClick: onSelect ? (0, _partial.default)(onSelect, date, disabled) : undefined\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('cell-content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 9\n    }\n  }, renderCellOnPicker ? renderCellOnPicker(date) : /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('cell-day'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 13\n    }\n  }, (0, _date.getDate)(date)), renderCell === null || renderCell === void 0 ? void 0 : renderCell(date)));\n});\nTableCell.displayName = 'CalendarTableCell';\nvar _default = exports[\"default\"] = TableCell;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableCell.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\nvar _camelCase = _interopRequireDefault(__webpack_require__(/*! lodash/camelCase */ \"./node_modules/lodash/camelCase.js\"));\nvar _isNumber = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _date = __webpack_require__(/*! ../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks2 = __webpack_require__(/*! ../hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _TimeColumn = _interopRequireDefault(__webpack_require__(/*! ./TimeColumn */ \"./src/Calendar/TimeDropdown/TimeColumn.tsx\"));\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/Calendar/TimeDropdown/utils/index.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"show\", \"showMeridiem\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TimeDropdown/TimeDropdown.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-time-dropdown' : _props$classPrefix,\n    show = props.show,\n    _props$showMeridiem = props.showMeridiem,\n    showMeridiem = _props$showMeridiem === void 0 ? false : _props$showMeridiem,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendar = (0, _hooks2.useCalendar)(),\n    locale = _useCalendar.locale,\n    format = _useCalendar.format,\n    date = _useCalendar.date,\n    onSelect = _useCalendar.onChangeTime,\n    targetId = _useCalendar.targetId;\n  var rowRef = (0, _react.useRef)(null);\n  (0, _react.useEffect)(function () {\n    var time = (0, _utils.getClockTime)({\n      format: format,\n      date: date,\n      showMeridiem: showMeridiem\n    });\n    // The currently selected time scrolls to the visible range.\n    if (show && rowRef.current) {\n      (0, _utils.scrollToTime)(time, rowRef.current);\n    }\n  }, [date, format, show, showMeridiem]);\n  var handleClick = (0, _hooks.useEventCallback)(function (type, d, event) {\n    var nextDate = date || (0, _date.startOfToday)();\n    switch (type) {\n      case 'hours':\n        nextDate = (0, _date.setHours)(nextDate, showMeridiem && (0, _date.getHours)(nextDate) >= 12 ? d + 12 : d);\n        break;\n      case 'minutes':\n        nextDate = (0, _date.setMinutes)(nextDate, d);\n        break;\n      case 'seconds':\n        nextDate = (0, _date.setSeconds)(nextDate, d);\n        break;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextDate, event);\n  });\n  var handleClickMeridiem = (0, _hooks.useEventCallback)(function (meridiem, event) {\n    var tempDate = date || (0, _date.startOfToday)();\n    var hours = (0, _date.getHours)(tempDate);\n    var isAM = hours < 12;\n    var adjustHours = function adjustHours(meridiem, hours) {\n      if (meridiem === 'AM') {\n        return isAM ? hours : hours - 12;\n      }\n      return isAM ? hours + 12 : hours;\n    };\n    var nextHours = adjustHours(meridiem, hours);\n    var nextDate = (0, _date.setHours)(tempDate, nextHours);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextDate, event);\n  });\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    rootPrefix = _useClassNames.rootPrefix,\n    merge = _useClassNames.merge;\n  var renderColumn = function renderColumn(type, value) {\n    if (!(0, _isNumber.default)(value)) {\n      return null;\n    }\n    var _getTimeLimits$type = (0, _utils.getTimeLimits)(showMeridiem)[type],\n      start = _getTimeLimits$type.start,\n      end = _getTimeLimits$type.end;\n    var items = [];\n    var hideFunc = props[(0, _camelCase.default)(\"hide_\" + type)];\n    var disabledFunc = props[(0, _camelCase.default)(\"disabled_\" + type)];\n    for (var i = start; i <= end; i += 1) {\n      if (!(hideFunc !== null && hideFunc !== void 0 && hideFunc(i, date))) {\n        var disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);\n        var itemClasses = prefix('cell', {\n          'cell-active': value === i,\n          'cell-disabled': disabled\n        });\n        items.push( /*#__PURE__*/_react.default.createElement(\"li\", {\n          key: i,\n          role: \"option\",\n          tabIndex: -1,\n          \"aria-label\": i + \" \" + type,\n          \"aria-selected\": value === i,\n          \"aria-disabled\": disabled,\n          \"data-key\": type + \"-\" + i,\n          onClick: !disabled ? (0, _partial.default)(handleClick, type, i) : undefined,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 113,\n            columnNumber: 13\n          }\n        }, /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: itemClasses,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 123,\n            columnNumber: 15\n          }\n        }, showMeridiem && type === 'hours' && i === 0 ? 12 : (0, _utils.formatWithLeadingZero)(i))));\n      }\n    }\n    return /*#__PURE__*/_react.default.createElement(_TimeColumn.default, {\n      prefix: prefix,\n      title: locale === null || locale === void 0 ? void 0 : locale[type],\n      \"data-type\": type,\n      \"aria-label\": \"Select \" + type,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 132,\n        columnNumber: 9\n      }\n    }, items);\n  };\n  var renderMeridiemColumn = function renderMeridiemColumn() {\n    var columns = ['AM', 'PM'];\n    return /*#__PURE__*/_react.default.createElement(_TimeColumn.default, {\n      prefix: prefix,\n      title: 'AM/PM',\n      \"data-type\": \"meridiem\",\n      \"aria-label\": \"Select meridiem\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 9\n      }\n    }, columns.map(function (meridiem, index) {\n      var ampm = date && ((0, _date.getHours)(date) >= 12 ? 'PM' : 'AM');\n      var itemClasses = prefix('cell', {\n        'cell-active': ampm === meridiem\n      });\n      return /*#__PURE__*/_react.default.createElement(\"li\", {\n        key: index,\n        role: \"option\",\n        tabIndex: -1,\n        \"aria-label\": meridiem,\n        \"aria-selected\": ampm === meridiem,\n        \"data-key\": \"meridiem-\" + meridiem,\n        onClick: (0, _partial.default)(handleClickMeridiem, meridiem),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 159,\n          columnNumber: 15\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: itemClasses,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 168,\n          columnNumber: 17\n        }\n      }, meridiem));\n    }));\n  };\n  var time = (0, _utils.getClockTime)({\n    format: format,\n    date: date,\n    showMeridiem: showMeridiem\n  });\n  var classes = merge(className, rootPrefix(classPrefix), {\n    show: show\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"group\",\n    tabIndex: -1,\n    id: targetId ? targetId + \"-\" + classPrefix : undefined\n  }, (0, _date.omitHideDisabledProps)(rest), {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 180,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 188,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('row'),\n    ref: rowRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 189,\n      columnNumber: 11\n    }\n  }, renderColumn('hours', time.hours), renderColumn('minutes', time.minutes), renderColumn('seconds', time.seconds), showMeridiem && renderMeridiemColumn())));\n});\nTimeDropdown.displayName = 'TimeDropdown';\nvar _default = exports[\"default\"] = TimeDropdown;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown/TimeDropdown.tsx?");
 
 /***/ }),
 
-/***/ "./src/Calendar/TableHeaderRow.tsx":
-/*!*****************************************!*\
-  !*** ./src/Calendar/TableHeaderRow.tsx ***!
-  \*****************************************/
+/***/ "./src/Calendar/TimeDropdown/index.tsx":
+/*!*********************************************!*\
+  !*** ./src/Calendar/TimeDropdown/index.tsx ***!
+  \*********************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _upperFirst = _interopRequireDefault(__webpack_require__(/*! lodash/upperFirst */ \"./node_modules/lodash/upperFirst.js\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableHeaderRow.tsx\",\n  _this = void 0;\nvar TableHeaderRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    locale = _useCalendarContext.locale,\n    showWeekNumbers = _useCalendarContext.showWeekNumbers,\n    isoWeek = _useCalendarContext.isoWeek,\n    weekStart = _useCalendarContext.weekStart;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix('row', 'header-row'));\n  var weeks = (0, _date.getWeekKeys)(isoWeek ? 1 : weekStart);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"row\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 7\n    }\n  }), showWeekNumbers && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('header-cell'),\n    role: \"columnheader\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 20,\n      columnNumber: 29\n    }\n  }), weeks.map(function (key) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: key,\n      className: prefix('header-cell'),\n      role: \"columnheader\",\n      \"aria-label\": (0, _upperFirst.default)(key),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix('header-cell-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 13\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale[key]));\n  }));\n});\nTableHeaderRow.displayName = 'CalendarTableHeaderRow';\nvar _default = exports[\"default\"] = TableHeaderRow;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableHeaderRow.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown/TimeDropdown.tsx\"));\nvar _default = exports[\"default\"] = _TimeDropdown.default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown/index.tsx?");
 
 /***/ }),
 
-/***/ "./src/Calendar/TableRow.tsx":
-/*!***********************************!*\
-  !*** ./src/Calendar/TableRow.tsx ***!
-  \***********************************/
+/***/ "./src/Calendar/TimeDropdown/utils/formatWithLeadingZero.ts":
+/*!******************************************************************!*\
+  !*** ./src/Calendar/TimeDropdown/utils/formatWithLeadingZero.ts ***!
+  \******************************************************************/
+/***/ (function(__unused_webpack_module, exports) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.formatWithLeadingZero = void 0;\nvar formatWithLeadingZero = exports.formatWithLeadingZero = function formatWithLeadingZero(number) {\n  return String(number).padStart(2, '0');\n};\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown/utils/formatWithLeadingZero.ts?");
+
+/***/ }),
+
+/***/ "./src/Calendar/TimeDropdown/utils/getClockTime.ts":
+/*!*********************************************************!*\
+  !*** ./src/Calendar/TimeDropdown/utils/getClockTime.ts ***!
+  \*********************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _constants = __webpack_require__(/*! ../internals/constants */ \"./src/internals/constants/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _TableCell = _interopRequireDefault(__webpack_require__(/*! ./TableCell */ \"./src/Calendar/TableCell.tsx\"));\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"weekendDate\", \"rowIndex\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableRow.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _locale$dateLocale$op, _locale$dateLocale;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    _props$weekendDate = props.weekendDate,\n    weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,\n    rowIndex = props.rowIndex,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    _useCalendarContext$d = _useCalendarContext.date,\n    selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,\n    dateRange = _useCalendarContext.dateRange,\n    hoverRangeValue = _useCalendarContext.hoverRangeValue,\n    isoWeek = _useCalendarContext.isoWeek,\n    weekStart = _useCalendarContext.weekStart,\n    showWeekNumbers = _useCalendarContext.showWeekNumbers,\n    locale = _useCalendarContext.locale,\n    inSameMonth = _useCalendarContext.inSameMonth,\n    disabledDate = _useCalendarContext.disabledDate,\n    onSelect = _useCalendarContext.onSelect;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var handleSelect = (0, _react.useCallback)(function (date, disabled, event) {\n    if (disabled) {\n      return;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n  }, [onSelect]);\n  var renderDays = function renderDays() {\n    var days = [];\n    var _ref = dateRange || [],\n      selectedStartDate = _ref[0],\n      selectedEndDate = _ref[1];\n    var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],\n      hoverStartDate = _ref2[0],\n      hoverEndDate = _ref2[1];\n    var isRangeSelectionMode = typeof dateRange !== 'undefined';\n    for (var i = 0; i < 7; i += 1) {\n      var thisDate = (0, _date.addDays)(weekendDate, i);\n      var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);\n      var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));\n      var rangeStart = !unSameMonth && selectedStartDate && (0, _date.isSameDay)(thisDate, selectedStartDate);\n      var rangeEnd = !unSameMonth && selectedEndDate && (0, _date.isSameDay)(thisDate, selectedEndDate);\n      var isSelected = isRangeSelectionMode ? rangeStart || rangeEnd : (0, _date.isSameDay)(thisDate, selected);\n\n      // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component\n      //           Calendar is not supposed to be reused this way\n      var inRange = false;\n      // for Selected\n      if (selectedStartDate && selectedEndDate) {\n        if ((0, _date.isBefore)(thisDate, selectedEndDate) && (0, _date.isAfter)(thisDate, selectedStartDate)) {\n          inRange = true;\n        }\n        if ((0, _date.isBefore)(thisDate, selectedStartDate) && (0, _date.isAfter)(thisDate, selectedEndDate)) {\n          inRange = true;\n        }\n      }\n\n      // for Hovering\n      if (!isSelected && hoverStartDate && hoverEndDate) {\n        if (!(0, _date.isAfter)(thisDate, hoverEndDate) && !(0, _date.isBefore)(thisDate, hoverStartDate)) {\n          inRange = true;\n        }\n        if (!(0, _date.isAfter)(thisDate, hoverStartDate) && !(0, _date.isBefore)(thisDate, hoverEndDate)) {\n          inRange = true;\n        }\n      }\n      days.push( /*#__PURE__*/_react.default.createElement(_TableCell.default, {\n        key: (0, _date.format)(thisDate, 'yyyy-MM-dd'),\n        date: thisDate,\n        disabled: disabled,\n        selected: isSelected,\n        onSelect: handleSelect,\n        unSameMonth: unSameMonth,\n        rangeStart: rangeStart,\n        rangeEnd: rangeEnd,\n        inRange: inRange,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 91,\n          columnNumber: 11\n        }\n      }));\n    }\n    return days;\n  };\n  var classes = merge(className, prefix('row'));\n  var _ref3 = (_locale$dateLocale$op = locale === null || locale === void 0 ? void 0 : (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {},\n    firstWeekContainsDate = _ref3.firstWeekContainsDate,\n    weekStartsOn = _ref3.weekStartsOn;\n  var week = (0, _date.format)(weekendDate, isoWeek ? 'I' : 'w', {\n    locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale,\n    firstWeekContainsDate: firstWeekContainsDate,\n    weekStartsOn: weekStart || weekStartsOn\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: \"row\",\n    \"aria-rowindex\": rowIndex,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 7\n    }\n  }), showWeekNumbers && /*#__PURE__*/_react.default.createElement(\"div\", {\n    role: \"rowheader\",\n    \"aria-label\": \"Week \" + week,\n    className: prefix('cell-week-number'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 119,\n      columnNumber: 11\n    }\n  }, week), renderDays());\n});\nTableRow.displayName = 'CalendarTableRow';\nvar _default = exports[\"default\"] = TableRow;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableRow.tsx?");
+eval("\n\nexports.__esModule = true;\nexports.getClockTime = getClockTime;\nvar _date = __webpack_require__(/*! ../../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\n/**\n * Convert the 24-hour clock to the 12-hour clock\n * @param hours\n */\nfunction getMeridiemHours(hours) {\n  return hours >= 12 ? hours - 12 : hours;\n}\nfunction getClockTime(props) {\n  var format = props.format,\n    date = props.date,\n    showMeridiem = props.showMeridiem;\n  var clockTime = {\n    hours: null,\n    minutes: null,\n    seconds: null,\n    meridiem: null\n  };\n  if (!format) {\n    return clockTime;\n  }\n\n  // If date is provided, extract hours and meridiem\n  if (/(H|h)/.test(format) && date) {\n    var hours = (0, _date.getHours)(date);\n    clockTime.hours = showMeridiem ? getMeridiemHours(hours) : hours;\n    clockTime.meridiem = hours >= 12 ? 'PM' : 'AM';\n  }\n  // Extract minutes if 'm' is present in format and date is provided\n  if (/m/.test(format) && date) {\n    clockTime.minutes = (0, _date.getMinutes)(date);\n  }\n  // // Extract seconds if 's' is present in format and date is provided\n  if (/s/.test(format) && date) {\n    clockTime.seconds = (0, _date.getSeconds)(date);\n  }\n  return clockTime;\n}\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown/utils/getClockTime.ts?");
 
 /***/ }),
 
-/***/ "./src/Calendar/TimeDropdown.tsx":
-/*!***************************************!*\
-  !*** ./src/Calendar/TimeDropdown.tsx ***!
-  \***************************************/
+/***/ "./src/Calendar/TimeDropdown/utils/getTimeLimits.ts":
+/*!**********************************************************!*\
+  !*** ./src/Calendar/TimeDropdown/utils/getTimeLimits.ts ***!
+  \**********************************************************/
+/***/ (function(__unused_webpack_module, exports) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.getTimeLimits = getTimeLimits;\nfunction getTimeLimits(isMeridiem) {\n  var HOURS_24H = {\n    start: 0,\n    end: 23\n  };\n  var HOURS_12H = {\n    start: 0,\n    end: 11\n  };\n  var MINUTES_SECONDS = {\n    start: 0,\n    end: 59\n  };\n  return {\n    hours: isMeridiem ? HOURS_12H : HOURS_24H,\n    minutes: MINUTES_SECONDS,\n    seconds: MINUTES_SECONDS\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown/utils/getTimeLimits.ts?");
+
+/***/ }),
+
+/***/ "./src/Calendar/TimeDropdown/utils/index.ts":
+/*!**************************************************!*\
+  !*** ./src/Calendar/TimeDropdown/utils/index.ts ***!
+  \**************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.getMeridianHours = getMeridianHours;\nexports.getRanges = getRanges;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\nvar _camelCase = _interopRequireDefault(__webpack_require__(/*! lodash/camelCase */ \"./node_modules/lodash/camelCase.js\"));\nvar _isNumber = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar DateUtils = _interopRequireWildcard(__webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\"));\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"show\", \"showMeridian\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TimeDropdown.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * Get the effective range of hours, minutes and seconds\n * @param meridian\n */\nfunction getRanges(meridian) {\n  return {\n    hours: {\n      start: 0,\n      end: meridian ? 11 : 23\n    },\n    minutes: {\n      start: 0,\n      end: 59\n    },\n    seconds: {\n      start: 0,\n      end: 59\n    }\n  };\n}\n\n/**\n * Convert the 24-hour clock to the 12-hour clock\n * @param hours\n */\nfunction getMeridianHours(hours) {\n  return hours >= 12 ? hours - 12 : hours;\n}\nvar getTime = function getTime(props) {\n  var format = props.format,\n    date = props.date,\n    showMeridian = props.showMeridian;\n  var time = date || new Date();\n  var nextTime = {};\n  if (!format) {\n    return nextTime;\n  }\n  if (/(H|h)/.test(format)) {\n    var hours = DateUtils.getHours(time);\n    nextTime.hours = showMeridian ? getMeridianHours(hours) : hours;\n  }\n  if (/m/.test(format)) {\n    nextTime.minutes = DateUtils.getMinutes(time);\n  }\n  if (/s/.test(format)) {\n    nextTime.seconds = DateUtils.getSeconds(time);\n  }\n  return nextTime;\n};\nvar scrollTo = function scrollTo(time, row) {\n  if (!row) {\n    return;\n  }\n  Object.entries(time).forEach(function (_ref) {\n    var type = _ref[0],\n      value = _ref[1];\n    var container = row.querySelector(\"[data-type=\\\"\" + type + \"\\\"]\");\n    var node = container === null || container === void 0 ? void 0 : container.querySelector(\"[data-key=\\\"\" + type + \"-\" + value + \"\\\"]\");\n    if (node && container) {\n      var position = (0, _getPosition.default)(node, container);\n      if (position) {\n        (0, _utils.scrollTopAnimation)(container, position.top, (0, _scrollTop.default)(container) !== 0);\n      }\n    }\n  });\n};\nvar TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-time-dropdown' : _props$classPrefix,\n    show = props.show,\n    _props$showMeridian = props.showMeridian,\n    showMeridian = _props$showMeridian === void 0 ? false : _props$showMeridian,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    locale = _useCalendarContext.locale,\n    format = _useCalendarContext.format,\n    date = _useCalendarContext.date,\n    onSelect = _useCalendarContext.onChangeTime,\n    targetId = _useCalendarContext.targetId;\n  var rowRef = (0, _react.useRef)(null);\n  (0, _react.useEffect)(function () {\n    var time = getTime({\n      format: format,\n      date: date,\n      showMeridian: showMeridian\n    });\n    // The currently selected time scrolls to the visible range.\n    if (show && rowRef.current) {\n      scrollTo(time, rowRef.current);\n    }\n  }, [date, format, show, showMeridian]);\n  var handleClick = function handleClick(type, d, event) {\n    var nextDate = date || new Date();\n    switch (type) {\n      case 'hours':\n        nextDate = DateUtils.setHours(date, showMeridian && DateUtils.getHours(nextDate) >= 12 ? d + 12 : d);\n        break;\n      case 'minutes':\n        nextDate = DateUtils.setMinutes(date, d);\n        break;\n      case 'seconds':\n        nextDate = DateUtils.setSeconds(date, d);\n        break;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextDate, event);\n  };\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    rootPrefix = _useClassNames.rootPrefix,\n    merge = _useClassNames.merge;\n  var renderColumn = function renderColumn(type, active) {\n    if (!(0, _isNumber.default)(active)) {\n      return null;\n    }\n    var _getRanges$type = getRanges(showMeridian)[type],\n      start = _getRanges$type.start,\n      end = _getRanges$type.end;\n    var items = [];\n    var hideFunc = props[(0, _camelCase.default)(\"hide_\" + type)];\n    var disabledFunc = props[(0, _camelCase.default)(\"disabled_\" + type)];\n    for (var i = start; i <= end; i += 1) {\n      if (!(hideFunc !== null && hideFunc !== void 0 && hideFunc(i, date))) {\n        var disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);\n        var itemClasses = prefix('cell', {\n          'cell-active': active === i,\n          'cell-disabled': disabled\n        });\n        items.push( /*#__PURE__*/_react.default.createElement(\"li\", {\n          key: i,\n          role: \"option\",\n          tabIndex: -1,\n          \"aria-label\": i + \" \" + type,\n          \"aria-selected\": active === i,\n          \"aria-disabled\": disabled,\n          \"data-key\": type + \"-\" + i,\n          onClick: !disabled ? (0, _partial.default)(handleClick, type, i) : undefined,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 156,\n            columnNumber: 13\n          }\n        }, /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: itemClasses,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 166,\n            columnNumber: 15\n          }\n        }, showMeridian && type === 'hours' && i === 0 ? '12' : i)));\n      }\n    }\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('column'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 175,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('column-title'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176,\n        columnNumber: 11\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale[type]), /*#__PURE__*/_react.default.createElement(\"ul\", {\n      \"data-type\": type,\n      role: \"listbox\",\n      \"aria-label\": \"Select \" + type,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 177,\n        columnNumber: 11\n      }\n    }, items));\n  };\n  var time = getTime({\n    format: format,\n    date: date,\n    showMeridian: showMeridian\n  });\n  var classes = merge(className, rootPrefix(classPrefix), {\n    show: show\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"group\",\n    tabIndex: -1,\n    id: targetId ? targetId + \"-\" + classPrefix : undefined\n  }, DateUtils.omitHideDisabledProps(rest), {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 188,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 196,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('row'),\n    ref: rowRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 197,\n      columnNumber: 11\n    }\n  }, renderColumn('hours', time.hours), renderColumn('minutes', time.minutes), renderColumn('seconds', time.seconds))));\n});\nTimeDropdown.displayName = 'TimeDropdown';\nvar _default = exports[\"default\"] = TimeDropdown;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown.tsx?");
+eval("\n\nexports.__esModule = true;\nvar _exportNames = {\n  getTimeLimits: true,\n  formatWithLeadingZero: true,\n  scrollToTime: true\n};\nexports.scrollToTime = exports.getTimeLimits = exports.formatWithLeadingZero = void 0;\nvar _getTimeLimits = __webpack_require__(/*! ./getTimeLimits */ \"./src/Calendar/TimeDropdown/utils/getTimeLimits.ts\");\nexports.getTimeLimits = _getTimeLimits.getTimeLimits;\nvar _formatWithLeadingZero = __webpack_require__(/*! ./formatWithLeadingZero */ \"./src/Calendar/TimeDropdown/utils/formatWithLeadingZero.ts\");\nexports.formatWithLeadingZero = _formatWithLeadingZero.formatWithLeadingZero;\nvar _scrollToTime = __webpack_require__(/*! ./scrollToTime */ \"./src/Calendar/TimeDropdown/utils/scrollToTime.ts\");\nexports.scrollToTime = _scrollToTime.scrollToTime;\nvar _getClockTime = __webpack_require__(/*! ./getClockTime */ \"./src/Calendar/TimeDropdown/utils/getClockTime.ts\");\nObject.keys(_getClockTime).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _getClockTime[key]) return;\n  exports[key] = _getClockTime[key];\n});\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown/utils/index.ts?");
 
 /***/ }),
 
-/***/ "./src/Calendar/index.tsx":
-/*!********************************!*\
-  !*** ./src/Calendar/index.tsx ***!
-  \********************************/
+/***/ "./src/Calendar/TimeDropdown/utils/scrollToTime.ts":
+/*!*********************************************************!*\
+  !*** ./src/Calendar/TimeDropdown/utils/scrollToTime.ts ***!
+  \*********************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/Calendar.tsx\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ./CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nexports.CalendarContainer = _CalendarContainer.default;\nvar _useCalendarState = __webpack_require__(/*! ./useCalendarState */ \"./src/Calendar/useCalendarState.ts\");\nexports.CalendarState = _useCalendarState.CalendarState;\nvar _CalendarContext = _interopRequireDefault(__webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\"));\nexports.CalendarContext = _CalendarContext.default;\nvar _default = exports[\"default\"] = _Calendar.default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.scrollToTime = scrollToTime;\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nfunction scrollToTime(time, row) {\n  if (!row) return;\n  var scrollToPosition = function scrollToPosition(container, value, type) {\n    var node = container.querySelector(\"[data-key=\\\"\" + type + \"-\" + value + \"\\\"]\");\n    if (node) {\n      var position = (0, _getPosition.default)(node, container);\n      if (position) {\n        (0, _scrollTop.default)(container, position.top);\n      }\n    }\n  };\n  Object.entries(time).forEach(function (_ref) {\n    var type = _ref[0],\n      value = _ref[1];\n    var container = row.querySelector(\"[data-type=\\\"\" + type + \"\\\"]\");\n    if (container) {\n      scrollToPosition(container, value, type);\n    }\n  });\n}\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown/utils/scrollToTime.ts?");
 
 /***/ }),
 
-/***/ "./src/Calendar/useCalendarDate.ts":
-/*!*****************************************!*\
-  !*** ./src/Calendar/useCalendarDate.ts ***!
-  \*****************************************/
+/***/ "./src/Calendar/hooks/index.ts":
+/*!*************************************!*\
+  !*** ./src/Calendar/hooks/index.ts ***!
+  \*************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar useCalendarDate = function useCalendarDate(value, defaultDate) {\n  var _ref;\n  var valueRef = (0, _react.useRef)(value);\n  var _useState = (0, _react.useState)((_ref = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref !== void 0 ? _ref : new Date()),\n    calendarDate = _useState[0],\n    setValue = _useState[1];\n  var setCalendarDate = (0, _react.useCallback)(function (date) {\n    if (date && (date === null || date === void 0 ? void 0 : date.valueOf()) !== (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.valueOf())) {\n      setValue(date);\n    }\n  }, [calendarDate]);\n  var resetCalendarDate = (0, _react.useCallback)(function (nextValue) {\n    var _ref2, _nextValue;\n    if (nextValue === void 0) {\n      nextValue = value;\n    }\n    setValue((_ref2 = (_nextValue = nextValue) !== null && _nextValue !== void 0 ? _nextValue : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : new Date());\n  }, [defaultDate, value]);\n  (0, _hooks.useUpdateEffect)(function () {\n    var _valueRef$current;\n    if ((value === null || value === void 0 ? void 0 : value.valueOf()) !== ((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.valueOf())) {\n      var _ref3;\n      setCalendarDate((_ref3 = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref3 !== void 0 ? _ref3 : new Date());\n      valueRef.current = value;\n    }\n  }, [value, defaultDate]);\n  return {\n    calendarDate: calendarDate,\n    setCalendarDate: setCalendarDate,\n    resetCalendarDate: resetCalendarDate\n  };\n};\nvar _default = exports[\"default\"] = useCalendarDate;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/useCalendarDate.ts?");
+eval("\n\nexports.__esModule = true;\nvar _exportNames = {\n  useCalendar: true\n};\nexports.useCalendar = void 0;\nvar _useCalendarState = __webpack_require__(/*! ./useCalendarState */ \"./src/Calendar/hooks/useCalendarState.ts\");\nObject.keys(_useCalendarState).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _useCalendarState[key]) return;\n  exports[key] = _useCalendarState[key];\n});\nvar _useCalendarDate = __webpack_require__(/*! ./useCalendarDate */ \"./src/Calendar/hooks/useCalendarDate.ts\");\nObject.keys(_useCalendarDate).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _useCalendarDate[key]) return;\n  exports[key] = _useCalendarDate[key];\n});\nvar _useCalendar = __webpack_require__(/*! ./useCalendar */ \"./src/Calendar/hooks/useCalendar.ts\");\nexports.useCalendar = _useCalendar.useCalendar;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/hooks/index.ts?");
 
 /***/ }),
 
-/***/ "./src/Calendar/useCalendarState.ts":
-/*!******************************************!*\
-  !*** ./src/Calendar/useCalendarState.ts ***!
-  \******************************************/
+/***/ "./src/Calendar/hooks/useCalendar.ts":
+/*!*******************************************!*\
+  !*** ./src/Calendar/hooks/useCalendar.ts ***!
+  \*******************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports[\"default\"] = exports.CalendarState = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar CalendarState = exports.CalendarState = /*#__PURE__*/function (CalendarState) {\n  CalendarState[\"TIME\"] = \"TIME\";\n  CalendarState[\"MONTH\"] = \"MONTH\";\n  return CalendarState;\n}({});\nvar useCalendarState = function useCalendarState(defaultState) {\n  var _useState = (0, _react.useState)(defaultState),\n    calendarState = _useState[0],\n    setCalendarState = _useState[1];\n  var reset = (0, _react.useCallback)(function () {\n    setCalendarState(undefined);\n  }, []);\n  var openMonth = (0, _react.useCallback)(function () {\n    setCalendarState(CalendarState.MONTH);\n  }, []);\n  var openTime = (0, _react.useCallback)(function () {\n    setCalendarState(CalendarState.TIME);\n  }, []);\n  return {\n    calendarState: calendarState,\n    reset: reset,\n    openMonth: openMonth,\n    openTime: openTime\n  };\n};\nvar _default = exports[\"default\"] = useCalendarState;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/useCalendarState.ts?");
+eval("\n\nexports.__esModule = true;\nexports.useCalendar = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _CalendarProvider = __webpack_require__(/*! ../CalendarProvider */ \"./src/Calendar/CalendarProvider.ts\");\nvar useCalendar = exports.useCalendar = function useCalendar() {\n  return (0, _react.useContext)(_CalendarProvider.CalendarContext);\n};\n\n//# sourceURL=webpack://rsuite/./src/Calendar/hooks/useCalendar.ts?");
 
 /***/ }),
 
-/***/ "./src/Calendar/utils.ts":
-/*!*******************************!*\
-  !*** ./src/Calendar/utils.ts ***!
-  \*******************************/
+/***/ "./src/Calendar/hooks/useCalendarDate.ts":
+/*!***********************************************!*\
+  !*** ./src/Calendar/hooks/useCalendarDate.ts ***!
+  \***********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.useCalendarDate = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _date = __webpack_require__(/*! ../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar useCalendarDate = exports.useCalendarDate = function useCalendarDate(value, defaultDate) {\n  var _ref;\n  var valueRef = (0, _react.useRef)(value);\n  var _useState = (0, _react.useState)((_ref = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref !== void 0 ? _ref : (0, _date.startOfToday)()),\n    calendarDate = _useState[0],\n    setValue = _useState[1];\n  var setCalendarDate = (0, _react.useCallback)(function (date) {\n    if (date && (date === null || date === void 0 ? void 0 : date.valueOf()) !== (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.valueOf())) {\n      setValue(date);\n    }\n  }, [calendarDate]);\n  var resetCalendarDate = (0, _react.useCallback)(function (nextValue) {\n    var _ref2, _nextValue;\n    if (nextValue === void 0) {\n      nextValue = value;\n    }\n    setValue((_ref2 = (_nextValue = nextValue) !== null && _nextValue !== void 0 ? _nextValue : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : (0, _date.startOfToday)());\n  }, [defaultDate, value]);\n  (0, _hooks.useUpdateEffect)(function () {\n    var _valueRef$current;\n    if ((value === null || value === void 0 ? void 0 : value.valueOf()) !== ((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.valueOf())) {\n      var _ref3;\n      setCalendarDate((_ref3 = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref3 !== void 0 ? _ref3 : (0, _date.startOfToday)());\n      valueRef.current = value;\n    }\n  }, [value, defaultDate]);\n  return {\n    calendarDate: calendarDate,\n    setCalendarDate: setCalendarDate,\n    resetCalendarDate: resetCalendarDate\n  };\n};\n\n//# sourceURL=webpack://rsuite/./src/Calendar/hooks/useCalendarDate.ts?");
+
+/***/ }),
+
+/***/ "./src/Calendar/hooks/useCalendarState.ts":
+/*!************************************************!*\
+  !*** ./src/Calendar/hooks/useCalendarState.ts ***!
+  \************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.useCalendarState = exports.CalendarState = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _date = __webpack_require__(/*! ../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar CalendarState = exports.CalendarState = /*#__PURE__*/function (CalendarState) {\n  CalendarState[\"TIME\"] = \"TIME\";\n  CalendarState[\"MONTH\"] = \"MONTH\";\n  return CalendarState;\n}({});\nvar useCalendarState = exports.useCalendarState = function useCalendarState(props) {\n  var _useState = (0, _react.useState)(props.defaultState),\n    calendarState = _useState[0],\n    setCalendarState = _useState[1];\n  var reset = (0, _react.useCallback)(function () {\n    setCalendarState(undefined);\n  }, []);\n  var onMoveForward = (0, _hooks.useEventCallback)(function () {\n    var _props$onMoveForward;\n    (_props$onMoveForward = props.onMoveForward) === null || _props$onMoveForward === void 0 ? void 0 : _props$onMoveForward.call(props, (0, _date.addMonths)(props.calendarDate, 1));\n  });\n  var onMoveBackward = (0, _hooks.useEventCallback)(function () {\n    var _props$onMoveBackward;\n    (_props$onMoveBackward = props.onMoveBackward) === null || _props$onMoveBackward === void 0 ? void 0 : _props$onMoveBackward.call(props, (0, _date.addMonths)(props.calendarDate, -1));\n  });\n  var onToggleTimeDropdown = (0, _hooks.useEventCallback)(function () {\n    var _props$onToggleTimeDr;\n    if (calendarState === CalendarState.TIME) {\n      reset();\n    } else {\n      setCalendarState(CalendarState.TIME);\n    }\n    (_props$onToggleTimeDr = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr === void 0 ? void 0 : _props$onToggleTimeDr.call(props, calendarState !== CalendarState.TIME);\n  });\n  var onToggleMonthDropdown = (0, _hooks.useEventCallback)(function () {\n    var _props$onToggleMonthD;\n    if (calendarState === CalendarState.MONTH) {\n      reset();\n    } else {\n      setCalendarState(CalendarState.MONTH);\n    }\n    (_props$onToggleMonthD = props.onToggleMonthDropdown) === null || _props$onToggleMonthD === void 0 ? void 0 : _props$onToggleMonthD.call(props, calendarState !== CalendarState.MONTH);\n  });\n  var handlers = (0, _react.useMemo)(function () {\n    return {\n      onMoveForward: onMoveForward,\n      onMoveBackward: onMoveBackward,\n      onToggleTimeDropdown: onToggleTimeDropdown,\n      onToggleMonthDropdown: onToggleMonthDropdown\n    };\n  }, [onMoveBackward, onMoveForward, onToggleMonthDropdown, onToggleTimeDropdown]);\n  return {\n    calendarState: calendarState,\n    handlers: handlers,\n    reset: reset\n  };\n};\n\n//# sourceURL=webpack://rsuite/./src/Calendar/hooks/useCalendarState.ts?");
+
+/***/ }),
+
+/***/ "./src/Calendar/index.tsx":
+/*!********************************!*\
+  !*** ./src/Calendar/index.tsx ***!
+  \********************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/Calendar.tsx\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ./CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nexports.CalendarContainer = _CalendarContainer.default;\nvar _hooks = __webpack_require__(/*! ./hooks */ \"./src/Calendar/hooks/index.ts\");\nexports.CalendarState = _hooks.CalendarState;\nvar _default = exports[\"default\"] = _Calendar.default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Calendar/utils/getAriaLabel.ts":
+/*!********************************************!*\
+  !*** ./src/Calendar/utils/getAriaLabel.ts ***!
+  \********************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.getAriaLabel = getAriaLabel;\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\n/**\n * Get aria-label for the date.\n * @param date - The date.\n * @param formatStr - The format string.\n * @param format - The format function.\n */\nfunction getAriaLabel(date, formatStr, format) {\n  return format ? format(date, formatStr) : (0, _date.format)(date, formatStr);\n}\n\n//# sourceURL=webpack://rsuite/./src/Calendar/utils.ts?");
+eval("\n\nexports.__esModule = true;\nexports.getAriaLabel = getAriaLabel;\nvar _date = __webpack_require__(/*! ../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\n/**\n * Get aria-label for the date.\n * @param date - The date.\n * @param formatStr - The format string.\n * @param format - The format function.\n */\nfunction getAriaLabel(date, formatStr, format) {\n  return format ? format(date, formatStr) : (0, _date.format)(date, formatStr);\n}\n\n//# sourceURL=webpack://rsuite/./src/Calendar/utils/getAriaLabel.ts?");
+
+/***/ }),
+
+/***/ "./src/Calendar/utils/index.ts":
+/*!*************************************!*\
+  !*** ./src/Calendar/utils/index.ts ***!
+  \*************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.getAriaLabel = void 0;\nvar _getAriaLabel = __webpack_require__(/*! ./getAriaLabel */ \"./src/Calendar/utils/getAriaLabel.ts\");\nexports.getAriaLabel = _getAriaLabel.getAriaLabel;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/utils/index.ts?");
 
 /***/ }),
 
@@ -6901,7 +7033,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar isElem
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useDateField = exports.patternMap = exports.DateField = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\nvar _wrapNativeSuper2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/wrapNativeSuper */ \"./node_modules/@babel/runtime/helpers/wrapNativeSuper.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _isValid = _interopRequireDefault(__webpack_require__(/*! date-fns/isValid */ \"./node_modules/date-fns/esm/isValid/index.js\"));\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/DateInput/utils.ts\");\nvar patternMap = exports.patternMap = {\n  y: 'year',\n  M: 'month',\n  d: 'day',\n  H: 'hour',\n  h: 'hour',\n  m: 'minute',\n  s: 'second',\n  a: 'meridian'\n};\nvar DateField = exports.DateField = /*#__PURE__*/function (_Object) {\n  function DateField(format, value) {\n    var _this;\n    _this = _Object.call(this) || this;\n    _this.format = void 0;\n    _this.patternArray = [];\n    _this.year = null;\n    _this.month = null;\n    _this.day = null;\n    _this.hour = null;\n    _this.minute = null;\n    _this.second = null;\n    _this.format = format;\n    var formatArray = format.match(new RegExp('([y|d|M|H|h|m|s|a])+', 'ig')) || [];\n    _this.patternArray = formatArray.map(function (pattern) {\n      return {\n        pattern: pattern,\n        key: patternMap[pattern[0]]\n      };\n    });\n    if (value && (0, _isValid.default)(value)) {\n      _this.year = value.getFullYear();\n      _this.month = value.getMonth() + 1;\n      _this.day = value.getDate();\n      _this.hour = value.getHours();\n      _this.minute = value.getMinutes();\n      _this.second = value.getSeconds();\n    }\n    return _this;\n  }\n  (0, _inheritsLoose2.default)(DateField, _Object);\n  return DateField;\n}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Object));\n/**\n * Pad a number with zeros to the left.\n */\nfunction padNumber(number, length) {\n  var numberString = String(number);\n  if (numberString.length >= length) {\n    return numberString;\n  }\n  var paddingCount = length - numberString.length;\n  for (var i = 0; i < paddingCount; i++) {\n    numberString = '0' + numberString;\n  }\n  return numberString;\n}\nvar useDateField = exports.useDateField = function useDateField(format, localize, date) {\n  var _useReducer = (0, _react.useReducer)(function (state, action) {\n      switch (action.type) {\n        case 'setYear':\n          return (0, _extends2.default)({}, state, {\n            year: action.value\n          });\n        case 'setMonth':\n          return (0, _extends2.default)({}, state, {\n            month: action.value\n          });\n        case 'setDay':\n          return (0, _extends2.default)({}, state, {\n            day: action.value\n          });\n        case 'setHour':\n          return (0, _extends2.default)({}, state, {\n            hour: action.value\n          });\n        case 'setMinute':\n          return (0, _extends2.default)({}, state, {\n            minute: action.value\n          });\n        case 'setSecond':\n          return (0, _extends2.default)({}, state, {\n            second: action.value\n          });\n        case 'setNewDate':\n          return new DateField(format, action.value);\n        default:\n          return state;\n      }\n    }, new DateField(format, date)),\n    dateField = _useReducer[0],\n    dispatch = _useReducer[1];\n  var toDateString = function toDateString() {\n    var str = format;\n    dateField.patternArray.forEach(function (item) {\n      var key = item.key,\n        pattern = item.pattern;\n      var hour = dateField.hour;\n      var value = dateField[key];\n      if (value !== null) {\n        if (pattern === 'MMM' && typeof value === 'number') {\n          value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {\n            width: 'abbreviated'\n          });\n        } else if (pattern === 'MMMM' && typeof value === 'number') {\n          value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {\n            width: 'wide'\n          });\n        } else if (pattern === 'aa') {\n          if (typeof hour === 'number') {\n            value = hour > 12 ? 'PM' : 'AM';\n          } else {\n            value = 'aa';\n          }\n        } else if (pattern === 'hh' && typeof value === 'number') {\n          value = value === 0 ? 12 : value > 12 ? value - 12 : value;\n        }\n        if (typeof value === 'number') {\n          value = padNumber(value, pattern.length);\n        }\n        if (typeof value !== 'undefined') {\n          str = str.replace(pattern, value);\n        }\n      }\n    });\n    return str;\n  };\n\n  // Check if the field value is valid.\n  var validFieldValue = function validFieldValue(type, value) {\n    var _format$match;\n    var isValid = true;\n    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 ? void 0 : _format$match.forEach(function (pattern) {\n      var key = patternMap[pattern[0]];\n      var fieldValue = type === key ? value : dateField[key];\n      if (fieldValue === null) {\n        isValid = false;\n        return;\n      }\n    });\n    return isValid;\n  };\n  var isEmptyValue = function isEmptyValue(type, value) {\n    var _format$match2;\n    var checkValueArray = (_format$match2 = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match2 === void 0 ? void 0 : _format$match2.map(function (pattern) {\n      var key = patternMap[pattern[0]];\n      var fieldValue = type === key ? value : dateField[key];\n      return fieldValue !== null;\n    });\n    return checkValueArray === null || checkValueArray === void 0 ? void 0 : checkValueArray.every(function (item) {\n      return item === false;\n    });\n  };\n  var toDate = function toDate(type, value) {\n    var year = dateField.year,\n      month = dateField.month,\n      day = dateField.day,\n      hour = dateField.hour,\n      minute = dateField.minute,\n      second = dateField.second;\n    var date = new Date(year || 0, typeof month === 'number' ? Math.max(month - 1, 0) : 0,\n    // The default day is 1 when the value is null, otherwise it becomes the last day of the month.\n    day || 1, hour || 0, minute || 0, second || 0);\n    if (typeof type === 'undefined' || typeof value === 'undefined') {\n      return date;\n    }\n    if (value === null || !validFieldValue(type, value)) {\n      if (isEmptyValue(type, value)) {\n        return null;\n      }\n\n      // Invalid Date\n      return new Date('');\n    } else if ((type === 'day' || type === 'month') && value === 0) {\n      // Invalid Date. If the type is day and the value is 0, it is considered an invalid date.\n      return new Date('');\n    }\n    if (type === 'meridian' && typeof hour === 'number') {\n      var newHour = hour > 12 ? hour - 12 : hour + 12;\n      type = 'hour';\n      value = newHour;\n    }\n    return (0, _utils.modifyDate)(date, type, value);\n  };\n  return {\n    dateField: dateField,\n    dispatch: dispatch,\n    toDate: toDate,\n    toDateString: toDateString,\n    isEmptyValue: isEmptyValue\n  };\n};\n\n//# sourceURL=webpack://rsuite/./src/DateInput/DateField.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useDateField = exports.patternMap = exports.DateField = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\nvar _wrapNativeSuper2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/wrapNativeSuper */ \"./node_modules/@babel/runtime/helpers/wrapNativeSuper.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _isValid = _interopRequireDefault(__webpack_require__(/*! date-fns/isValid */ \"./node_modules/date-fns/esm/isValid/index.js\"));\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/DateInput/utils.ts\");\nvar patternMap = exports.patternMap = {\n  y: 'year',\n  M: 'month',\n  d: 'day',\n  H: 'hour',\n  h: 'hour',\n  m: 'minute',\n  s: 'second',\n  a: 'meridiem'\n};\nvar DateField = exports.DateField = /*#__PURE__*/function (_Object) {\n  function DateField(format, value) {\n    var _this;\n    _this = _Object.call(this) || this;\n    _this.format = void 0;\n    _this.patternArray = [];\n    _this.year = null;\n    _this.month = null;\n    _this.day = null;\n    _this.hour = null;\n    _this.minute = null;\n    _this.second = null;\n    _this.format = format;\n    var formatArray = format.match(new RegExp('([y|d|M|H|h|m|s|a])+', 'ig')) || [];\n    _this.patternArray = formatArray.map(function (pattern) {\n      return {\n        pattern: pattern,\n        key: patternMap[pattern[0]]\n      };\n    });\n    if (value && (0, _isValid.default)(value)) {\n      _this.year = value.getFullYear();\n      _this.month = value.getMonth() + 1;\n      _this.day = value.getDate();\n      _this.hour = value.getHours();\n      _this.minute = value.getMinutes();\n      _this.second = value.getSeconds();\n    }\n    return _this;\n  }\n  (0, _inheritsLoose2.default)(DateField, _Object);\n  return DateField;\n}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Object));\n/**\n * Pad a number with zeros to the left.\n */\nfunction padNumber(number, length) {\n  var numberString = String(number);\n  if (numberString.length >= length) {\n    return numberString;\n  }\n  var paddingCount = length - numberString.length;\n  for (var i = 0; i < paddingCount; i++) {\n    numberString = '0' + numberString;\n  }\n  return numberString;\n}\nvar useDateField = exports.useDateField = function useDateField(format, localize, date) {\n  var _useReducer = (0, _react.useReducer)(function (state, action) {\n      switch (action.type) {\n        case 'setYear':\n          return (0, _extends2.default)({}, state, {\n            year: action.value\n          });\n        case 'setMonth':\n          return (0, _extends2.default)({}, state, {\n            month: action.value\n          });\n        case 'setDay':\n          return (0, _extends2.default)({}, state, {\n            day: action.value\n          });\n        case 'setHour':\n          return (0, _extends2.default)({}, state, {\n            hour: action.value\n          });\n        case 'setMinute':\n          return (0, _extends2.default)({}, state, {\n            minute: action.value\n          });\n        case 'setSecond':\n          return (0, _extends2.default)({}, state, {\n            second: action.value\n          });\n        case 'setNewDate':\n          return new DateField(format, action.value);\n        default:\n          return state;\n      }\n    }, new DateField(format, date)),\n    dateField = _useReducer[0],\n    dispatch = _useReducer[1];\n  var toDateString = function toDateString() {\n    var str = format;\n    dateField.patternArray.forEach(function (item) {\n      var key = item.key,\n        pattern = item.pattern;\n      var hour = dateField.hour;\n      var value = dateField[key];\n      if (value !== null) {\n        if (pattern === 'MMM' && typeof value === 'number') {\n          value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {\n            width: 'abbreviated'\n          });\n        } else if (pattern === 'MMMM' && typeof value === 'number') {\n          value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {\n            width: 'wide'\n          });\n        } else if (pattern === 'aa') {\n          if (typeof hour === 'number') {\n            value = hour > 12 ? 'PM' : 'AM';\n          } else {\n            value = 'aa';\n          }\n        } else if (pattern === 'hh' && typeof value === 'number') {\n          value = value === 0 ? 12 : value > 12 ? value - 12 : value;\n        }\n        if (typeof value === 'number') {\n          value = padNumber(value, pattern.length);\n        }\n        if (typeof value !== 'undefined') {\n          str = str.replace(pattern, value);\n        }\n      }\n    });\n    return str;\n  };\n\n  // Check if the field value is valid.\n  var validFieldValue = function validFieldValue(type, value) {\n    var _format$match;\n    var isValid = true;\n    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 ? void 0 : _format$match.forEach(function (pattern) {\n      var key = patternMap[pattern[0]];\n      var fieldValue = type === key ? value : dateField[key];\n      if (fieldValue === null) {\n        isValid = false;\n        return;\n      }\n    });\n    return isValid;\n  };\n  var isEmptyValue = function isEmptyValue(type, value) {\n    var _format$match2;\n    var checkValueArray = (_format$match2 = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match2 === void 0 ? void 0 : _format$match2.map(function (pattern) {\n      var key = patternMap[pattern[0]];\n      var fieldValue = type === key ? value : dateField[key];\n      return fieldValue !== null;\n    });\n    return checkValueArray === null || checkValueArray === void 0 ? void 0 : checkValueArray.every(function (item) {\n      return item === false;\n    });\n  };\n  var toDate = function toDate(type, value) {\n    var year = dateField.year,\n      month = dateField.month,\n      day = dateField.day,\n      hour = dateField.hour,\n      minute = dateField.minute,\n      second = dateField.second;\n    var date = new Date(year || 0, typeof month === 'number' ? Math.max(month - 1, 0) : 0,\n    // The default day is 1 when the value is null, otherwise it becomes the last day of the month.\n    day || 1, hour || 0, minute || 0, second || 0);\n    if (typeof type === 'undefined' || typeof value === 'undefined') {\n      return date;\n    }\n    if (value === null || !validFieldValue(type, value)) {\n      if (isEmptyValue(type, value)) {\n        return null;\n      }\n\n      // Invalid Date\n      return new Date('');\n    } else if ((type === 'day' || type === 'month') && value === 0) {\n      // Invalid Date. If the type is day and the value is 0, it is considered an invalid date.\n      return new Date('');\n    }\n    if (type === 'meridiem' && typeof hour === 'number') {\n      var newHour = hour > 12 ? hour - 12 : hour + 12;\n      type = 'hour';\n      value = newHour;\n    }\n    return (0, _utils.modifyDate)(date, type, value);\n  };\n  return {\n    dateField: dateField,\n    dispatch: dispatch,\n    toDate: toDate,\n    toDateString: toDateString,\n    isEmptyValue: isEmptyValue\n  };\n};\n\n//# sourceURL=webpack://rsuite/./src/DateInput/DateField.ts?");
 
 /***/ }),
 
@@ -6912,7 +7044,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateInput/utils.ts\");\nvar _useDateInputState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useDateInputState */ \"./src/DateInput/hooks/useDateInputState.ts\"));\nvar _useKeyboardInputEvent = _interopRequireDefault(__webpack_require__(/*! ./hooks/useKeyboardInputEvent */ \"./src/DateInput/hooks/useKeyboardInputEvent.ts\"));\nvar _useIsFocused2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useIsFocused */ \"./src/DateInput/hooks/useIsFocused.ts\"));\nvar _useFieldCursor2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFieldCursor */ \"./src/DateInput/hooks/useFieldCursor.ts\"));\nvar _useSelectedState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useSelectedState */ \"./src/DateInput/hooks/useSelectedState.ts\"));\nvar _excluded = [\"format\", \"value\", \"defaultValue\", \"placeholder\", \"onChange\", \"onKeyDown\", \"onBlur\", \"onFocus\", \"onPaste\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateInput/DateInput.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The DateInput component lets users select a date with the keyboard.\n * @version 5.58.0\n * @see https://rsuitejs.com/components/date-input/\n */\nvar DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    valueProp = props.value,\n    defaultValue = props.defaultValue,\n    placeholder = props.placeholder,\n    onChange = props.onChange,\n    onKeyDown = props.onKeyDown,\n    onBlur = props.onBlur,\n    onFocus = props.onFocus,\n    onPaste = props.onPaste,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var inputRef = (0, _react.useRef)();\n  var _useSelectedState = (0, _useSelectedState2.default)(),\n    selectedState = _useSelectedState.selectedState,\n    setSelectedState = _useSelectedState.setSelectedState;\n  var _useCustom = (0, _hooks.useCustom)('Calendar'),\n    locale = _useCustom.locale,\n    parseDate = _useCustom.parseDate;\n  var dateLocale = locale.dateLocale;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var _useDateInputState = (0, _useDateInputState2.default)({\n      formatStr: formatStr,\n      locale: dateLocale,\n      date: value,\n      isControlledDate: isControlled\n    }),\n    dateField = _useDateInputState.dateField,\n    setDateOffset = _useDateInputState.setDateOffset,\n    setDateField = _useDateInputState.setDateField,\n    setNewDate = _useDateInputState.setNewDate,\n    getDateField = _useDateInputState.getDateField,\n    toDateString = _useDateInputState.toDateString,\n    isEmptyValue = _useDateInputState.isEmptyValue;\n  var _useFieldCursor = (0, _useFieldCursor2.default)(formatStr, valueProp),\n    isMoveCursor = _useFieldCursor.isMoveCursor,\n    isResetValue = _useFieldCursor.isResetValue,\n    increment = _useFieldCursor.increment,\n    reset = _useFieldCursor.reset;\n  var dateString = toDateString();\n  var keyPressOptions = (0, _react.useMemo)(function () {\n    return {\n      formatStr: formatStr,\n      localize: dateLocale.localize,\n      selectedMonth: dateField.month,\n      dateString: dateString\n    };\n  }, [dateField, dateString, formatStr, dateLocale]);\n  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n    setValue(value);\n  });\n  var setSelectionRange = (0, _utils2.useInputSelection)(inputRef);\n  var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {\n    var input = event.target;\n    var key = event.key;\n    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      direction: direction\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n\n    // If the selected field changes, reset the input state\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var onSegmentValueChange = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var offset = key === 'ArrowUp' ? 1 : -1;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      valueOffset: offset\n    }));\n    setSelectedState(state);\n    setDateOffset(state.selectedPattern, offset, function (date) {\n      return handleChange(date, event);\n    });\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n  });\n  var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var pattern = selectedState.selectedPattern;\n    if (!pattern) {\n      return;\n    }\n    var field = getDateField(pattern);\n    var value = parseInt(key, 10);\n    var padValue = parseInt(\"\" + (field.value || '') + key, 10);\n    var newValue = value;\n    if ((0, _utils2.validateDateTime)(field.name, padValue) && !isResetValue()) {\n      // Check if the value entered by the user is a valid date\n      newValue = padValue;\n    }\n    setDateField(pattern, newValue, function (date) {\n      return handleChange(date, event);\n    });\n\n    // The currently selected month will be retained as a parameter of getInputSelectedState,\n    // but if the user enters a month, the month value will be replaced with the value entered by the user.\n    var selectedMonth = pattern === 'M' ? newValue : dateField.month;\n    var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      selectedMonth: selectedMonth\n    }));\n    setSelectedState(nextState);\n    setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n    increment();\n\n    // If the field is full value, move the cursor to the next field\n    if (isMoveCursor(newValue, pattern) && input.selectionEnd !== input.value.length) {\n      onSegmentChange(event, 'right');\n    }\n  });\n  var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    if (selectedState.selectedPattern) {\n      var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n        input: input,\n        valueOffset: null\n      }));\n      setSelectedState(nextState);\n      setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n      setDateField(selectedState.selectedPattern, null, function (date) {\n        return handleChange(date, event);\n      });\n      reset();\n    }\n  });\n  var handleClick = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var handlePaste = (0, _hooks.useEventCallback)(function (event) {\n    var _event$clipboardData;\n    event.preventDefault();\n    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');\n    var nextDate = parseDate(pasteText, formatStr);\n    if ((0, _date.isValid)(nextDate)) {\n      handleChange(nextDate, event);\n      setNewDate(nextDate);\n    }\n    onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);\n  });\n  var onKeyboardInput = (0, _useKeyboardInputEvent.default)({\n    onSegmentChange: onSegmentChange,\n    onSegmentValueChange: onSegmentValueChange,\n    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,\n    onSegmentValueRemove: onSegmentValueRemove,\n    onKeyDown: onKeyDown\n  });\n  var _useIsFocused = (0, _useIsFocused2.default)({\n      onBlur: onBlur,\n      onFocus: onFocus\n    }),\n    focused = _useIsFocused[0],\n    focusEventProps = _useIsFocused[1];\n  var renderedValue = (0, _react.useMemo)(function () {\n    if (!isEmptyValue()) {\n      return dateString;\n    }\n    return !focused ? '' : dateString;\n  }, [dateString, focused, isEmptyValue]);\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    inputMode: focused ? 'numeric' : 'text',\n    autoComplete: \"off\",\n    autoCorrect: \"off\",\n    spellCheck: false,\n    ref: (0, _utils.mergeRefs)(inputRef, ref),\n    onKeyDown: onKeyboardInput,\n    onClick: handleClick,\n    onPaste: handlePaste,\n    value: renderedValue,\n    placeholder: placeholder || formatStr\n  }, focusEventProps, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 226,\n      columnNumber: 5\n    }\n  }));\n});\nDateInput.displayName = 'DateInput';\nDateInput.propTypes = {\n  defaultValue: _propTypes.default.instanceOf(Date),\n  format: _propTypes.default.string,\n  value: _propTypes.default.instanceOf(Date),\n  placeholder: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onFocus: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = DateInput;\n\n//# sourceURL=webpack://rsuite/./src/DateInput/DateInput.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateInput/utils.ts\");\nvar _useDateInputState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useDateInputState */ \"./src/DateInput/hooks/useDateInputState.ts\"));\nvar _useKeyboardInputEvent = _interopRequireDefault(__webpack_require__(/*! ./hooks/useKeyboardInputEvent */ \"./src/DateInput/hooks/useKeyboardInputEvent.ts\"));\nvar _useIsFocused2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useIsFocused */ \"./src/DateInput/hooks/useIsFocused.ts\"));\nvar _useFieldCursor2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFieldCursor */ \"./src/DateInput/hooks/useFieldCursor.ts\"));\nvar _useSelectedState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useSelectedState */ \"./src/DateInput/hooks/useSelectedState.ts\"));\nvar _excluded = [\"format\", \"value\", \"defaultValue\", \"placeholder\", \"onChange\", \"onKeyDown\", \"onBlur\", \"onFocus\", \"onPaste\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateInput/DateInput.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The DateInput component lets users select a date with the keyboard.\n * @version 5.58.0\n * @see https://rsuitejs.com/components/date-input/\n */\nvar DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useCustom = (0, _hooks.useCustom)('Calendar'),\n    locale = _useCustom.locale,\n    parseDate = _useCustom.parseDate;\n  var _props$format = props.format,\n    formatStr = _props$format === void 0 ? locale.shortDateFormat : _props$format,\n    valueProp = props.value,\n    defaultValue = props.defaultValue,\n    placeholder = props.placeholder,\n    onChange = props.onChange,\n    onKeyDown = props.onKeyDown,\n    onBlur = props.onBlur,\n    onFocus = props.onFocus,\n    onPaste = props.onPaste,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var inputRef = (0, _react.useRef)();\n  var _useSelectedState = (0, _useSelectedState2.default)(),\n    selectedState = _useSelectedState.selectedState,\n    setSelectedState = _useSelectedState.setSelectedState;\n  var dateLocale = locale.dateLocale;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var _useDateInputState = (0, _useDateInputState2.default)({\n      formatStr: formatStr,\n      locale: dateLocale,\n      date: value,\n      isControlledDate: isControlled\n    }),\n    dateField = _useDateInputState.dateField,\n    setDateOffset = _useDateInputState.setDateOffset,\n    setDateField = _useDateInputState.setDateField,\n    setNewDate = _useDateInputState.setNewDate,\n    getDateField = _useDateInputState.getDateField,\n    toDateString = _useDateInputState.toDateString,\n    isEmptyValue = _useDateInputState.isEmptyValue;\n  var _useFieldCursor = (0, _useFieldCursor2.default)(formatStr, valueProp),\n    isMoveCursor = _useFieldCursor.isMoveCursor,\n    isResetValue = _useFieldCursor.isResetValue,\n    increment = _useFieldCursor.increment,\n    reset = _useFieldCursor.reset;\n  var dateString = toDateString();\n  var keyPressOptions = (0, _react.useMemo)(function () {\n    return {\n      formatStr: formatStr,\n      localize: dateLocale.localize,\n      selectedMonth: dateField.month,\n      dateString: dateString\n    };\n  }, [dateField, dateString, formatStr, dateLocale]);\n  var setSelectionRange = (0, _utils2.useInputSelection)(inputRef);\n  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n    setValue(value);\n  });\n  var handleClear = (0, _hooks.useEventCallback)(function (event) {\n    handleChange(null, event);\n    setNewDate(null);\n    setSelectionRange(0, 0);\n    reset();\n  });\n  var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {\n    var input = event.target;\n    var key = event.key;\n    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      direction: direction\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n\n    // If the selected field changes, reset the input state\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var onSegmentValueChange = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var offset = key === 'ArrowUp' ? 1 : -1;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      valueOffset: offset\n    }));\n    setSelectedState(state);\n    setDateOffset(state.selectedPattern, offset, function (date) {\n      return handleChange(date, event);\n    });\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n  });\n  var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var pattern = selectedState.selectedPattern;\n    if (!pattern) {\n      return;\n    }\n    var field = getDateField(pattern);\n    var value = parseInt(key, 10);\n    var padValue = parseInt(\"\" + (field.value || '') + key, 10);\n    var newValue = value;\n    if ((0, _utils2.validateDateTime)(field.name, padValue) && !isResetValue()) {\n      // Check if the value entered by the user is a valid date\n      newValue = padValue;\n    }\n    setDateField(pattern, newValue, function (date) {\n      return handleChange(date, event);\n    });\n\n    // The currently selected month will be retained as a parameter of getInputSelectedState,\n    // but if the user enters a month, the month value will be replaced with the value entered by the user.\n    var selectedMonth = pattern === 'M' ? newValue : dateField.month;\n    var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      selectedMonth: selectedMonth\n    }));\n    setSelectedState(nextState);\n    setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n    increment();\n\n    // If the field is full value, move the cursor to the next field\n    if (isMoveCursor(newValue, pattern) && input.selectionEnd !== input.value.length) {\n      onSegmentChange(event, 'right');\n    }\n  });\n  var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var value = input.value;\n\n    // If the text is all selected, clear the value\n    if (input.selectionStart === 0 && value && input.selectionEnd === value.length) {\n      handleClear(event);\n    } else if (selectedState.selectedPattern) {\n      var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n        input: input,\n        valueOffset: null\n      }));\n      setSelectedState(nextState);\n      setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n      setDateField(selectedState.selectedPattern, null, function (date) {\n        return handleChange(date, event);\n      });\n      reset();\n    }\n  });\n  var handleClick = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var handlePaste = (0, _hooks.useEventCallback)(function (event) {\n    var _event$clipboardData;\n    event.preventDefault();\n    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');\n    var nextDate = parseDate(pasteText, formatStr);\n    if ((0, _date.isValid)(nextDate)) {\n      handleChange(nextDate, event);\n      setNewDate(nextDate);\n    }\n    onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);\n  });\n  var onKeyboardInput = (0, _useKeyboardInputEvent.default)({\n    onSegmentChange: onSegmentChange,\n    onSegmentValueChange: onSegmentValueChange,\n    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,\n    onSegmentValueRemove: onSegmentValueRemove,\n    onKeyDown: onKeyDown\n  });\n  var _useIsFocused = (0, _useIsFocused2.default)({\n      onBlur: onBlur,\n      onFocus: onFocus\n    }),\n    focused = _useIsFocused[0],\n    focusEventProps = _useIsFocused[1];\n  var renderedValue = (0, _react.useMemo)(function () {\n    if (!isEmptyValue()) {\n      return dateString;\n    }\n    return !focused ? '' : dateString;\n  }, [dateString, focused, isEmptyValue]);\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    inputMode: focused ? 'numeric' : 'text',\n    autoComplete: \"off\",\n    autoCorrect: \"off\",\n    spellCheck: false,\n    ref: (0, _utils.mergeRefs)(inputRef, ref),\n    onKeyDown: onKeyboardInput,\n    onClick: handleClick,\n    onPaste: handlePaste,\n    value: renderedValue,\n    placeholder: placeholder || formatStr\n  }, focusEventProps, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 236,\n      columnNumber: 5\n    }\n  }));\n});\nDateInput.displayName = 'DateInput';\nDateInput.propTypes = {\n  defaultValue: _propTypes.default.instanceOf(Date),\n  format: _propTypes.default.string,\n  value: _propTypes.default.instanceOf(Date),\n  placeholder: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onFocus: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = DateInput;\n\n//# sourceURL=webpack://rsuite/./src/DateInput/DateInput.tsx?");
 
 /***/ }),
 
@@ -6923,7 +7055,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useDateInputState = useDateInputState;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _startCase = _interopRequireDefault(__webpack_require__(/*! lodash/startCase */ \"./node_modules/lodash/startCase.js\"));\nvar _date = __webpack_require__(/*! ../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _DateField = __webpack_require__(/*! ../DateField */ \"./src/DateInput/DateField.ts\");\nfunction useDateInputState(_ref) {\n  var formatStr = _ref.formatStr,\n    locale = _ref.locale,\n    date = _ref.date,\n    isControlledDate = _ref.isControlledDate;\n  var _useCustom = (0, _hooks.useCustom)(),\n    formatDate = _useCustom.formatDate;\n  var _useDateField = (0, _DateField.useDateField)(formatStr, locale.localize, date),\n    dateField = _useDateField.dateField,\n    dispatch = _useDateField.dispatch,\n    toDateString = _useDateField.toDateString,\n    toDate = _useDateField.toDate,\n    isEmptyValue = _useDateField.isEmptyValue;\n  var setDateOffset = function setDateOffset(pattern, offset, callback) {\n    var currentDate = new Date();\n    var year = dateField.year || currentDate.getFullYear();\n    var month = dateField.month ? dateField.month - 1 : currentDate.getMonth();\n    var day = dateField.day || 0;\n    var hour = dateField.hour || 0;\n    var minute = dateField.minute || 0;\n    var second = dateField.second || 0;\n    var actionName;\n    var value;\n    switch (pattern) {\n      case 'y':\n        actionName = 'setYear';\n        value = (0, _date.addYears)(new Date(year, 0), offset).getFullYear();\n        break;\n      case 'M':\n        actionName = 'setMonth';\n        value = (0, _date.addMonths)(new Date(year, month), offset).getMonth() + 1;\n        break;\n      case 'd':\n        actionName = 'setDay';\n        var prevDate = new Date(year, month, day);\n        value = (0, _date.addDays)(prevDate, offset).getDate();\n        if (offset > 0) {\n          value = (0, _date.isLastDayOfMonth)(prevDate) ? 1 : value;\n        } else {\n          value = prevDate.getDate() === 1 ? (0, _date.lastDayOfMonth)(prevDate).getDate() : value;\n        }\n        break;\n      case 'H':\n      case 'h':\n        actionName = 'setHour';\n        value = (0, _date.addHours)(new Date(year, month, day, hour), offset).getHours();\n        break;\n      case 'm':\n        actionName = 'setMinute';\n        value = (0, _date.addMinutes)(new Date(year, month, day, hour, minute), offset).getMinutes();\n        break;\n      case 's':\n        actionName = 'setSecond';\n        value = (0, _date.addSeconds)(new Date(year, month, day, hour, minute, second), offset).getSeconds();\n        break;\n      case 'a':\n        actionName = 'setHour';\n        value = hour >= 12 ? hour - 12 : hour + 12;\n        break;\n    }\n    if (actionName && value) {\n      dispatch({\n        type: actionName,\n        value: value\n      });\n      var field = _DateField.patternMap[pattern];\n      callback === null || callback === void 0 ? void 0 : callback(toDate(field, value));\n    }\n  };\n  var setDateField = function setDateField(pattern, value, callback) {\n    var field = _DateField.patternMap[pattern];\n    var actionName = \"set\" + (0, _startCase.default)(field);\n    dispatch({\n      type: actionName,\n      value: value\n    });\n    callback === null || callback === void 0 ? void 0 : callback(toDate(field, value));\n  };\n  var getDateField = function getDateField(pattern) {\n    var fieldName = _DateField.patternMap[pattern];\n    return {\n      name: fieldName,\n      value: dateField[fieldName]\n    };\n  };\n  var toControlledDateString = function toControlledDateString() {\n    if (date && (0, _date.isValid)(date)) {\n      return formatDate(date, formatStr, {\n        locale: locale\n      });\n    }\n    // if date is not valid, return uncontrolled date string\n    return toDateString();\n  };\n  var setNewDate = (0, _react.useCallback)(function (value) {\n    dispatch({\n      type: 'setNewDate',\n      value: value\n    });\n  }, [dispatch]);\n  (0, _react.useEffect)(function () {\n    if (isControlledDate) {\n      if (date && (0, _date.isValid)(date)) {\n        setNewDate(date);\n      } else if (date === null) {\n        setNewDate(null);\n      }\n    }\n  }, [date, dispatch, isControlledDate, setNewDate]);\n  return {\n    dateField: dateField,\n    setDateOffset: setDateOffset,\n    setDateField: setDateField,\n    setNewDate: setNewDate,\n    getDateField: getDateField,\n    toDateString: isControlledDate ? toControlledDateString : toDateString,\n    isEmptyValue: isEmptyValue\n  };\n}\nvar _default = exports[\"default\"] = useDateInputState;\n\n//# sourceURL=webpack://rsuite/./src/DateInput/hooks/useDateInputState.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useDateInputState = useDateInputState;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _startCase = _interopRequireDefault(__webpack_require__(/*! lodash/startCase */ \"./node_modules/lodash/startCase.js\"));\nvar _date = __webpack_require__(/*! ../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _DateField = __webpack_require__(/*! ../DateField */ \"./src/DateInput/DateField.ts\");\nfunction useDateInputState(_ref) {\n  var formatStr = _ref.formatStr,\n    locale = _ref.locale,\n    date = _ref.date,\n    isControlledDate = _ref.isControlledDate;\n  var _useCustom = (0, _hooks.useCustom)(),\n    formatDate = _useCustom.formatDate;\n  var _useDateField = (0, _DateField.useDateField)(formatStr, locale.localize, date),\n    dateField = _useDateField.dateField,\n    dispatch = _useDateField.dispatch,\n    toDateString = _useDateField.toDateString,\n    toDate = _useDateField.toDate,\n    isEmptyValue = _useDateField.isEmptyValue;\n  var setDateOffset = function setDateOffset(pattern, offset, callback) {\n    var currentDate = new Date();\n    var year = dateField.year || currentDate.getFullYear();\n    var month = dateField.month ? dateField.month - 1 : currentDate.getMonth();\n    var day = dateField.day || 0;\n    var hour = dateField.hour || 0;\n    var minute = dateField.minute || 0;\n    var second = dateField.second || 0;\n    var actionName;\n    var value;\n    switch (pattern) {\n      case 'y':\n        actionName = 'setYear';\n        value = (0, _date.addYears)(new Date(year, 0), offset).getFullYear();\n        break;\n      case 'M':\n        actionName = 'setMonth';\n        value = (0, _date.addMonths)(new Date(year, month), offset).getMonth() + 1;\n        break;\n      case 'd':\n        actionName = 'setDay';\n        var prevDate = new Date(year, month, day);\n        value = (0, _date.addDays)(prevDate, offset).getDate();\n        if (offset > 0) {\n          value = (0, _date.isLastDayOfMonth)(prevDate) ? 1 : value;\n        } else {\n          value = prevDate.getDate() === 1 ? (0, _date.lastDayOfMonth)(prevDate).getDate() : value;\n        }\n        break;\n      case 'H':\n      case 'h':\n        actionName = 'setHour';\n        value = (0, _date.addHours)(new Date(year, month, day, hour), offset).getHours();\n        break;\n      case 'm':\n        actionName = 'setMinute';\n        value = (0, _date.addMinutes)(new Date(year, month, day, hour, minute), offset).getMinutes();\n        break;\n      case 's':\n        actionName = 'setSecond';\n        value = (0, _date.addSeconds)(new Date(year, month, day, hour, minute, second), offset).getSeconds();\n        break;\n      case 'a':\n        actionName = 'setHour';\n        value = hour >= 12 ? hour - 12 : hour + 12;\n        break;\n    }\n    if (actionName && typeof value === 'number') {\n      dispatch({\n        type: actionName,\n        value: value\n      });\n      var field = _DateField.patternMap[pattern];\n      callback === null || callback === void 0 ? void 0 : callback(toDate(field, value));\n    }\n  };\n  var setDateField = function setDateField(pattern, value, callback) {\n    var field = _DateField.patternMap[pattern];\n    var actionName = \"set\" + (0, _startCase.default)(field);\n    dispatch({\n      type: actionName,\n      value: value\n    });\n    callback === null || callback === void 0 ? void 0 : callback(toDate(field, value));\n  };\n  var getDateField = function getDateField(pattern) {\n    var fieldName = _DateField.patternMap[pattern];\n    return {\n      name: fieldName,\n      value: dateField[fieldName]\n    };\n  };\n  var toControlledDateString = function toControlledDateString() {\n    if (date && (0, _date.isValid)(date)) {\n      return formatDate(date, formatStr, {\n        locale: locale\n      });\n    }\n    // if date is not valid, return uncontrolled date string\n    return toDateString();\n  };\n  var setNewDate = (0, _react.useCallback)(function (value) {\n    dispatch({\n      type: 'setNewDate',\n      value: value\n    });\n  }, [dispatch]);\n  (0, _react.useEffect)(function () {\n    if (isControlledDate) {\n      if (date && (0, _date.isValid)(date)) {\n        setNewDate(date);\n      } else if (date === null) {\n        setNewDate(null);\n      }\n    }\n  }, [date, dispatch, isControlledDate, setNewDate]);\n  return {\n    dateField: dateField,\n    setDateOffset: setDateOffset,\n    setDateField: setDateField,\n    setNewDate: setNewDate,\n    getDateField: getDateField,\n    toDateString: isControlledDate ? toControlledDateString : toDateString,\n    isEmptyValue: isEmptyValue\n  };\n}\nvar _default = exports[\"default\"] = useDateInputState;\n\n//# sourceURL=webpack://rsuite/./src/DateInput/hooks/useDateInputState.ts?");
 
 /***/ }),
 
@@ -7000,7 +7132,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ./PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ../DateInput */ \"./src/DateInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _useMonthView2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useMonthView */ \"./src/DatePicker/hooks/useMonthView.ts\"));\nvar _useFocus2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFocus */ \"./src/DatePicker/hooks/useFocus.ts\"));\nvar _useCustomizedInput2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useCustomizedInput */ \"./src/DatePicker/hooks/useCustomizedInput.ts\"));\nvar _MonthDropdown = __webpack_require__(/*! ../Calendar/MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _OverlayTrigger = __webpack_require__(/*! ../internals/Overlay/OverlayTrigger */ \"./src/internals/Overlay/OverlayTrigger.tsx\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"caretAs\", \"editable\", \"defaultValue\", \"disabled\", \"readOnly\", \"plaintext\", \"format\", \"id\", \"isoWeek\", \"weekStart\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"appearance\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"size\", \"monthDropdownProps\", \"shouldDisableDate\", \"shouldDisableHour\", \"shouldDisableMinute\", \"shouldDisableSecond\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onEnter\", \"onExit\", \"onNextMonth\", \"onOk\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"onShortcutClick\", \"renderCell\", \"renderValue\", \"disabledDate\", \"disabledHours\", \"disabledMinutes\", \"disabledSeconds\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * A date picker allows users to select a date from a calendar.\n *\n * @see https://rsuitejs.com/components/date-picker\n */\nvar DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    calendarDefaultDate = props.calendarDefaultDate,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    caretAsProp = props.caretAs,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    defaultValue = props.defaultValue,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    idProp = props.id,\n    isoWeek = props.isoWeek,\n    _props$weekStart = props.weekStart,\n    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    ranges = props.ranges,\n    valueProp = props.value,\n    showMeridian = props.showMeridian,\n    showWeekNumbers = props.showWeekNumbers,\n    style = props.style,\n    size = props.size,\n    monthDropdownProps = props.monthDropdownProps,\n    shouldDisableDate = props.shouldDisableDate,\n    shouldDisableHour = props.shouldDisableHour,\n    shouldDisableMinute = props.shouldDisableMinute,\n    shouldDisableSecond = props.shouldDisableSecond,\n    onChange = props.onChange,\n    onChangeCalendarDate = props.onChangeCalendarDate,\n    onClean = props.onClean,\n    onEnter = props.onEnter,\n    onExit = props.onExit,\n    onNextMonth = props.onNextMonth,\n    onOk = props.onOk,\n    onPrevMonth = props.onPrevMonth,\n    onSelect = props.onSelect,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    onShortcutClick = props.onShortcutClick,\n    renderCell = props.renderCell,\n    renderValue = props.renderValue,\n    DEPRECATED_disabledDate = props.disabledDate,\n    DEPRECATED_disabledHours = props.disabledHours,\n    DEPRECATED_disabledMinutes = props.disabledMinutes,\n    DEPRECATED_disabledSeconds = props.disabledSeconds,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var id = (0, _hooks.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useCustom = (0, _hooks.useCustom)('DatePicker', overrideLocale),\n    locale = _useCustom.locale;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useCalendarDate = (0, _useCalendarDate2.default)(value, calendarDefaultDate),\n    calendarDate = _useCalendarDate.calendarDate,\n    setCalendarDate = _useCalendarDate.setCalendarDate,\n    resetCalendarDate = _useCalendarDate.resetCalendarDate;\n  var _useMonthView = (0, _useMonthView2.default)({\n      onToggleMonthDropdown: onToggleMonthDropdown\n    }),\n    setMonthView = _useMonthView.setMonthView,\n    monthView = _useMonthView.monthView,\n    toggleMonthView = _useMonthView.toggleMonthView;\n\n  // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = (0, _date.shouldRenderMonth)(formatStr) && !(0, _date.shouldRenderDate)(formatStr);\n  var showMonth = onlyShowMonth || monthView;\n  var _useFocus = (0, _useFocus2.default)({\n      target: target,\n      showMonth: showMonth,\n      id: id,\n      locale: locale\n    }),\n    focusInput = _useFocus.focusInput,\n    focusSelectedDate = _useFocus.focusSelectedDate,\n    onKeyFocusEvent = _useFocus.onKeyFocusEvent;\n\n  /**\n   * Check whether the date is disabled.\n   */\n  var isDateDisabled = function isDateDisabled(date) {\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date);\n    }\n    if (typeof DEPRECATED_disabledDate === 'function') {\n      return DEPRECATED_disabledDate(date);\n    }\n    return false;\n  };\n\n  /**\n   * Check whether the time is within the time range of the shortcut option in the toolbar.\n   */\n  var isDatetimeDisabled = function isDatetimeDisabled(date) {\n    return (isDateDisabled === null || isDateDisabled === void 0 ? void 0 : isDateDisabled(date)) || (0, _date.disableTime)(props, date);\n  };\n\n  /**\n   * Check whether the month is disabled.\n   * If any day in the month is disabled, the entire month is disabled\n   */\n  var isMonthDisabled = function isMonthDisabled(date) {\n    return (0, _MonthDropdown.isEveryDateInMonth)(date.getFullYear(), date.getMonth(), isDateDisabled);\n  };\n\n  /**\n   * Whether \"OK\" button is disabled\n   *\n   * - If format is date, disable ok button if selected date is disabled\n   * - If format is month, disable ok button if all dates in the month of selected date are disabled\n   */\n  var isOkButtonDisabled = function isOkButtonDisabled(selectedDate) {\n    if ((0, _date.shouldRenderMonth)(formatStr) && !(0, _date.shouldRenderDate)(formatStr)) {\n      return isMonthDisabled(selectedDate);\n    }\n    return isDatetimeDisabled(selectedDate);\n  };\n  var isErrorValue = function isErrorValue(value) {\n    if (!(0, _date.isValid)(value)) {\n      return true;\n    } else if (value && isDateDisabled(value)) {\n      return true;\n    }\n    return false;\n  };\n\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n  var handleMoveForward = (0, _hooks.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n  var handleMoveBackward = (0, _hooks.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * The callback triggered when the date changes.\n   */\n  var handleDateChange = (0, _hooks.useEventCallback)(function (nextValue, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);\n  });\n\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n  var handleChangeTime = (0, _hooks.useEventCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  });\n\n  /**\n   * Close the calendar panel.\n   */\n  var handleClose = (0, _hooks.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n  var handleToggleMeridian = (0, _hooks.useEventCallback)(function () {\n    var hours = (0, _date.getHours)(calendarDate);\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n    var nextDate = (0, _date.setHours)(calendarDate, nextHours);\n    handleChangeTime(nextDate);\n  });\n  var updateValue = function updateValue(event, date, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    var nextValue = typeof date !== 'undefined' ? date : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n    if (nextValue !== value) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n  var handleShortcutPageDate = (0, _hooks.useEventCallback)(function (range, closeOverlay, event) {\n    var value = range.value;\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n  });\n\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n  var handleOK = (0, _hooks.useEventCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n    focusInput();\n  });\n\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _hooks.useEventCallback)(function (event) {\n    event === null || event === void 0 ? void 0 : event.stopPropagation();\n    updateValue(event, null);\n    resetCalendarDate(null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n  });\n  var handlePickerPopupKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    onKeyFocusEvent(event, {\n      date: calendarDate,\n      callback: setCalendarDate\n    });\n    if (event.key === 'Enter') {\n      handleOK(event);\n    }\n  });\n  var handleClick = (0, _hooks.useEventCallback)(function () {\n    if (editable) {\n      return;\n    }\n    focusSelectedDate();\n  });\n\n  /**\n   * Callback after the date is selected.\n   */\n  var handleSelect = (0, _hooks.useEventCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n    setCalendarDate(\n    // Determine whether the current value contains time, if not, use calendarDate.\n    (0, _date.shouldRenderTime)(formatStr) ? nextValue : (0, _date.copyTime)({\n      from: calendarDate,\n      to: nextValue\n    }));\n    handleDateChange(nextValue);\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n      focusInput();\n    }\n  });\n\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n  var handleChangeMonth = (0, _hooks.useEventCallback)(function (nextPageDate, event) {\n    setCalendarDate(nextPageDate);\n    handleDateChange(nextPageDate);\n    focusSelectedDate();\n    if (oneTap && onlyShowMonth) {\n      updateValue(event, nextPageDate);\n      focusInput();\n    }\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _hooks.useEventCallback)(function (value, event) {\n    if (!isErrorValue(value)) {\n      handleSelect(value, event);\n    }\n    updateValue(event, value, false);\n  });\n  var handleInputKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref.open;\n        if (open) {\n          if ((0, _date.isValid)(calendarDate) && !isDateDisabled(calendarDate)) {\n            updateValue(event);\n            focusInput();\n          }\n        } else {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n  var calendarProps = (0, _mapValues.default)((0, _pick.default)(props, _date.calendarOnlyProps), function (func) {\n    return function (next, date) {\n      var _func;\n      return (_func = func === null || func === void 0 ? void 0 : func(next, date)) !== null && _func !== void 0 ? _func : false;\n    };\n  });\n  var _splitRanges = (0, _utils2.splitRanges)(ranges),\n    sideRanges = _splitRanges.sideRanges,\n    bottomRanges = _splitRanges.bottomRanges;\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(menuClassName, className, prefix('popup-date'));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      style: styles,\n      target: trigger,\n      onKeyDown: handlePickerPopupKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 590,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 600,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('date-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disableShortcut: isDatetimeDisabled,\n      onShortcutClick: handleShortcutPageDate,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 602,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 614,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(_CalendarContainer.default, (0, _extends2.default)({}, calendarProps, {\n      targetId: id,\n      locale: locale,\n      showWeekNumbers: showWeekNumbers,\n      showMeridian: showMeridian,\n      disabledDate: isDateDisabled,\n      disabledHours: shouldDisableHour !== null && shouldDisableHour !== void 0 ? shouldDisableHour : DEPRECATED_disabledHours,\n      disabledMinutes: shouldDisableMinute !== null && shouldDisableMinute !== void 0 ? shouldDisableMinute : DEPRECATED_disabledMinutes,\n      disabledSeconds: shouldDisableSecond !== null && shouldDisableSecond !== void 0 ? shouldDisableSecond : DEPRECATED_disabledSeconds,\n      limitEndYear: limitEndYear,\n      limitStartYear: limitStartYear,\n      format: formatStr,\n      isoWeek: isoWeek,\n      weekStart: weekStart,\n      calendarDate: calendarDate,\n      monthDropdownProps: monthDropdownProps,\n      renderCellOnPicker: renderCell,\n      onMoveForward: handleMoveForward,\n      onMoveBackward: handleMoveBackward,\n      onSelect: handleSelect,\n      onToggleMonthDropdown: toggleMonthView,\n      onToggleTimeDropdown: onToggleTimeDropdown,\n      onChangeMonth: handleChangeMonth,\n      onChangeTime: handleChangeTime,\n      onToggleMeridian: handleToggleMeridian,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 615,\n        columnNumber: 15\n      }\n    })), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: bottomRanges,\n      calendarDate: calendarDate,\n      disableOkBtn: isOkButtonDisabled,\n      disableShortcut: isDatetimeDisabled,\n      onShortcutClick: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 642,\n        columnNumber: 15\n      }\n    }))));\n  };\n  var hasValue = (0, _date.isValid)(value);\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'date',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || ((0, _date.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  var handleTriggerClose = (0, _hooks.useEventCallback)(function (cause) {\n    var _props$onClose;\n    // Unless overlay is closing on user clicking \"OK\" button,\n    // reset the selected date on calendar panel\n    if (cause !== _OverlayTrigger.OverlayCloseCause.ImperativeHandle) {\n      resetCalendarDate();\n    }\n    setMonthView(false);\n    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);\n  });\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var invalidValue = value && isErrorValue(value);\n  var customizedProps = {\n    value: value,\n    formatStr: formatStr,\n    renderValue: renderValue,\n    readOnly: readOnly,\n    editable: editable,\n    loading: loading\n  };\n  var _useCustomizedInput = (0, _useCustomizedInput2.default)(customizedProps),\n    customValue = _useCustomizedInput.customValue,\n    inputReadOnly = _useCustomizedInput.inputReadOnly,\n    Input = _useCustomizedInput.Input,\n    events = _useCustomizedInput.events;\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    onClose: handleTriggerClose,\n    onEnter: (0, _utils.createChainedFunction)(events.onActive, onEnter),\n    onExit: (0, _utils.createChainedFunction)(events.onInactive, onExit),\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 695,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 705,\n      columnNumber: 9\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 711,\n      columnNumber: 13\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _utils2.getRestProps)(rest, usedClassNamePropKeys), {\n    inside: true,\n    size: size,\n    disabled: disabled,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"input-group\"]))),\n    onClick: handleClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 713,\n      columnNumber: 13\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 721,\n      columnNumber: 15\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(Input, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: customValue || value,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : formatStr,\n    disabled: disabled,\n    readOnly: inputReadOnly,\n    onChange: handleInputChange,\n    onKeyDown: handleInputKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 724,\n      columnNumber: 15\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 740,\n      columnNumber: 15\n    }\n  }))));\n});\nDatePicker.displayName = 'DatePicker';\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, _utils2.deprecatedPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  shouldDisableDate: _propTypes.default.func,\n  shouldDisableHour: _propTypes.default.func,\n  shouldDisableMinute: _propTypes.default.func,\n  shouldDisableSecond: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  weekStart: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6]),\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  oneTap: _propTypes.default.bool,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = exports[\"default\"] = DatePicker;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _Time = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/Time */ \"./node_modules/@rsuite/icons/Time.js\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nvar _hooks = __webpack_require__(/*! ../Calendar/hooks */ \"./src/Calendar/hooks/index.ts\");\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ./PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ../DateInput */ \"./src/DateInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _useMonthView2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useMonthView */ \"./src/DatePicker/hooks/useMonthView.ts\"));\nvar _useFocus2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFocus */ \"./src/DatePicker/hooks/useFocus.ts\"));\nvar _useCustomizedInput2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useCustomizedInput */ \"./src/DatePicker/hooks/useCustomizedInput.ts\"));\nvar _MonthDropdown = __webpack_require__(/*! ../Calendar/MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks2 = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _OverlayTrigger = __webpack_require__(/*! ../internals/Overlay/OverlayTrigger */ \"./src/internals/Overlay/OverlayTrigger.tsx\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"caretAs\", \"editable\", \"defaultValue\", \"disabled\", \"readOnly\", \"plaintext\", \"format\", \"id\", \"isoWeek\", \"weekStart\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"appearance\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showMeridiem\", \"showWeekNumbers\", \"style\", \"size\", \"monthDropdownProps\", \"shouldDisableDate\", \"shouldDisableHour\", \"shouldDisableMinute\", \"shouldDisableSecond\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onEnter\", \"onExit\", \"onNextMonth\", \"onOk\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"onShortcutClick\", \"renderCell\", \"renderValue\", \"disabledDate\", \"disabledHours\", \"disabledMinutes\", \"disabledSeconds\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * A date picker allows users to select a date from a calendar.\n *\n * @see https://rsuitejs.com/components/date-picker\n */\nvar DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    calendarDefaultDate = props.calendarDefaultDate,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    caretAsProp = props.caretAs,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    defaultValue = props.defaultValue,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    format = props.format,\n    idProp = props.id,\n    isoWeek = props.isoWeek,\n    _props$weekStart = props.weekStart,\n    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    ranges = props.ranges,\n    valueProp = props.value,\n    DEPRECATED_showMeridian = props.showMeridian,\n    _props$showMeridiem = props.showMeridiem,\n    showMeridiem = _props$showMeridiem === void 0 ? DEPRECATED_showMeridian : _props$showMeridiem,\n    showWeekNumbers = props.showWeekNumbers,\n    style = props.style,\n    size = props.size,\n    monthDropdownProps = props.monthDropdownProps,\n    shouldDisableDate = props.shouldDisableDate,\n    shouldDisableHour = props.shouldDisableHour,\n    shouldDisableMinute = props.shouldDisableMinute,\n    shouldDisableSecond = props.shouldDisableSecond,\n    onChange = props.onChange,\n    onChangeCalendarDate = props.onChangeCalendarDate,\n    onClean = props.onClean,\n    onEnter = props.onEnter,\n    onExit = props.onExit,\n    onNextMonth = props.onNextMonth,\n    onOk = props.onOk,\n    onPrevMonth = props.onPrevMonth,\n    onSelect = props.onSelect,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    onShortcutClick = props.onShortcutClick,\n    renderCell = props.renderCell,\n    renderValue = props.renderValue,\n    DEPRECATED_disabledDate = props.disabledDate,\n    DEPRECATED_disabledHours = props.disabledHours,\n    DEPRECATED_disabledMinutes = props.disabledMinutes,\n    DEPRECATED_disabledSeconds = props.disabledSeconds,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var id = (0, _hooks2.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useCustom = (0, _hooks2.useCustom)('DatePicker', overrideLocale),\n    locale = _useCustom.locale;\n  var formatStr = format || locale.shortDateFormat || 'yyyy-MM-dd';\n  var _useClassNames = (0, _hooks2.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useControlled = (0, _hooks2.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useCalendarDate = (0, _hooks.useCalendarDate)(value, calendarDefaultDate),\n    calendarDate = _useCalendarDate.calendarDate,\n    setCalendarDate = _useCalendarDate.setCalendarDate,\n    resetCalendarDate = _useCalendarDate.resetCalendarDate;\n  var _useMonthView = (0, _useMonthView2.default)({\n      onToggleMonthDropdown: onToggleMonthDropdown\n    }),\n    setMonthView = _useMonthView.setMonthView,\n    monthView = _useMonthView.monthView,\n    toggleMonthView = _useMonthView.toggleMonthView;\n  var _useDateMode = (0, _date.useDateMode)(formatStr),\n    mode = _useDateMode.mode;\n\n  // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var showMonth = mode === _date.DateMode.Month || monthView;\n  var _useFocus = (0, _useFocus2.default)({\n      target: target,\n      showMonth: showMonth,\n      id: id,\n      locale: locale\n    }),\n    focusInput = _useFocus.focusInput,\n    focusSelectedDate = _useFocus.focusSelectedDate,\n    onKeyFocusEvent = _useFocus.onKeyFocusEvent;\n\n  /**\n   * Check whether the date is disabled.\n   */\n  var isDateDisabled = function isDateDisabled(date) {\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date);\n    }\n    if (typeof DEPRECATED_disabledDate === 'function') {\n      return DEPRECATED_disabledDate(date);\n    }\n    return false;\n  };\n\n  /**\n   * Check whether the time is within the time range of the shortcut option in the toolbar.\n   */\n  var isDatetimeDisabled = function isDatetimeDisabled(date) {\n    return (isDateDisabled === null || isDateDisabled === void 0 ? void 0 : isDateDisabled(date)) || (0, _date.disableTime)(props, date);\n  };\n\n  /**\n   * Check whether the month is disabled.\n   * If any day in the month is disabled, the entire month is disabled\n   */\n  var isMonthDisabled = function isMonthDisabled(date) {\n    return (0, _MonthDropdown.isEveryDateInMonth)(date.getFullYear(), date.getMonth(), isDateDisabled);\n  };\n\n  /**\n   * Whether \"OK\" button is disabled\n   *\n   * - If format is date, disable ok button if selected date is disabled\n   * - If format is month, disable ok button if all dates in the month of selected date are disabled\n   */\n  var isOkButtonDisabled = function isOkButtonDisabled(selectedDate) {\n    if (mode === _date.DateMode.Month) {\n      return isMonthDisabled(selectedDate);\n    }\n    return isDatetimeDisabled(selectedDate);\n  };\n  var isErrorValue = function isErrorValue(value) {\n    if (!(0, _date.isValid)(value)) {\n      return true;\n    } else if (value && isDateDisabled(value)) {\n      return true;\n    }\n    return false;\n  };\n\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n  var handleMoveForward = (0, _hooks2.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n  var handleMoveBackward = (0, _hooks2.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * The callback triggered when the date changes.\n   */\n  var handleDateChange = (0, _hooks2.useEventCallback)(function (nextValue, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);\n  });\n\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n  var handleChangeTime = (0, _hooks2.useEventCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  });\n\n  /**\n   * Close the calendar panel.\n   */\n  var handleClose = (0, _hooks2.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n  var updateValue = function updateValue(event, date, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    var nextValue = typeof date !== 'undefined' ? date : calendarDate;\n    setCalendarDate(nextValue || (0, _date.startOfToday)());\n    setValue(nextValue);\n    if (nextValue !== value) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n  var handleShortcutPageDate = (0, _hooks2.useEventCallback)(function (range, closeOverlay, event) {\n    var value = range.value;\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n  });\n\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n  var handleOK = (0, _hooks2.useEventCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n    focusInput();\n  });\n\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _hooks2.useEventCallback)(function (event) {\n    event === null || event === void 0 ? void 0 : event.stopPropagation();\n    updateValue(event, null);\n    resetCalendarDate(null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n  });\n  var handlePickerPopupKeyDown = (0, _hooks2.useEventCallback)(function (event) {\n    onKeyFocusEvent(event, {\n      date: calendarDate,\n      callback: setCalendarDate\n    });\n    if (event.key === 'Enter') {\n      handleOK(event);\n    }\n  });\n  var handleClick = (0, _hooks2.useEventCallback)(function () {\n    if (editable) {\n      return;\n    }\n    focusSelectedDate();\n  });\n\n  /**\n   * Callback after the date is selected.\n   */\n  var handleCalendarSelect = (0, _hooks2.useEventCallback)(function (date, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n    var nextValue = (0, _date.copyTime)({\n      from: calendarDate,\n      to: date\n    });\n    setCalendarDate(nextValue);\n    handleDateChange(nextValue);\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n      focusInput();\n    }\n  });\n\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n  var handleChangeMonth = (0, _hooks2.useEventCallback)(function (nextPageDate, event) {\n    setCalendarDate(nextPageDate);\n    handleDateChange(nextPageDate);\n    focusSelectedDate();\n    if (oneTap && mode === _date.DateMode.Month) {\n      updateValue(event, nextPageDate);\n      focusInput();\n    }\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _hooks2.useEventCallback)(function (value, event) {\n    if (!isErrorValue(value)) {\n      handleCalendarSelect(value, event);\n    }\n    updateValue(event, value, false);\n  });\n  var handleInputKeyDown = (0, _hooks2.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref.open;\n        if (open) {\n          if ((0, _date.isValid)(calendarDate) && !isDateDisabled(calendarDate)) {\n            updateValue(event);\n            focusInput();\n          }\n        } else {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n  var calendarProps = (0, _mapValues.default)((0, _pick.default)(props, _date.calendarOnlyProps), function (func) {\n    return function (next, date) {\n      var _func;\n      return (_func = func === null || func === void 0 ? void 0 : func(next, date)) !== null && _func !== void 0 ? _func : false;\n    };\n  });\n  var _splitRanges = (0, _utils2.splitRanges)(ranges),\n    sideRanges = _splitRanges.sideRanges,\n    bottomRanges = _splitRanges.bottomRanges;\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(menuClassName, className, prefix('popup-date'));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      style: styles,\n      target: trigger,\n      onKeyDown: handlePickerPopupKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 582,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 592,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('date-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disableShortcut: isDatetimeDisabled,\n      onShortcutClick: handleShortcutPageDate,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 594,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 606,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(_CalendarContainer.default, (0, _extends2.default)({}, calendarProps, {\n      targetId: id,\n      locale: locale,\n      showWeekNumbers: showWeekNumbers,\n      showMeridiem: showMeridiem,\n      disabledDate: isDateDisabled,\n      disabledHours: shouldDisableHour !== null && shouldDisableHour !== void 0 ? shouldDisableHour : DEPRECATED_disabledHours,\n      disabledMinutes: shouldDisableMinute !== null && shouldDisableMinute !== void 0 ? shouldDisableMinute : DEPRECATED_disabledMinutes,\n      disabledSeconds: shouldDisableSecond !== null && shouldDisableSecond !== void 0 ? shouldDisableSecond : DEPRECATED_disabledSeconds,\n      limitEndYear: limitEndYear,\n      limitStartYear: limitStartYear,\n      format: formatStr,\n      isoWeek: isoWeek,\n      weekStart: weekStart,\n      calendarDate: calendarDate,\n      monthDropdownProps: monthDropdownProps,\n      renderCellOnPicker: renderCell,\n      onMoveForward: handleMoveForward,\n      onMoveBackward: handleMoveBackward,\n      onSelect: handleCalendarSelect,\n      onToggleMonthDropdown: toggleMonthView,\n      onToggleTimeDropdown: onToggleTimeDropdown,\n      onChangeMonth: handleChangeMonth,\n      onChangeTime: handleChangeTime,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 607,\n        columnNumber: 15\n      }\n    })), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: bottomRanges,\n      calendarDate: calendarDate,\n      disableOkBtn: isOkButtonDisabled,\n      disableShortcut: isDatetimeDisabled,\n      onShortcutClick: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 633,\n        columnNumber: 15\n      }\n    }))));\n  };\n  var hasValue = (0, _date.isValid)(value);\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'date',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || (mode === _date.DateMode.Time ? _Time.default : _Calendar.default);\n  }, [caretAsProp, mode]);\n  var handleTriggerClose = (0, _hooks2.useEventCallback)(function (cause) {\n    var _props$onClose;\n    // Unless overlay is closing on user clicking \"OK\" button,\n    // reset the selected date on calendar panel\n    if (cause !== _OverlayTrigger.OverlayCloseCause.ImperativeHandle) {\n      resetCalendarDate();\n    }\n    setMonthView(false);\n    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);\n  });\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var invalidValue = value && isErrorValue(value);\n  var customizedProps = {\n    value: value,\n    formatStr: formatStr,\n    renderValue: renderValue,\n    readOnly: readOnly,\n    editable: editable,\n    loading: loading\n  };\n  var _useCustomizedInput = (0, _useCustomizedInput2.default)(customizedProps),\n    customValue = _useCustomizedInput.customValue,\n    inputReadOnly = _useCustomizedInput.inputReadOnly,\n    Input = _useCustomizedInput.Input,\n    events = _useCustomizedInput.events;\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    onClose: handleTriggerClose,\n    onEnter: (0, _utils.createChainedFunction)(events.onActive, onEnter),\n    onExit: (0, _utils.createChainedFunction)(events.onInactive, onExit),\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 686,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 696,\n      columnNumber: 9\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 702,\n      columnNumber: 13\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _utils2.getRestProps)(rest, usedClassNamePropKeys), {\n    inside: true,\n    size: size,\n    disabled: disabled,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"input-group\"]))),\n    onClick: handleClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 704,\n      columnNumber: 13\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 712,\n      columnNumber: 15\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(Input, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: customValue || value,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : formatStr,\n    disabled: disabled,\n    readOnly: inputReadOnly,\n    onChange: handleInputChange,\n    onKeyDown: handleInputKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 715,\n      columnNumber: 15\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 731,\n      columnNumber: 15\n    }\n  }))));\n});\nDatePicker.displayName = 'DatePicker';\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, _utils2.deprecatedPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  shouldDisableDate: _propTypes.default.func,\n  shouldDisableHour: _propTypes.default.func,\n  shouldDisableMinute: _propTypes.default.func,\n  shouldDisableSecond: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  weekStart: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6]),\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  oneTap: _propTypes.default.bool,\n  ranges: _propTypes.default.array,\n  showMeridiem: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = exports[\"default\"] = DatePicker;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
 
 /***/ }),
 
@@ -7044,7 +7176,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _delay = _interopRequireDefault(__webpack_require__(/*! lodash/delay */ \"./node_modules/lodash/delay.js\"));\nvar _addMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/addMonths */ \"./node_modules/date-fns/esm/addMonths/index.js\"));\nvar _addDays = _interopRequireDefault(__webpack_require__(/*! date-fns/addDays */ \"./node_modules/date-fns/esm/addDays/index.js\"));\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../../Calendar/utils */ \"./src/Calendar/utils.ts\");\nvar _utils2 = __webpack_require__(/*! ../../internals/Picker/utils */ \"./src/internals/Picker/utils.ts\");\nfunction useFocus(props) {\n  var target = props.target,\n    showMonth = props.showMonth,\n    id = props.id,\n    localeProp = props.locale;\n  var _useCustom = (0, _hooks.useCustom)('DatePicker', localeProp),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n\n  /**\n   * Get the corresponding container based on date selection and month selection\n   */\n  var getOverlayContainer = function getOverlayContainer() {\n    return showMonth ? document.getElementById(id + \"-calendar-month-dropdown\") : document.getElementById(id + \"-calendar-table\");\n  };\n\n  /**\n   * Check whether the date is focusable\n   */\n  var checkFocusable = function checkFocusable(date) {\n    var formatStr = showMonth ? locale.formattedMonthPattern : locale.formattedDayPattern;\n    var ariaLabel = (0, _utils.getAriaLabel)(date, formatStr, formatDate);\n    var container = getOverlayContainer();\n    var dateElement = container === null || container === void 0 ? void 0 : container.querySelector(\"[aria-label=\\\"\" + ariaLabel + \"\\\"]\");\n    if ((dateElement === null || dateElement === void 0 ? void 0 : dateElement.getAttribute('aria-disabled')) === 'true') {\n      return false;\n    }\n    return true;\n  };\n\n  /**\n   * Focus on the currently selected date element\n   */\n  var focusSelectedDate = function focusSelectedDate() {\n    (0, _delay.default)(function () {\n      var container = getOverlayContainer();\n      var selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected=\"true\"]');\n      selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.focus();\n    }, 1);\n  };\n\n  /**\n   * Focus on the input element\n   */\n  var focusInput = (0, _hooks.useEventCallback)(function () {\n    (0, _delay.default)(function () {\n      var _target$current;\n      return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();\n    }, 1);\n  });\n  var onKeyFocusEvent = (0, _hooks.useEventCallback)(function (event, options) {\n    var date = options.date,\n      callback = options.callback;\n    var delta = 0;\n    var step = showMonth ? 6 : 7;\n    var changeDateFunc = showMonth ? _addMonths.default : _addDays.default;\n    (0, _utils2.onMenuKeyDown)(event, {\n      down: function down() {\n        delta = step;\n      },\n      up: function up() {\n        delta = -step;\n      },\n      right: function right() {\n        delta = 1;\n      },\n      left: function left() {\n        delta = -1;\n      }\n    });\n    var nextDate = changeDateFunc(date, delta);\n    if (checkFocusable(nextDate)) {\n      callback(nextDate);\n      focusSelectedDate();\n    }\n  });\n  return {\n    focusInput: focusInput,\n    focusSelectedDate: focusSelectedDate,\n    onKeyFocusEvent: onKeyFocusEvent\n  };\n}\nvar _default = exports[\"default\"] = useFocus;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/hooks/useFocus.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _delay = _interopRequireDefault(__webpack_require__(/*! lodash/delay */ \"./node_modules/lodash/delay.js\"));\nvar _addMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/addMonths */ \"./node_modules/date-fns/esm/addMonths/index.js\"));\nvar _addDays = _interopRequireDefault(__webpack_require__(/*! date-fns/addDays */ \"./node_modules/date-fns/esm/addDays/index.js\"));\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../../Calendar/utils */ \"./src/Calendar/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../../internals/Picker/utils */ \"./src/internals/Picker/utils.ts\");\nfunction useFocus(props) {\n  var target = props.target,\n    showMonth = props.showMonth,\n    id = props.id,\n    localeProp = props.locale;\n  var _useCustom = (0, _hooks.useCustom)('DatePicker', localeProp),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n\n  /**\n   * Get the corresponding container based on date selection and month selection\n   */\n  var getOverlayContainer = function getOverlayContainer() {\n    return showMonth ? document.getElementById(id + \"-calendar-month-dropdown\") : document.getElementById(id + \"-calendar-table\");\n  };\n\n  /**\n   * Check whether the date is focusable\n   */\n  var checkFocusable = function checkFocusable(date) {\n    var formatStr = showMonth ? locale.formattedMonthPattern : locale.formattedDayPattern;\n    var ariaLabel = (0, _utils.getAriaLabel)(date, formatStr, formatDate);\n    var container = getOverlayContainer();\n    var dateElement = container === null || container === void 0 ? void 0 : container.querySelector(\"[aria-label=\\\"\" + ariaLabel + \"\\\"]\");\n    if ((dateElement === null || dateElement === void 0 ? void 0 : dateElement.getAttribute('aria-disabled')) === 'true') {\n      return false;\n    }\n    return true;\n  };\n\n  /**\n   * Focus on the currently selected date element\n   */\n  var focusSelectedDate = function focusSelectedDate() {\n    (0, _delay.default)(function () {\n      var container = getOverlayContainer();\n      var selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected=\"true\"]');\n      selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.focus();\n    }, 1);\n  };\n\n  /**\n   * Focus on the input element\n   */\n  var focusInput = (0, _hooks.useEventCallback)(function () {\n    (0, _delay.default)(function () {\n      var _target$current;\n      return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();\n    }, 1);\n  });\n  var onKeyFocusEvent = (0, _hooks.useEventCallback)(function (event, options) {\n    var date = options.date,\n      callback = options.callback;\n    var delta = 0;\n    var step = showMonth ? 6 : 7;\n    var changeDateFunc = showMonth ? _addMonths.default : _addDays.default;\n    (0, _utils2.onMenuKeyDown)(event, {\n      down: function down() {\n        delta = step;\n      },\n      up: function up() {\n        delta = -step;\n      },\n      right: function right() {\n        delta = 1;\n      },\n      left: function left() {\n        delta = -1;\n      }\n    });\n    var nextDate = changeDateFunc(date, delta);\n    if (checkFocusable(nextDate)) {\n      callback(nextDate);\n      focusSelectedDate();\n    }\n  });\n  return {\n    focusInput: focusInput,\n    focusSelectedDate: focusSelectedDate,\n    onKeyFocusEvent: onKeyFocusEvent\n  };\n}\nvar _default = exports[\"default\"] = useFocus;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/hooks/useFocus.ts?");
 
 /***/ }),
 
@@ -7077,7 +7209,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.deprecatedPropTypes = void 0;\nexports.getDefaultRanges = getDefaultRanges;\nexports.getRestProps = exports.getRanges = void 0;\nexports.splitRanges = splitRanges;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _excluded = [\"value\"];\nfunction getDefaultRanges(value) {\n  var today = new Date();\n\n  /**\n   * If it is an array type, it returns the default shortcut key suitable for DateRangePicker Toolbar,\n   * otherwise it returns the default shortcut key suitable for DatePicker Toolbar\n   */\n  if (value instanceof Array) {\n    return [{\n      label: 'today',\n      value: [(0, _date.startOfDay)(today), (0, _date.endOfDay)(today)]\n    }, {\n      label: 'yesterday',\n      value: [(0, _date.startOfDay)((0, _date.subDays)(today, 1)), (0, _date.endOfDay)((0, _date.subDays)(today, 1))]\n    }, {\n      label: 'last7Days',\n      value: [(0, _date.startOfDay)((0, _date.subDays)(today, 6)), (0, _date.endOfDay)(today)]\n    }];\n  }\n  return [{\n    label: 'today',\n    value: today\n  }, {\n    label: 'yesterday',\n    value: (0, _date.subDays)(today, 1)\n  }];\n}\nvar generateRangesIterator = function generateRangesIterator(_ref) {\n  var calendarDate = _ref.calendarDate;\n  return function (_ref2) {\n    var value = _ref2.value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded);\n    return (0, _extends2.default)({\n      value: typeof value === 'function' ? value(calendarDate) : value\n    }, rest);\n  };\n};\n\n/**\n * get Toolbar ranges from Toolbar props\n * @param ranges\n * @param calendarDate\n */\nvar getRanges = exports.getRanges = function getRanges(_ref3) {\n  var ranges = _ref3.ranges,\n    calendarDate = _ref3.calendarDate;\n  return typeof ranges === 'undefined' ? getDefaultRanges(calendarDate) : ranges.map(generateRangesIterator({\n    calendarDate: calendarDate\n  }));\n};\nfunction splitRanges(ranges) {\n  // The shortcut option on the left side of the calendar panel\n  var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n    return (range === null || range === void 0 ? void 0 : range.placement) === 'left';\n  })) || [];\n\n  // The shortcut option on the bottom of the calendar panel\n  var bottomRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n    return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;\n  })) || [];\n  return {\n    sideRanges: sideRanges,\n    bottomRanges: bottomRanges\n  };\n}\nvar deprecatedPropTypes = exports.deprecatedPropTypes = {\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  disabledHours: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableHour\" property instead.'),\n  disabledMinutes: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableMinute\" property instead.'),\n  disabledSeconds: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableSecond\" property instead.')\n};\nvar getRestProps = exports.getRestProps = function getRestProps(props, omitProps) {\n  if (omitProps === void 0) {\n    omitProps = [];\n  }\n  return (0, _omit.default)(props, [].concat(_Picker.omitTriggerPropKeys, _date.calendarOnlyProps, omitProps));\n};\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/utils.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.deprecatedPropTypes = void 0;\nexports.getDefaultRanges = getDefaultRanges;\nexports.getRestProps = exports.getRanges = void 0;\nexports.splitRanges = splitRanges;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _excluded = [\"value\"];\nfunction getDefaultRanges(value) {\n  var today = (0, _date.startOfToday)();\n\n  /**\n   * If it is an array type, it returns the default shortcut key suitable for DateRangePicker Toolbar,\n   * otherwise it returns the default shortcut key suitable for DatePicker Toolbar\n   */\n  if (value instanceof Array) {\n    return [{\n      label: 'today',\n      value: [(0, _date.startOfDay)(today), (0, _date.endOfDay)(today)]\n    }, {\n      label: 'yesterday',\n      value: [(0, _date.startOfDay)((0, _date.subDays)(today, 1)), (0, _date.endOfDay)((0, _date.subDays)(today, 1))]\n    }, {\n      label: 'last7Days',\n      value: [(0, _date.startOfDay)((0, _date.subDays)(today, 6)), (0, _date.endOfDay)(today)]\n    }];\n  }\n  return [{\n    label: 'today',\n    value: today\n  }, {\n    label: 'yesterday',\n    value: (0, _date.subDays)(today, 1)\n  }];\n}\nvar generateRangesIterator = function generateRangesIterator(_ref) {\n  var calendarDate = _ref.calendarDate;\n  return function (_ref2) {\n    var value = _ref2.value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded);\n    return (0, _extends2.default)({\n      value: typeof value === 'function' ? value(calendarDate) : value\n    }, rest);\n  };\n};\n\n/**\n * get Toolbar ranges from Toolbar props\n * @param ranges\n * @param calendarDate\n */\nvar getRanges = exports.getRanges = function getRanges(_ref3) {\n  var ranges = _ref3.ranges,\n    calendarDate = _ref3.calendarDate;\n  return typeof ranges === 'undefined' ? getDefaultRanges(calendarDate) : ranges.map(generateRangesIterator({\n    calendarDate: calendarDate\n  }));\n};\nfunction splitRanges(ranges) {\n  // The shortcut option on the left side of the calendar panel\n  var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n    return (range === null || range === void 0 ? void 0 : range.placement) === 'left';\n  })) || [];\n\n  // The shortcut option on the bottom of the calendar panel\n  var bottomRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n    return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;\n  })) || [];\n  return {\n    sideRanges: sideRanges,\n    bottomRanges: bottomRanges\n  };\n}\nvar deprecatedPropTypes = exports.deprecatedPropTypes = {\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  disabledHours: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableHour\" property instead.'),\n  disabledMinutes: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableMinute\" property instead.'),\n  disabledSeconds: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableSecond\" property instead.')\n};\nvar getRestProps = exports.getRestProps = function getRestProps(props, omitProps) {\n  if (omitProps === void 0) {\n    omitProps = [];\n  }\n  return (0, _omit.default)(props, [].concat(_Picker.omitTriggerPropKeys, _date.calendarOnlyProps, omitProps));\n};\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/utils.ts?");
 
 /***/ }),
 
@@ -7088,7 +7220,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DateInput = __webpack_require__(/*! ../DateInput */ \"./src/DateInput/index.tsx\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangeInput/utils.ts\");\nvar _excluded = [\"className\", \"classPrefix\", \"character\", \"format\", \"value\", \"defaultValue\", \"placeholder\", \"onChange\", \"onKeyDown\", \"onBlur\", \"onFocus\", \"onPaste\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangeInput/DateRangeInput.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The DateRangeInput component lets users select a date with the keyboard.\n * @version 5.59.0\n * @see https://rsuitejs.com/components/date-range-input/\n */\nvar DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'date-range-input' : _props$classPrefix,\n    _props$character = props.character,\n    character = _props$character === void 0 ? ' ~ ' : _props$character,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    valueProp = props.value,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,\n    placeholder = props.placeholder,\n    onChange = props.onChange,\n    onKeyDown = props.onKeyDown,\n    onBlur = props.onBlur,\n    onFocus = props.onFocus,\n    onPaste = props.onPaste,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix());\n  var inputRef = (0, _react.useRef)();\n  var _useSelectedState = (0, _DateInput.useSelectedState)(),\n    selectedState = _useSelectedState.selectedState,\n    setSelectedState = _useSelectedState.setSelectedState;\n  var _useCustom = (0, _hooks.useCustom)('Calendar'),\n    locale = _useCustom.locale,\n    parseDate = _useCustom.parseDate;\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n  var dateLocale = locale.dateLocale;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var _useState = (0, _react.useState)(_utils2.DateType.Start),\n    dateType = _useState[0],\n    setDateType = _useState[1];\n  var dateInputOptions = {\n    formatStr: formatStr,\n    locale: dateLocale,\n    isControlledDate: isControlled\n  };\n  var startDateState = (0, _DateInput.useDateInputState)((0, _extends2.default)({}, dateInputOptions, {\n    date: (value === null || value === void 0 ? void 0 : value[0]) || null\n  }));\n  var endDateState = (0, _DateInput.useDateInputState)((0, _extends2.default)({}, dateInputOptions, {\n    date: (value === null || value === void 0 ? void 0 : value[1]) || null\n  }));\n  var _useFieldCursor = (0, _DateInput.useFieldCursor)(formatStr, valueProp),\n    isMoveCursor = _useFieldCursor.isMoveCursor,\n    isResetValue = _useFieldCursor.isResetValue,\n    increment = _useFieldCursor.increment,\n    reset = _useFieldCursor.reset;\n  var getActiveState = function getActiveState(type) {\n    if (type === void 0) {\n      type = dateType;\n    }\n    return type === _utils2.DateType.Start ? startDateState : endDateState;\n  };\n  var _useIsFocused = (0, _DateInput.useIsFocused)({\n      onBlur: onBlur,\n      onFocus: onFocus\n    }),\n    focused = _useIsFocused[0],\n    focusEventProps = _useIsFocused[1];\n  var renderedValue = (0, _react.useMemo)(function () {\n    var dateString = startDateState.toDateString() + character + endDateState.toDateString();\n    if (!startDateState.isEmptyValue() || !endDateState.isEmptyValue()) {\n      return dateString;\n    }\n    return !focused ? '' : dateString;\n  }, [character, endDateState, focused, startDateState]);\n  var keyPressOptions = {\n    formatStr: formatStr,\n    rangeFormatStr: rangeFormatStr,\n    localize: dateLocale.localize,\n    selectedMonth: getActiveState().dateField.month,\n    dateString: renderedValue,\n    dateType: dateType,\n    character: character\n  };\n  var setSelectionRange = (0, _DateInput.useInputSelection)(inputRef);\n  var handleChange = (0, _hooks.useEventCallback)(function (date, event) {\n    var nextValue = dateType === _utils2.DateType.Start ? [date, value === null || value === void 0 ? void 0 : value[1]] : [value === null || value === void 0 ? void 0 : value[0], date];\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    setValue(nextValue);\n  });\n  var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {\n    var input = event.target;\n    var key = event.key;\n    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');\n    if (input.selectionEnd === null || input.selectionStart === null) {\n      return;\n    }\n    var cursorIndex = direction === 'right' ? input.selectionEnd : input.selectionStart;\n    var nextDateType = dateType;\n    if ((0, _utils2.isSwitchDateType)(renderedValue, character, cursorIndex, direction)) {\n      nextDateType = dateType === _utils2.DateType.Start ? _utils2.DateType.End : _utils2.DateType.Start;\n      setDateType(nextDateType);\n    }\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      dateType: nextDateType,\n      selectedMonth: getActiveState(nextDateType).dateField.month,\n      input: input,\n      direction: direction\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n\n    // If the selected field changes, reset the input state\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var onSegmentValueChange = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var offset = key === 'ArrowUp' ? 1 : -1;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      valueOffset: offset\n    }));\n    setSelectedState(state);\n    getActiveState().setDateOffset(state.selectedPattern, offset, function (date) {\n      return handleChange(date, event);\n    });\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n  });\n  var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var pattern = selectedState.selectedPattern;\n    if (!pattern) {\n      return;\n    }\n    var field = getActiveState().getDateField(pattern);\n    var value = parseInt(key, 10);\n    var padValue = parseInt(\"\" + (field.value || '') + key, 10);\n    var newValue = value;\n\n    // Check if the value entered by the user is a valid date\n    if ((0, _DateInput.validateDateTime)(field.name, padValue) && !isResetValue()) {\n      newValue = padValue;\n    }\n    getActiveState().setDateField(pattern, newValue, function (date) {\n      return handleChange(date, event);\n    });\n\n    // The currently selected month will be retained as a parameter of getInputSelectedState,\n    // but if the user enters a month, the month value will be replaced with the value entered by the user.\n    var selectedMonth = pattern === 'M' ? newValue : getActiveState().dateField.month;\n    var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      selectedMonth: selectedMonth\n    }));\n    setSelectedState(nextState);\n    setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n    increment();\n\n    // If the field is full value, move the cursor to the next field\n    if (isMoveCursor(newValue, pattern) && input.selectionEnd !== input.value.length) {\n      onSegmentChange(event, 'right');\n    }\n  });\n  var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    if (selectedState.selectedPattern) {\n      var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n        input: input,\n        valueOffset: null\n      }));\n      setSelectedState(nextState);\n      setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n      getActiveState().setDateField(selectedState.selectedPattern, null, function (date) {\n        return handleChange(date, event);\n      });\n      reset();\n    }\n  });\n  var handleClick = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    if (input.selectionStart === null) {\n      return;\n    }\n    var cursorIndex = input.selectionStart === renderedValue.length ? 0 : input.selectionStart;\n    var dateType = (0, _utils2.getDateType)(renderedValue || rangeFormatStr, character, cursorIndex);\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      dateType: dateType,\n      selectedMonth: getActiveState(dateType).dateField.month,\n      input: input\n    }));\n    setDateType(dateType);\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var handlePaste = (0, _hooks.useEventCallback)(function (event) {\n    var _event$clipboardData;\n    event.preventDefault();\n    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');\n    var _ref = pasteText.split(character).map(function (date) {\n        return parseDate(date, formatStr);\n      }),\n      start = _ref[0],\n      end = _ref[1];\n    if ((0, _date.isValid)(start) && (0, _date.isValid)(end)) {\n      var nextValue = [start, end];\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n      setValue(nextValue);\n      startDateState.setNewDate(start);\n      endDateState.setNewDate(end);\n    }\n    onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);\n  });\n  var onKeyboardInput = (0, _DateInput.useKeyboardInputEvent)({\n    onSegmentChange: onSegmentChange,\n    onSegmentValueChange: onSegmentValueChange,\n    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,\n    onSegmentValueRemove: onSegmentValueRemove,\n    onKeyDown: onKeyDown\n  });\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    inputMode: focused ? 'numeric' : 'text',\n    autoComplete: \"off\",\n    autoCorrect: \"off\",\n    spellCheck: false,\n    className: classes,\n    ref: (0, _utils.mergeRefs)(inputRef, ref),\n    onKeyDown: onKeyboardInput,\n    onClick: handleClick,\n    onPaste: handlePaste,\n    value: renderedValue,\n    placeholder: placeholder || rangeFormatStr\n  }, focusEventProps, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 293,\n      columnNumber: 5\n    }\n  }));\n});\nDateRangeInput.displayName = 'DateRangeInput';\nDateRangeInput.propTypes = {\n  character: _propTypes.default.string,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  format: _propTypes.default.string,\n  placeholder: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = DateRangeInput;\n\n//# sourceURL=webpack://rsuite/./src/DateRangeInput/DateRangeInput.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DateInput = __webpack_require__(/*! ../DateInput */ \"./src/DateInput/index.tsx\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangeInput/utils.ts\");\nvar _excluded = [\"className\", \"classPrefix\", \"character\", \"format\", \"value\", \"defaultValue\", \"placeholder\", \"onChange\", \"onKeyDown\", \"onBlur\", \"onFocus\", \"onPaste\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangeInput/DateRangeInput.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The DateRangeInput component lets users select a date with the keyboard.\n * @version 5.59.0\n * @see https://rsuitejs.com/components/date-range-input/\n */\nvar DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useCustom = (0, _hooks.useCustom)('Calendar'),\n    locale = _useCustom.locale,\n    parseDate = _useCustom.parseDate;\n  var className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'date-range-input' : _props$classPrefix,\n    _props$character = props.character,\n    character = _props$character === void 0 ? ' ~ ' : _props$character,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? locale.shortDateFormat : _props$format,\n    valueProp = props.value,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,\n    placeholder = props.placeholder,\n    onChange = props.onChange,\n    onKeyDown = props.onKeyDown,\n    onBlur = props.onBlur,\n    onFocus = props.onFocus,\n    onPaste = props.onPaste,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix());\n  var inputRef = (0, _react.useRef)();\n  var _useSelectedState = (0, _DateInput.useSelectedState)(),\n    selectedState = _useSelectedState.selectedState,\n    setSelectedState = _useSelectedState.setSelectedState;\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n  var dateLocale = locale.dateLocale;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var _useState = (0, _react.useState)(_utils2.DateType.Start),\n    dateType = _useState[0],\n    setDateType = _useState[1];\n  var dateInputOptions = {\n    formatStr: formatStr,\n    locale: dateLocale,\n    isControlledDate: isControlled\n  };\n  var startDateState = (0, _DateInput.useDateInputState)((0, _extends2.default)({}, dateInputOptions, {\n    date: (value === null || value === void 0 ? void 0 : value[0]) || null\n  }));\n  var endDateState = (0, _DateInput.useDateInputState)((0, _extends2.default)({}, dateInputOptions, {\n    date: (value === null || value === void 0 ? void 0 : value[1]) || null\n  }));\n  var _useFieldCursor = (0, _DateInput.useFieldCursor)(formatStr, valueProp),\n    isMoveCursor = _useFieldCursor.isMoveCursor,\n    isResetValue = _useFieldCursor.isResetValue,\n    increment = _useFieldCursor.increment,\n    reset = _useFieldCursor.reset;\n  var getActiveState = function getActiveState(type) {\n    if (type === void 0) {\n      type = dateType;\n    }\n    return type === _utils2.DateType.Start ? startDateState : endDateState;\n  };\n  var _useIsFocused = (0, _DateInput.useIsFocused)({\n      onBlur: onBlur,\n      onFocus: onFocus\n    }),\n    focused = _useIsFocused[0],\n    focusEventProps = _useIsFocused[1];\n  var renderedValue = (0, _react.useMemo)(function () {\n    var dateString = startDateState.toDateString() + character + endDateState.toDateString();\n    if (!startDateState.isEmptyValue() || !endDateState.isEmptyValue()) {\n      return dateString;\n    }\n    return !focused ? '' : dateString;\n  }, [character, endDateState, focused, startDateState]);\n  var keyPressOptions = {\n    formatStr: formatStr,\n    rangeFormatStr: rangeFormatStr,\n    localize: dateLocale.localize,\n    selectedMonth: getActiveState().dateField.month,\n    dateString: renderedValue,\n    dateType: dateType,\n    character: character\n  };\n  var setSelectionRange = (0, _DateInput.useInputSelection)(inputRef);\n  var handleChange = (0, _hooks.useEventCallback)(function (date, event) {\n    var nextValue = dateType === _utils2.DateType.Start ? [date, value === null || value === void 0 ? void 0 : value[1]] : [value === null || value === void 0 ? void 0 : value[0], date];\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    setValue(nextValue);\n  });\n  var handleClear = (0, _hooks.useEventCallback)(function (event) {\n    startDateState.setNewDate(null);\n    endDateState.setNewDate(null);\n    setSelectionRange(0, 0);\n    reset();\n    setValue(null);\n    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n  });\n  var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {\n    var input = event.target;\n    var key = event.key;\n    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');\n    if (input.selectionEnd === null || input.selectionStart === null) {\n      return;\n    }\n    var cursorIndex = direction === 'right' ? input.selectionEnd : input.selectionStart;\n    var nextDateType = dateType;\n    if ((0, _utils2.isSwitchDateType)(renderedValue, character, cursorIndex, direction)) {\n      nextDateType = dateType === _utils2.DateType.Start ? _utils2.DateType.End : _utils2.DateType.Start;\n      setDateType(nextDateType);\n    }\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      dateType: nextDateType,\n      selectedMonth: getActiveState(nextDateType).dateField.month,\n      input: input,\n      direction: direction\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n\n    // If the selected field changes, reset the input state\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var onSegmentValueChange = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var offset = key === 'ArrowUp' ? 1 : -1;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      valueOffset: offset\n    }));\n    setSelectedState(state);\n    getActiveState().setDateOffset(state.selectedPattern, offset, function (date) {\n      return handleChange(date, event);\n    });\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n  });\n  var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var pattern = selectedState.selectedPattern;\n    if (!pattern) {\n      return;\n    }\n    var field = getActiveState().getDateField(pattern);\n    var value = parseInt(key, 10);\n    var padValue = parseInt(\"\" + (field.value || '') + key, 10);\n    var newValue = value;\n\n    // Check if the value entered by the user is a valid date\n    if ((0, _DateInput.validateDateTime)(field.name, padValue) && !isResetValue()) {\n      newValue = padValue;\n    }\n    getActiveState().setDateField(pattern, newValue, function (date) {\n      return handleChange(date, event);\n    });\n\n    // The currently selected month will be retained as a parameter of getInputSelectedState,\n    // but if the user enters a month, the month value will be replaced with the value entered by the user.\n    var selectedMonth = pattern === 'M' ? newValue : getActiveState().dateField.month;\n    var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      selectedMonth: selectedMonth\n    }));\n    setSelectedState(nextState);\n    setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n    increment();\n\n    // If the field is full value, move the cursor to the next field\n    if (isMoveCursor(newValue, pattern) && input.selectionEnd !== input.value.length) {\n      onSegmentChange(event, 'right');\n    }\n  });\n  var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var value = input.value;\n    if (input.selectionStart === 0 && value && input.selectionEnd === value.length) {\n      handleClear(event);\n    } else if (selectedState.selectedPattern) {\n      var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n        input: input,\n        valueOffset: null\n      }));\n      setSelectedState(nextState);\n      setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n      getActiveState().setDateField(selectedState.selectedPattern, null, function (date) {\n        return handleChange(date, event);\n      });\n      reset();\n    }\n  });\n  var handleClick = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    if (input.selectionStart === null) {\n      return;\n    }\n    var cursorIndex = input.selectionStart === renderedValue.length ? 0 : input.selectionStart;\n    var dateType = (0, _utils2.getDateType)(renderedValue || rangeFormatStr, character, cursorIndex);\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      dateType: dateType,\n      selectedMonth: getActiveState(dateType).dateField.month,\n      input: input\n    }));\n    setDateType(dateType);\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var handlePaste = (0, _hooks.useEventCallback)(function (event) {\n    var _event$clipboardData;\n    event.preventDefault();\n    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');\n    var _ref = pasteText.split(character).map(function (date) {\n        return parseDate(date, formatStr);\n      }),\n      start = _ref[0],\n      end = _ref[1];\n    if ((0, _date.isValid)(start) && (0, _date.isValid)(end)) {\n      var nextValue = [start, end];\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n      setValue(nextValue);\n      startDateState.setNewDate(start);\n      endDateState.setNewDate(end);\n    }\n    onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);\n  });\n  var onKeyboardInput = (0, _DateInput.useKeyboardInputEvent)({\n    onSegmentChange: onSegmentChange,\n    onSegmentValueChange: onSegmentValueChange,\n    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,\n    onSegmentValueRemove: onSegmentValueRemove,\n    onKeyDown: onKeyDown\n  });\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    inputMode: focused ? 'numeric' : 'text',\n    autoComplete: \"off\",\n    autoCorrect: \"off\",\n    spellCheck: false,\n    className: classes,\n    ref: (0, _utils.mergeRefs)(inputRef, ref),\n    onKeyDown: onKeyboardInput,\n    onClick: handleClick,\n    onPaste: handlePaste,\n    value: renderedValue,\n    placeholder: placeholder || rangeFormatStr\n  }, focusEventProps, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 309,\n      columnNumber: 5\n    }\n  }));\n});\nDateRangeInput.displayName = 'DateRangeInput';\nDateRangeInput.propTypes = {\n  character: _propTypes.default.string,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  format: _propTypes.default.string,\n  placeholder: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = DateRangeInput;\n\n//# sourceURL=webpack://rsuite/./src/DateRangeInput/DateRangeInput.tsx?");
 
 /***/ }),
 
@@ -7121,7 +7253,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _constants = __webpack_require__(/*! ../internals/constants */ \"./src/internals/constants/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _excluded = [\"as\", \"calendarDate\", \"format\", \"disabledDate\", \"index\", \"limitEndYear\", \"limitStartYear\", \"onChangeCalendarMonth\", \"onChangeCalendarTime\", \"onToggleMeridian\", \"onSelect\", \"value\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/Calendar.tsx\",\n  _this = void 0;\nvar Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,\n    _props$calendarDate = props.calendarDate,\n    calendarDate = _props$calendarDate === void 0 ? [new Date(), (0, _date.addMonths)(new Date(), 1)] : _props$calendarDate,\n    _props$format = props.format,\n    format = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    disabledDate = props.disabledDate,\n    _props$index = props.index,\n    index = _props$index === void 0 ? 0 : _props$index,\n    limitEndYear = props.limitEndYear,\n    limitStartYear = props.limitStartYear,\n    onChangeCalendarMonth = props.onChangeCalendarMonth,\n    onChangeCalendarTime = props.onChangeCalendarTime,\n    onToggleMeridian = props.onToggleMeridian,\n    onSelect = props.onSelect,\n    _props$value = props.value,\n    value = _props$value === void 0 ? [] : _props$value,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var onMoveForward = (0, _hooks.useEventCallback)(function (nextPageDate) {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);\n  });\n  var onMoveBackward = (0, _hooks.useEventCallback)(function (nextPageDate) {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);\n  });\n  var handleSelect = (0, _hooks.useEventCallback)(function (date, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(index, date, event);\n  });\n  var handleChangeMonth = (0, _hooks.useEventCallback)(function (nextPageDate) {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);\n  });\n  var handleChangeTime = (0, _hooks.useEventCallback)(function (nextPageDate) {\n    onChangeCalendarTime === null || onChangeCalendarTime === void 0 ? void 0 : onChangeCalendarTime(index, nextPageDate);\n  });\n  var handleToggleMeridian = (0, _hooks.useEventCallback)(function (event) {\n    onToggleMeridian(index, event);\n  });\n  var getCalendarDate = function getCalendarDate() {\n    return calendarDate[index];\n  };\n  var handleMoveForward = (0, _hooks.useEventCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _date.addMonths)(getCalendarDate(), 1));\n  });\n  var handleMoveBackward = (0, _hooks.useEventCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _date.addMonths)(getCalendarDate(), -1));\n  });\n  var disabledMonth = function disabledMonth(date) {\n    return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date, value, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);\n  };\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    \"data-testid\": \"calendar-\" + (index === 0 ? 'start' : 'end')\n  }, rest, {\n    format: format,\n    dateRange: value,\n    disabledDate: disabledMonth,\n    index: index,\n    limitEndYear: limitEndYear,\n    limitStartYear: limitStartYear,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: handleChangeTime,\n    onMoveBackward: handleMoveBackward,\n    onMoveForward: handleMoveForward,\n    onToggleMeridian: handleToggleMeridian,\n    onSelect: handleSelect,\n    calendarDate: getCalendarDate(),\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 99,\n      columnNumber: 7\n    }\n  }));\n});\nCalendar.displayName = 'DateRangePicker.Calendar';\nvar _default = exports[\"default\"] = Calendar;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/Calendar.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _constants = __webpack_require__(/*! ../internals/constants */ \"./src/internals/constants/index.ts\");\nvar _hooks = __webpack_require__(/*! ./hooks */ \"./src/DateRangePicker/hooks/index.ts\");\nvar _excluded = [\"as\", \"calendarDateRange\", \"format\", \"disabledDate\", \"index\", \"limitEndYear\", \"limitStartYear\", \"onChangeCalendarMonth\", \"onChangeCalendarTime\", \"onSelect\", \"value\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/Calendar.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,\n    _props$calendarDateRa = props.calendarDateRange,\n    calendarDateRange = _props$calendarDateRa === void 0 ? [(0, _date.startOfToday)(), (0, _date.addMonths)((0, _date.startOfToday)(), 1)] : _props$calendarDateRa,\n    _props$format = props.format,\n    format = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    disabledDate = props.disabledDate,\n    _props$index = props.index,\n    index = _props$index === void 0 ? 0 : _props$index,\n    limitEndYear = props.limitEndYear,\n    limitStartYear = props.limitStartYear,\n    onChangeCalendarMonth = props.onChangeCalendarMonth,\n    onChangeCalendarTime = props.onChangeCalendarTime,\n    onSelect = props.onSelect,\n    _props$value = props.value,\n    value = _props$value === void 0 ? [] : _props$value,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var calendarHandlers = (0, _hooks.useCalendarHandlers)({\n    index: index,\n    calendarDateRange: calendarDateRange,\n    onChangeCalendarMonth: onChangeCalendarMonth,\n    onChangeCalendarTime: onChangeCalendarTime,\n    onSelect: onSelect\n  });\n  var disableCalendarDate = (0, _react.useCallback)(function (date) {\n    return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date, value, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);\n  }, [disabledDate, value]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    \"data-testid\": \"calendar-\" + (index === 0 ? 'start' : 'end')\n  }, rest, calendarHandlers, {\n    index: index,\n    format: format,\n    dateRange: value,\n    disabledDate: disableCalendarDate,\n    limitEndYear: limitEndYear,\n    limitStartYear: limitStartYear,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78,\n      columnNumber: 7\n    }\n  }));\n});\nCalendar.displayName = 'DateRangePicker.Calendar';\nvar _default = exports[\"default\"] = Calendar;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/Calendar.tsx?");
 
 /***/ }),
 
@@ -7132,18 +7264,18 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _DateRangePickerContext = _interopRequireDefault(__webpack_require__(/*! ./DateRangePickerContext */ \"./src/DateRangePicker/DateRangePickerContext.ts\"));\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ../DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/DateRangePicker/Header.tsx\"));\nvar _useDateDisabled = _interopRequireDefault(__webpack_require__(/*! ./hooks/useDateDisabled */ \"./src/DateRangePicker/hooks/useDateDisabled.ts\"));\nvar _useCustomizedInput2 = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/hooks/useCustomizedInput */ \"./src/DatePicker/hooks/useCustomizedInput.ts\"));\nvar _Calendar2 = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/DateRangePicker/Calendar.tsx\"));\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _constants = __webpack_require__(/*! ../internals/constants */ \"./src/internals/constants/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _excluded = [\"as\", \"classPrefix\", \"className\", \"appearance\", \"editable\", \"cleanable\", \"character\", \"calendarSnapping\", \"defaultCalendarValue\", \"defaultValue\", \"plaintext\", \"disabled\", \"disabledDate\", \"shouldDisableDate\", \"format\", \"hoverRange\", \"id\", \"isoWeek\", \"weekStart\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"readOnly\", \"showOneCalendar\", \"showWeekNumbers\", \"showMeridian\", \"showHeader\", \"style\", \"size\", \"caretAs\", \"value\", \"monthDropdownProps\", \"onChange\", \"onClean\", \"onEnter\", \"onExit\", \"onOk\", \"onSelect\", \"onShortcutClick\", \"renderTitle\", \"renderValue\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * A date range picker allows you to select a date range from a calendar.\n *\n * @see https://rsuitejs.com/components/date-range-picker\n */\nvar DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _ref2, _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    className = props.className,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$character = props.character,\n    character = _props$character === void 0 ? ' ~ ' : _props$character,\n    calendarSnapping = props.calendarSnapping,\n    defaultCalendarValue = props.defaultCalendarValue,\n    defaultValue = props.defaultValue,\n    plaintext = props.plaintext,\n    disabled = props.disabled,\n    DEPRECATED_disabledDate = props.disabledDate,\n    shouldDisableDate = props.shouldDisableDate,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    hoverRange = props.hoverRange,\n    idProp = props.id,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    _props$weekStart = props.weekStart,\n    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    ranges = props.ranges,\n    readOnly = props.readOnly,\n    _props$showOneCalenda = props.showOneCalendar,\n    showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,\n    showWeekNumbers = props.showWeekNumbers,\n    showMeridian = props.showMeridian,\n    _props$showHeader = props.showHeader,\n    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,\n    style = props.style,\n    size = props.size,\n    caretAsProp = props.caretAs,\n    valueProp = props.value,\n    monthDropdownProps = props.monthDropdownProps,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onEnter = props.onEnter,\n    onExit = props.onExit,\n    onOk = props.onOk,\n    onSelect = props.onSelect,\n    onShortcutClick = props.onShortcutClick,\n    renderTitle = props.renderTitle,\n    renderValue = props.renderValue,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var id = (0, _hooks.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _hooks.useCustom)('DateRangePicker', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n\n  // Default gap between two calendars, if `showOneCalendar` is set, the gap is 0\n  var calendarGap = showOneCalendar ? 0 : 1;\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n\n  // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = (0, _date.shouldRenderMonth)(formatStr) && !(0, _date.shouldRenderDate)(formatStr);\n\n  /**\n   * Whether to complete the selection.\n   * Everytime selection will change this value. If the value is false, it means that the selection has not been completed.\n   *\n   * In `oneTap` mode, select action will not change this value, its value should be true always.\n   */\n  var _useState = (0, _react.useState)(true),\n    isSelectedIdle = _useState[0],\n    setSelectedIdle = _useState[1];\n\n  /**\n   * The currently selected date range.\n   *\n   * The time range is selected by two clicks. After the first click,\n   * the cursor will store a temporary event date in the process until\n   * the second click to determine the end date of the date range.\n   *\n   */\n  var _useState2 = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),\n    selectedDates = _useState2[0],\n    setSelectedDates = _useState2[1];\n\n  // The date of the current hover, used to reduce the calculation of `handleMouseMove`\n  var _useState3 = (0, _react.useState)(value),\n    hoverDateRange = _useState3[0],\n    setHoverDateRange = _useState3[1];\n\n  // The displayed calendar panel is rendered based on this value.\n  var _useState4 = (0, _react.useState)((0, _utils.getSafeCalendarDate)({\n      value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null\n    })),\n    calendarDate = _useState4[0],\n    setCalendarDate = _useState4[1];\n\n  /**\n   * When hoverRange is set, `selectValue` will be updated during the hover process,\n   * which will cause the `selectValue` to be updated after the first click,\n   * so declare a Ref to temporarily store the `selectValue` of the first click.\n   */\n  var selectRangeValueRef = (0, _react.useRef)(null);\n\n  /**\n   *\n   * The key of the currently active calendar panel.\n   * Used to switch when only one calendar panel is displayed.\n   */\n  var _useState5 = (0, _react.useState)(),\n    activeCalendarKey = _useState5[0],\n    setActiveCalendarKey = _useState5[1];\n\n  /**\n   * Get the time on the calendar.\n   */\n  var getCalendarDatetime = function getCalendarDatetime(calendarKey) {\n    var index = calendarKey === 'start' ? 0 : 1;\n    return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate[index]) || (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue[index]);\n  };\n\n  /**\n   * Call this function to update the calendar panel rendering benchmark value.\n   * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].\n   */\n  var setCalendarDateRange = function setCalendarDateRange(_ref3) {\n    var dateRange = _ref3.dateRange,\n      calendarKey = _ref3.calendarKey,\n      eventName = _ref3.eventName;\n    var nextValue = dateRange;\n\n    // The time should remain the same when the dates in the date range are changed.\n    if ((0, _date.shouldRenderTime)(formatStr) && dateRange !== null && dateRange !== void 0 && dateRange.length && (eventName === 'changeDate' || eventName === 'changeMonth')) {\n      var startDate = (0, _date.copyTime)({\n        from: getCalendarDatetime('start'),\n        to: dateRange[0]\n      });\n      var endDate = (0, _date.copyTime)({\n        from: getCalendarDatetime('end'),\n        to: dateRange.length === 1 ? (0, _date.addMonths)(startDate, calendarGap) : dateRange[1]\n      });\n      nextValue = [startDate, endDate];\n    } else if (dateRange === null && typeof defaultCalendarValue !== 'undefined') {\n      // Make the calendar render the value of defaultCalendarValue after clearing the value.\n      nextValue = defaultCalendarValue;\n    }\n    var nextCalendarDate = (0, _utils.getSafeCalendarDate)({\n      value: nextValue,\n      calendarKey: calendarKey,\n      // When only the month is displayed and only one calendar is displayed,\n      // there is no need to add a month and two calendar panels are allowed to display the same month\n      allowSameMonth: onlyShowMonth || showOneCalendar\n    });\n    setCalendarDate(nextCalendarDate);\n    if (onlyShowMonth && eventName === 'changeMonth') {\n      setSelectedDates(nextCalendarDate);\n    }\n  };\n  (0, _react.useEffect)(function () {\n    // If value changes, update the selected and hover date values on the calendar panel.\n    setSelectedDates(valueProp !== null && valueProp !== void 0 ? valueProp : []);\n    setHoverDateRange(valueProp !== null && valueProp !== void 0 ? valueProp : null);\n  }, [valueProp]);\n  var getInputHtmlSize = function getInputHtmlSize() {\n    var padding = 4;\n    var strings = rangeFormatStr;\n    if (value) {\n      var startDate = value[0],\n        endDate = value[1];\n      strings = \"\" + formatDate(startDate, formatStr) + character + formatDate(endDate, formatStr);\n    }\n    return (0, _utils2.getStringLength)(strings) + padding;\n  };\n\n  /**\n   * preset hover range\n   */\n  var getHoverRangeValue = function getHoverRangeValue(date) {\n    function getHoverRangeFunc() {\n      if (hoverRange === 'week') {\n        return function (date) {\n          return (0, _utils.getWeekHoverRange)(date, {\n            isoWeek: isoWeek,\n            weekStart: weekStart,\n            locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale\n          });\n        };\n      } else if (hoverRange === 'month') {\n        return _utils.getMonthHoverRange;\n      }\n      return hoverRange;\n    }\n    var hoverRangeFunc = getHoverRangeFunc();\n    if ((0, _isNil.default)(hoverRangeFunc)) {\n      return null;\n    }\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n    if (!isHoverRangeValid) {\n      return null;\n    }\n    if ((0, _date.isAfter)(hoverValues[0], hoverValues[1])) {\n      hoverValues = (0, _date.reverseDateRangeOmitTime)(hoverValues);\n    }\n    return hoverValues;\n  };\n  var setDateRange = function setDateRange(event, nextValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    // If nextValue is null, it means that the user is erasing the selected dates.\n    setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);\n    setValue(nextValue);\n    if (!(0, _utils.isSameRange)(nextValue, value, formatStr)) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.\n   * The MouseMove event is called between the first click and the second click to update the selection state.\n   */\n  var onMouseMove = (0, _hooks.useEventCallback)(function (date) {\n    var nextHoverDateRange = getHoverRangeValue(date);\n\n    // If hasDoneSelect is false,\n    // it means there's already one selected date\n    // and waiting for user to select the second date to complete the selection.\n    if (!isSelectedIdle) {\n      // If `hoverRange` is set, you need to change the value of hoverDateRange according to the rules\n      if (!(0, _isNil.default)(nextHoverDateRange) && !(0, _isNil.default)(selectRangeValueRef.current)) {\n        var nextSelectedDates = [selectRangeValueRef.current[0], nextHoverDateRange[1]];\n        if ((0, _date.isBefore)(nextHoverDateRange[0], selectRangeValueRef.current[0])) {\n          nextSelectedDates = [nextHoverDateRange[0], selectRangeValueRef.current[1]];\n        }\n        setSelectedDates(nextSelectedDates);\n      } else {\n        setHoverDateRange(function (prevHoverValue) {\n          return (0, _isNil.default)(prevHoverValue) ? null : [prevHoverValue[0], date];\n        });\n      }\n\n      // Before the first click, if nextHoverDateRange has a value, hoverDateRange needs to be updated\n    } else if (!(0, _isNil.default)(nextHoverDateRange)) {\n      setHoverDateRange(nextHoverDateRange);\n    }\n  });\n\n  /**\n   * Callback for selecting a date cell in the calendar grid\n   */\n  var handleSelectDate = (0, _hooks.useEventCallback)(function (index, date, event) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextSelectDates = hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : [];\n    var hoverRangeValue = getHoverRangeValue(date);\n    var noHoverRangeValid = (0, _isNil.default)(hoverRangeValue);\n\n    // in `oneTap` mode\n    if (oneTap) {\n      setDateRange(event, noHoverRangeValid ? [(0, _date.startOfDay)(date), (0, _date.endOfDay)(date)] : hoverRangeValue);\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n      return;\n    }\n\n    // no preset hover range can use\n    if (noHoverRangeValid) {\n      // start select\n      if (isSelectedIdle) {\n        nextSelectDates = [date];\n      } else {\n        // finish select\n        nextSelectDates[1] = date;\n      }\n    } else {\n      if (!isSelectedIdle) {\n        nextSelectDates = selectedDates;\n        selectRangeValueRef.current = null;\n      } else {\n        nextSelectDates = hoverRangeValue;\n        selectRangeValueRef.current = hoverRangeValue;\n      }\n    }\n    if (nextSelectDates.length === 2) {\n      // If user have completed the selection, then sort the selected dates.\n      if ((0, _date.isAfter)(nextSelectDates[0], nextSelectDates[1])) {\n        nextSelectDates = (0, _date.reverseDateRangeOmitTime)(nextSelectDates);\n      }\n      if ((0, _date.shouldRenderTime)(formatStr)) {\n        nextSelectDates = [(0, _date.copyTime)({\n          from: getCalendarDatetime('start'),\n          to: nextSelectDates[0]\n        }), (0, _date.copyTime)({\n          from: getCalendarDatetime('end'),\n          to: nextSelectDates[1]\n        })];\n      }\n      setHoverDateRange(nextSelectDates);\n    } else {\n      setHoverDateRange([nextSelectDates[0], nextSelectDates[0]]);\n    }\n    if (isSelectedIdle) {\n      setActiveCalendarKey('end');\n    } else {\n      setActiveCalendarKey('start');\n    }\n    setSelectedDates(nextSelectDates);\n    if (!(0, _date.isSameMonth)(calendarDate[index], date) || calendarSnapping) {\n      setCalendarDateRange({\n        dateRange: nextSelectDates,\n        calendarKey: calendarKey,\n        eventName: 'changeDate'\n      });\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n    setSelectedIdle(!isSelectedIdle);\n  });\n\n  /**\n   * If `selectValue` changed, there will be the following effects.\n   * 1. Check if the selection is completed.\n   * 2. if the selection is completed, set the temporary `hoverValue` empty.\n   */\n  (0, _react.useEffect)(function () {\n    var selectValueLength = selectedDates.length;\n    var doneSelected = selectValueLength === 0 || selectValueLength === 2;\n    doneSelected && setHoverDateRange(null);\n  }, [selectedDates]);\n  var onChangeCalendarMonth = (0, _hooks.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeMonth'\n    });\n  });\n  var onChangeCalendarTime = (0, _hooks.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeTime'\n    });\n    setSelectedDates(function (prev) {\n      var next = [].concat(prev);\n\n      // if next[index] is not empty, only update the time after aligning the year, month and day\n      next[index] = next[index] ? (0, _date.copyTime)({\n        from: date,\n        to: next[index]\n      }) : new Date(date.valueOf());\n      return next;\n    });\n  });\n\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n  var onToggleMeridian = (0, _hooks.useEventCallback)(function (index) {\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = (0, _date.getReversedTimeMeridian)(nextCalendarDate[index]);\n    setCalendarDate(nextCalendarDate);\n\n    // If the value already exists, update the value again.\n    if (selectedDates.length === 2) {\n      var nextSelectedDates = Array.from(selectedDates);\n      nextSelectedDates[index] = (0, _date.getReversedTimeMeridian)(nextSelectedDates[index]);\n      setSelectedDates(nextSelectedDates);\n    }\n  });\n  var handleEnter = (0, _hooks.useEventCallback)(function () {\n    var nextCalendarDate;\n    if (value && value.length) {\n      var startDate = value[0],\n        endData = value[1];\n      nextCalendarDate = [startDate, (0, _date.isSameMonth)(startDate, endData) ? (0, _date.addMonths)(endData, calendarGap) : endData];\n    } else {\n      // Reset the date on the calendar to the default date\n      nextCalendarDate = (0, _utils.getSafeCalendarDate)({\n        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null\n      });\n    }\n    setSelectedDates(value !== null && value !== void 0 ? value : []);\n    setCalendarDateRange({\n      dateRange: nextCalendarDate\n    });\n  });\n\n  /**\n   * Toolbar operation callback function\n   */\n  var handleShortcutPageDate = (0, _hooks.useEventCallback)(function (range, closeOverlay, event) {\n    if (closeOverlay === void 0) {\n      closeOverlay = false;\n    }\n    var value = range.value;\n    setCalendarDateRange({\n      dateRange: value,\n      eventName: 'shortcutSelection'\n    });\n    if (closeOverlay) {\n      setDateRange(event, value, closeOverlay);\n    } else {\n      setSelectedDates(value !== null && value !== void 0 ? value : []);\n    }\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n\n    // End unfinished selections.\n    setSelectedIdle(true);\n  });\n  var handleClickOK = (0, _hooks.useEventCallback)(function (event) {\n    setDateRange(event, selectedDates);\n    onOk === null || onOk === void 0 ? void 0 : onOk(selectedDates, event);\n  });\n  var handleClean = (0, _hooks.useEventCallback)(function (event) {\n    setCalendarDateRange({\n      dateRange: null\n    });\n    setDateRange(event, null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    event.stopPropagation();\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _hooks.useEventCallback)(function (value, event) {\n    if (!value) {\n      return;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    var selectValue = [startDate, endDate];\n    setHoverDateRange(selectValue);\n    setSelectedDates(selectValue);\n    setCalendarDateRange({\n      dateRange: selectValue\n    });\n    setDateRange(event, selectValue, false);\n  });\n\n  /**\n   * Check if the date is disabled\n   */\n  var isDateDisabled = (0, _useDateDisabled.default)({\n    shouldDisableDate: shouldDisableDate,\n    DEPRECATED_disabledDate: DEPRECATED_disabledDate\n  });\n\n  /**\n   * Check if a date range is disabled\n   */\n  var isRangeDisabled = function isRangeDisabled(start, end, target) {\n    if (isDateDisabled) {\n      // If the date is between the start and the end the button is disabled\n      while ((0, _date.isBefore)(start, end) || (0, _date.isSameDay)(start, end)) {\n        if (isDateDisabled(start, {\n          selectDate: selectedDates,\n          selectedDone: isSelectedIdle,\n          target: target\n        })) {\n          return true;\n        }\n        start = (0, _date.addDays)(start, 1);\n      }\n    }\n    return false;\n  };\n\n  /**\n   * Check if the OK button is disabled\n   */\n  var isOkButtonDisabled = function isOkButtonDisabled() {\n    var start = selectedDates[0],\n      end = selectedDates[1];\n    if (!start || !end || !isSelectedIdle) {\n      return true;\n    }\n    if (isErrorValue([start, end])) {\n      return true;\n    }\n    return false;\n  };\n\n  /**\n   * Check if the shortcut button is disabled\n   */\n  var isShortcutDisabled = function isShortcutDisabled(value) {\n    if (value === void 0) {\n      value = [];\n    }\n    var _value = value,\n      start = _value[0],\n      end = _value[1];\n    if (!start || !end) {\n      return true;\n    }\n    return isRangeDisabled(start, end, _constants.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n  };\n  var handleClose = (0, _hooks.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n  var handleInputKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref4 = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref4.open;\n        if (!open) {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n  var disableCalendarDate = isDateDisabled ? function (date, values, type) {\n    return isDateDisabled(date, {\n      selectDate: values,\n      selectedDone: isSelectedIdle,\n      target: type\n    });\n  } : undefined;\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('popup-daterange'));\n    var panelClasses = prefix('daterange-panel', {\n      'daterange-panel-show-one-calendar': showOneCalendar\n    });\n\n    /**\n     * Set a min-width (528px) when there are two calendars\n     * @see https://github.com/rsuite/rsuite/issues/3522\n     */\n    var panelStyles = {\n      minWidth: showOneCalendar ? 'auto' : 528\n    };\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var calendarProps = {\n      locale: locale,\n      isoWeek: isoWeek,\n      weekStart: weekStart,\n      limitEndYear: limitEndYear,\n      showMeridian: showMeridian,\n      calendarDate: calendarDate,\n      limitStartYear: limitStartYear,\n      showWeekNumbers: showWeekNumbers,\n      format: formatStr,\n      value: selectedDates,\n      monthDropdownProps: monthDropdownProps,\n      hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,\n      disabledDate: disableCalendarDate,\n      onSelect: handleSelectDate,\n      onChangeCalendarMonth: onChangeCalendarMonth,\n      onChangeCalendarTime: onChangeCalendarTime,\n      onToggleMeridian: onToggleMeridian,\n      onMouseMove: onMouseMove,\n      renderTitle: renderTitle\n    };\n    var getCalendars = function getCalendars() {\n      if (showOneCalendar) {\n        return /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n          index: activeCalendarKey === 'end' ? 1 : 0\n        }, calendarProps, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 857,\n            columnNumber: 16\n          }\n        }));\n      }\n      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n        index: 0\n      }, calendarProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 862,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n        index: 1\n      }, calendarProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 863,\n          columnNumber: 11\n        }\n      })));\n    };\n    var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'left';\n    })) || [];\n    var bottomRanges = ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils2.mergeRefs)(overlay, speakerRef),\n      target: trigger,\n      style: styles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 874,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      style: panelStyles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 883,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 884,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('daterange-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disableShortcut: isShortcutDisabled,\n      onShortcutClick: handleShortcutPageDate,\n      \"data-testid\": \"daterange-predefined-side\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 886,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 899,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 900,\n        columnNumber: 15\n      }\n    }, showHeader && /*#__PURE__*/_react.default.createElement(_Header.default, {\n      value: isSelectedIdle ? selectedDates : hoverDateRange,\n      formatStr: formatStr,\n      character: character,\n      clickable: showOneCalendar,\n      activeKey: activeCalendarKey,\n      onSelect: setActiveCalendarKey,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 902,\n        columnNumber: 19\n      }\n    }), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 912,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/_react.default.createElement(_DateRangePickerContext.default.Provider, {\n      value: {\n        isSelectedIdle: isSelectedIdle\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 915,\n        columnNumber: 19\n      }\n    }, getCalendars()))), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      calendarDate: selectedDates,\n      disableOkBtn: isOkButtonDisabled,\n      disableShortcut: isShortcutDisabled,\n      hideOkBtn: oneTap,\n      onOk: handleClickOK,\n      onShortcutClick: handleShortcutPageDate,\n      ranges: bottomRanges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 920,\n        columnNumber: 15\n      }\n    })))));\n  };\n  var hasValue = !(0, _isNil.default)(value) && value.length > 1;\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'daterange',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || ((0, _date.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  var isErrorValue = function isErrorValue(value) {\n    if (!value) {\n      return false;\n    }\n\n    // If the value is an empty array, it is not an error value.\n    if (Array.isArray(value) && value.length === 0) {\n      return false;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    if (!(0, _date.isValid)(startDate) || !(0, _date.isValid)(endDate)) {\n      return true;\n    }\n    if ((0, _date.isBefore)(endDate, startDate)) {\n      return true;\n    }\n    var disabledOptions = {\n      selectDate: value,\n      selectedDone: isSelectedIdle,\n      target: _constants.DATERANGE_DISABLED_TARGET.INPUT\n    };\n    if (isDateDisabled !== null && isDateDisabled !== void 0 && isDateDisabled(startDate, disabledOptions) || isDateDisabled !== null && isDateDisabled !== void 0 && isDateDisabled(endDate, disabledOptions)) {\n      return true;\n    }\n    return false;\n  };\n  var _partitionHTMLProps = (0, _utils2.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var invalidValue = value && isErrorValue(value);\n  var _useCustomizedInput = (0, _useCustomizedInput2.default)({\n      mode: 'dateRange',\n      value: value,\n      formatStr: formatStr,\n      renderValue: renderValue,\n      readOnly: readOnly,\n      editable: editable,\n      loading: loading\n    }),\n    customValue = _useCustomizedInput.customValue,\n    inputReadOnly = _useCustomizedInput.inputReadOnly,\n    Input = _useCustomizedInput.Input,\n    events = _useCustomizedInput.events;\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    ref: trigger,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    placement: placement,\n    onEnter: (0, _utils2.createChainedFunction)(events.onActive, handleEnter, onEnter),\n    onExit: (0, _utils2.createChainedFunction)(events.onInactive, onExit),\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1005,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    ref: root,\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1014,\n      columnNumber: 7\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateRangeInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1020,\n      columnNumber: 11\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _date.calendarOnlyProps)), {\n    inside: true,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"input-group\"]))),\n    disabled: disabled,\n    size: size,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1022,\n      columnNumber: 11\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1033,\n      columnNumber: 13\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(Input, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: customValue || value,\n    character: character,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : rangeFormatStr,\n    disabled: disabled,\n    readOnly: inputReadOnly,\n    htmlSize: getInputHtmlSize(),\n    onChange: handleInputChange,\n    onKeyDown: handleInputKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1036,\n      columnNumber: 13\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1053,\n      columnNumber: 13\n    }\n  }))));\n});\nDateRangePicker.displayName = 'DateRangePicker';\nDateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultCalendarValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverRange: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  weekStart: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6]),\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  shouldDisableDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showWeekNumbers: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  showOneCalendar: _propTypes.default.bool\n});\nvar _default = exports[\"default\"] = DateRangePicker;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _Time = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/Time */ \"./node_modules/@rsuite/icons/Time.js\"));\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _DateRangePickerProvider = __webpack_require__(/*! ./DateRangePickerProvider */ \"./src/DateRangePicker/DateRangePickerProvider.ts\");\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ../DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/DateRangePicker/Header.tsx\"));\nvar _useDateDisabled = _interopRequireDefault(__webpack_require__(/*! ./hooks/useDateDisabled */ \"./src/DateRangePicker/hooks/useDateDisabled.ts\"));\nvar _useCustomizedInput2 = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/hooks/useCustomizedInput */ \"./src/DatePicker/hooks/useCustomizedInput.ts\"));\nvar _Calendar2 = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/DateRangePicker/Calendar.tsx\"));\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _constants = __webpack_require__(/*! ../internals/constants */ \"./src/internals/constants/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _excluded = [\"as\", \"classPrefix\", \"className\", \"appearance\", \"editable\", \"cleanable\", \"character\", \"calendarSnapping\", \"defaultCalendarValue\", \"defaultValue\", \"plaintext\", \"disabled\", \"disabledDate\", \"shouldDisableDate\", \"shouldDisableHour\", \"shouldDisableMinute\", \"shouldDisableSecond\", \"format\", \"hoverRange\", \"id\", \"isoWeek\", \"weekStart\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"readOnly\", \"showOneCalendar\", \"showWeekNumbers\", \"showMeridian\", \"showMeridiem\", \"showHeader\", \"style\", \"size\", \"caretAs\", \"value\", \"monthDropdownProps\", \"hideHours\", \"hideMinutes\", \"hideSeconds\", \"onChange\", \"onClean\", \"onEnter\", \"onExit\", \"onOk\", \"onSelect\", \"onShortcutClick\", \"renderTitle\", \"renderValue\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * A date range picker allows you to select a date range from a calendar.\n *\n * @see https://rsuitejs.com/components/date-range-picker\n */\nvar DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _ref2, _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    className = props.className,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$character = props.character,\n    character = _props$character === void 0 ? ' ~ ' : _props$character,\n    calendarSnapping = props.calendarSnapping,\n    defaultCalendarValue = props.defaultCalendarValue,\n    defaultValue = props.defaultValue,\n    plaintext = props.plaintext,\n    disabled = props.disabled,\n    DEPRECATED_disabledDate = props.disabledDate,\n    shouldDisableDate = props.shouldDisableDate,\n    shouldDisableHour = props.shouldDisableHour,\n    shouldDisableMinute = props.shouldDisableMinute,\n    shouldDisableSecond = props.shouldDisableSecond,\n    format = props.format,\n    hoverRange = props.hoverRange,\n    idProp = props.id,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    _props$weekStart = props.weekStart,\n    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    ranges = props.ranges,\n    readOnly = props.readOnly,\n    _props$showOneCalenda = props.showOneCalendar,\n    showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,\n    showWeekNumbers = props.showWeekNumbers,\n    DEPRECATED_showMeridian = props.showMeridian,\n    _props$showMeridiem = props.showMeridiem,\n    showMeridiem = _props$showMeridiem === void 0 ? DEPRECATED_showMeridian : _props$showMeridiem,\n    _props$showHeader = props.showHeader,\n    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,\n    style = props.style,\n    size = props.size,\n    caretAsProp = props.caretAs,\n    valueProp = props.value,\n    monthDropdownProps = props.monthDropdownProps,\n    hideHours = props.hideHours,\n    hideMinutes = props.hideMinutes,\n    hideSeconds = props.hideSeconds,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onEnter = props.onEnter,\n    onExit = props.onExit,\n    onOk = props.onOk,\n    onSelect = props.onSelect,\n    onShortcutClick = props.onShortcutClick,\n    renderTitle = props.renderTitle,\n    renderValue = props.renderValue,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var id = (0, _hooks.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _hooks.useCustom)('DateRangePicker', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var formatStr = format || locale.shortDateFormat || 'yyyy-MM-dd';\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useDateMode = (0, _date.useDateMode)(formatStr),\n    mode = _useDateMode.mode,\n    has = _useDateMode.has;\n\n  // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = mode === _date.DateMode.Month;\n\n  // Only show the time panel. formatStr = 'HH:mm:ss'\n  var onlyShowTime = mode === _date.DateMode.Time;\n\n  // Allows two calendar panels to display the same month.\n  var allowSameMonth = onlyShowMonth || showOneCalendar || onlyShowTime;\n\n  // Default gap between two calendars, if `showOneCalendar` is set, the gap is 0\n  var calendarGap = allowSameMonth ? 0 : 1;\n\n  /**\n   * Whether to complete the selection.\n   * Everytime selection will change this value. If the value is false, it means that the selection has not been completed.\n   *\n   * In `oneTap` mode, select action will not change this value, its value should be true always.\n   */\n  var _useState = (0, _react.useState)(true),\n    isSelectedIdle = _useState[0],\n    setSelectedIdle = _useState[1];\n\n  /**\n   * The currently selected date range.\n   *\n   * The time range is selected by two clicks. After the first click,\n   * the cursor will store a temporary event date in the process until\n   * the second click to determine the end date of the date range.\n   *\n   */\n  var _useState2 = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),\n    selectedDates = _useState2[0],\n    setSelectedDates = _useState2[1];\n\n  // The date of the current hover, used to reduce the calculation of `handleMouseMove`\n  var _useState3 = (0, _react.useState)(value),\n    hoverDateRange = _useState3[0],\n    setHoverDateRange = _useState3[1];\n\n  // The displayed calendar panel is rendered based on this value.\n  var _useState4 = (0, _react.useState)((0, _utils.getSafeCalendarDate)({\n      value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null,\n      allowSameMonth: allowSameMonth\n    })),\n    calendarDateRange = _useState4[0],\n    setCalendarDateRangeValue = _useState4[1];\n\n  /**\n   * When hoverRange is set, `selectValue` will be updated during the hover process,\n   * which will cause the `selectValue` to be updated after the first click,\n   * so declare a Ref to temporarily store the `selectValue` of the first click.\n   */\n  var selectRangeValueRef = (0, _react.useRef)(null);\n\n  /**\n   *\n   * The key of the currently active calendar panel.\n   * Used to switch when only one calendar panel is displayed.\n   */\n  var _useState5 = (0, _react.useState)(),\n    activeCalendarKey = _useState5[0],\n    setActiveCalendarKey = _useState5[1];\n\n  /**\n   * Get the time on the calendar.\n   */\n  var getCalendarDatetime = function getCalendarDatetime(calendarKey) {\n    var index = calendarKey === 'start' ? 0 : 1;\n    return (calendarDateRange === null || calendarDateRange === void 0 ? void 0 : calendarDateRange[index]) || (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue[index]);\n  };\n\n  /**\n   * Call this function to update the calendar panel rendering benchmark value.\n   * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].\n   */\n  var setCalendarDateRange = function setCalendarDateRange(_ref3) {\n    var dateRange = _ref3.dateRange,\n      calendarKey = _ref3.calendarKey,\n      eventName = _ref3.eventName;\n    var nextValue = dateRange;\n\n    // The time should remain the same when the dates in the date range are changed.\n    if (has('time') && dateRange !== null && dateRange !== void 0 && dateRange.length && (eventName === 'changeDate' || eventName === 'changeMonth')) {\n      var startDate = (0, _date.copyTime)({\n        from: getCalendarDatetime('start'),\n        to: dateRange[0]\n      });\n      var endDate = (0, _date.copyTime)({\n        from: getCalendarDatetime('end'),\n        to: dateRange.length === 1 ? (0, _date.addMonths)(startDate, calendarGap) : dateRange[1]\n      });\n      nextValue = [startDate, endDate];\n    } else if (dateRange === null && typeof defaultCalendarValue !== 'undefined') {\n      // Make the calendar render the value of defaultCalendarValue after clearing the value.\n      nextValue = defaultCalendarValue;\n    }\n    var nextCalendarDate = (0, _utils.getSafeCalendarDate)({\n      value: nextValue,\n      calendarKey: calendarKey,\n      allowSameMonth: allowSameMonth\n    });\n    setCalendarDateRangeValue(nextCalendarDate);\n    if (onlyShowMonth && eventName === 'changeMonth') {\n      setSelectedDates(nextCalendarDate);\n    }\n  };\n  (0, _react.useEffect)(function () {\n    // If value changes, update the selected and hover date values on the calendar panel.\n    setSelectedDates(valueProp !== null && valueProp !== void 0 ? valueProp : []);\n    setHoverDateRange(valueProp !== null && valueProp !== void 0 ? valueProp : null);\n  }, [valueProp]);\n  var getInputHtmlSize = function getInputHtmlSize() {\n    var padding = 4;\n    var strings = rangeFormatStr;\n    if (value) {\n      var startDate = value[0],\n        endDate = value[1];\n      strings = \"\" + formatDate(startDate, formatStr) + character + formatDate(endDate, formatStr);\n    }\n    return (0, _utils2.getStringLength)(strings) + padding;\n  };\n\n  /**\n   * preset hover range\n   */\n  var getHoverRangeValue = function getHoverRangeValue(date) {\n    function getHoverRangeFunc() {\n      if (hoverRange === 'week') {\n        return function (date) {\n          return (0, _utils.getWeekHoverRange)(date, {\n            isoWeek: isoWeek,\n            weekStart: weekStart,\n            locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale\n          });\n        };\n      } else if (hoverRange === 'month') {\n        return _utils.getMonthHoverRange;\n      }\n      return hoverRange;\n    }\n    var hoverRangeFunc = getHoverRangeFunc();\n    if ((0, _isNil.default)(hoverRangeFunc)) {\n      return null;\n    }\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n    if (!isHoverRangeValid) {\n      return null;\n    }\n    if ((0, _date.isAfter)(hoverValues[0], hoverValues[1])) {\n      hoverValues = (0, _date.reverseDateRangeOmitTime)(hoverValues);\n    }\n    return hoverValues;\n  };\n  var setDateRange = function setDateRange(event, nextValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    // If nextValue is null, it means that the user is erasing the selected dates.\n    setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);\n    setValue(nextValue);\n    if (!(0, _utils.isSameRange)(nextValue, value, formatStr)) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.\n   * The MouseMove event is called between the first click and the second click to update the selection state.\n   */\n  var onMouseMove = (0, _hooks.useEventCallback)(function (date) {\n    var nextHoverDateRange = getHoverRangeValue(date);\n\n    // If hasDoneSelect is false,\n    // it means there's already one selected date\n    // and waiting for user to select the second date to complete the selection.\n    if (!isSelectedIdle) {\n      // If `hoverRange` is set, you need to change the value of hoverDateRange according to the rules\n      if (!(0, _isNil.default)(nextHoverDateRange) && !(0, _isNil.default)(selectRangeValueRef.current)) {\n        var nextSelectedDates = [selectRangeValueRef.current[0], nextHoverDateRange[1]];\n        if ((0, _date.isBefore)(nextHoverDateRange[0], selectRangeValueRef.current[0])) {\n          nextSelectedDates = [nextHoverDateRange[0], selectRangeValueRef.current[1]];\n        }\n        setSelectedDates(nextSelectedDates);\n      } else {\n        setHoverDateRange(function (prevHoverValue) {\n          return (0, _isNil.default)(prevHoverValue) ? null : [prevHoverValue[0], date];\n        });\n      }\n\n      // Before the first click, if nextHoverDateRange has a value, hoverDateRange needs to be updated\n    } else if (!(0, _isNil.default)(nextHoverDateRange)) {\n      setHoverDateRange(nextHoverDateRange);\n    }\n  });\n\n  /**\n   * Callback for selecting a date cell in the calendar grid\n   */\n  var handleSelectDate = (0, _hooks.useEventCallback)(function (index, date, event) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextSelectDates = hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : [];\n    var hoverRangeValue = getHoverRangeValue(date);\n    var noHoverRangeValid = (0, _isNil.default)(hoverRangeValue);\n\n    // in `oneTap` mode\n    if (oneTap) {\n      setDateRange(event, noHoverRangeValid ? [(0, _date.startOfDay)(date), (0, _date.endOfDay)(date)] : hoverRangeValue);\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n      return;\n    }\n\n    // no preset hover range can use\n    if (noHoverRangeValid) {\n      // start select\n      if (isSelectedIdle) {\n        nextSelectDates = [date];\n      } else {\n        // finish select\n        nextSelectDates[1] = date;\n      }\n    } else {\n      if (!isSelectedIdle) {\n        nextSelectDates = selectedDates;\n        selectRangeValueRef.current = null;\n      } else {\n        nextSelectDates = hoverRangeValue;\n        selectRangeValueRef.current = hoverRangeValue;\n      }\n    }\n    if (nextSelectDates.length === 2) {\n      // If user have completed the selection, then sort the selected dates.\n      if ((0, _date.isAfter)(nextSelectDates[0], nextSelectDates[1])) {\n        nextSelectDates = (0, _date.reverseDateRangeOmitTime)(nextSelectDates);\n      }\n      if (has('time')) {\n        nextSelectDates = [(0, _date.copyTime)({\n          from: getCalendarDatetime('start'),\n          to: nextSelectDates[0]\n        }), (0, _date.copyTime)({\n          from: getCalendarDatetime('end'),\n          to: nextSelectDates[1]\n        })];\n      }\n      setHoverDateRange(nextSelectDates);\n    } else {\n      setHoverDateRange([nextSelectDates[0], nextSelectDates[0]]);\n    }\n    if (isSelectedIdle) {\n      setActiveCalendarKey('end');\n    } else {\n      setActiveCalendarKey('start');\n    }\n    setSelectedDates(nextSelectDates);\n    if (!(0, _date.isSameMonth)(calendarDateRange[index], date) || calendarSnapping) {\n      setCalendarDateRange({\n        dateRange: nextSelectDates,\n        calendarKey: calendarKey,\n        eventName: 'changeDate'\n      });\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n    setSelectedIdle(!isSelectedIdle);\n  });\n\n  /**\n   * If `selectValue` changed, there will be the following effects.\n   * 1. Check if the selection is completed.\n   * 2. if the selection is completed, set the temporary `hoverValue` empty.\n   */\n  (0, _react.useEffect)(function () {\n    var selectValueLength = selectedDates.length;\n    var doneSelected = selectValueLength === 0 || selectValueLength === 2;\n    doneSelected && setHoverDateRange(null);\n  }, [selectedDates]);\n  var onChangeCalendarMonth = (0, _hooks.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDateRange);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeMonth'\n    });\n  });\n  var onChangeCalendarTime = (0, _hooks.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDateRange);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeTime'\n    });\n    setSelectedDates(function (prev) {\n      var next = [].concat(prev);\n\n      // if next[index] is not empty, only update the time after aligning the year, month and day\n      next[index] = next[index] ? (0, _date.copyTime)({\n        from: date,\n        to: next[index]\n      }) : new Date(date.valueOf());\n      return next;\n    });\n  });\n  var handleEnter = (0, _hooks.useEventCallback)(function () {\n    var nextCalendarDate;\n    if (value && value.length) {\n      var startDate = value[0],\n        endData = value[1];\n      nextCalendarDate = [startDate, (0, _date.isSameMonth)(startDate, endData) ? (0, _date.addMonths)(endData, calendarGap) : endData];\n    } else {\n      // Reset the date on the calendar to the default date\n      nextCalendarDate = (0, _utils.getSafeCalendarDate)({\n        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null,\n        allowSameMonth: allowSameMonth\n      });\n    }\n    setSelectedDates(value !== null && value !== void 0 ? value : []);\n    setCalendarDateRange({\n      dateRange: nextCalendarDate\n    });\n  });\n\n  /**\n   * Toolbar operation callback function\n   */\n  var handleShortcutPageDate = (0, _hooks.useEventCallback)(function (range, closeOverlay, event) {\n    if (closeOverlay === void 0) {\n      closeOverlay = false;\n    }\n    var value = range.value;\n    setCalendarDateRange({\n      dateRange: value,\n      eventName: 'shortcutSelection'\n    });\n    if (closeOverlay) {\n      setDateRange(event, value, closeOverlay);\n    } else {\n      setSelectedDates(value !== null && value !== void 0 ? value : []);\n    }\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n\n    // End unfinished selections.\n    setSelectedIdle(true);\n  });\n  var calculateDateRange = function calculateDateRange() {\n    var _selectedDates$ = selectedDates[0],\n      start = _selectedDates$ === void 0 ? calendarDateRange[0] : _selectedDates$,\n      _selectedDates$2 = selectedDates[1],\n      end = _selectedDates$2 === void 0 ? calendarDateRange[1] : _selectedDates$2;\n    if (onlyShowTime) {\n      return [start, end];\n    }\n    return selectedDates;\n  };\n  var handleClickOK = (0, _hooks.useEventCallback)(function (event) {\n    var nextValue = calculateDateRange();\n    setDateRange(event, nextValue);\n    onOk === null || onOk === void 0 ? void 0 : onOk(nextValue, event);\n  });\n  var handleClean = (0, _hooks.useEventCallback)(function (event) {\n    setCalendarDateRange({\n      dateRange: null\n    });\n    setDateRange(event, null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    event.stopPropagation();\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _hooks.useEventCallback)(function (value, event) {\n    if (!value) {\n      return;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    var selectValue = [startDate, endDate];\n    setHoverDateRange(selectValue);\n    setSelectedDates(selectValue);\n    setCalendarDateRange({\n      dateRange: selectValue\n    });\n    setDateRange(event, selectValue, false);\n  });\n\n  /**\n   * Check if the date is disabled\n   */\n  var isDateDisabled = (0, _useDateDisabled.default)({\n    shouldDisableDate: shouldDisableDate,\n    DEPRECATED_disabledDate: DEPRECATED_disabledDate\n  });\n\n  /**\n   * Check if a date range is disabled\n   */\n  var isRangeDisabled = function isRangeDisabled(start, end, target) {\n    if (isDateDisabled) {\n      // If the date is between the start and the end the button is disabled\n      while ((0, _date.isBefore)(start, end) || (0, _date.isSameDay)(start, end)) {\n        if (isDateDisabled(start, {\n          selectDate: selectedDates,\n          selectedDone: isSelectedIdle,\n          target: target\n        })) {\n          return true;\n        }\n        start = (0, _date.addDays)(start, 1);\n      }\n    }\n    return false;\n  };\n\n  /**\n   * Determine if the OK button should be disabled\n   */\n  var shouldDisableOkButton = function shouldDisableOkButton() {\n    var _calculateDateRange = calculateDateRange(),\n      startDate = _calculateDateRange[0],\n      endDate = _calculateDateRange[1];\n\n    // Check if start or end dates are missing\n    if (!startDate || !endDate) {\n      return true;\n    }\n\n    // Additional condition if only showing time\n    if (!onlyShowTime && !isSelectedIdle) {\n      return true;\n    }\n\n    // Check if there is any error in the selected date range\n    if (isErrorValue([startDate, endDate])) {\n      return true;\n    }\n    return false;\n  };\n\n  /**\n   * Check if a shortcut is disabled based on the selected date range\n   */\n  var shouldDisableShortcut = function shouldDisableShortcut(selectedDates) {\n    if (selectedDates === void 0) {\n      selectedDates = [];\n    }\n    var _selectedDates = selectedDates,\n      startDate = _selectedDates[0],\n      endDate = _selectedDates[1];\n\n    // Disable if either start or end date is missing\n    if (!startDate || !endDate) {\n      return true;\n    }\n\n    // Check if the date range is disabled for the shortcut\n    return isRangeDisabled(startDate, endDate, _constants.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n  };\n  var handleClose = (0, _hooks.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n  var handleInputKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref4 = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref4.open;\n        if (!open) {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n  var disableCalendarDate = isDateDisabled ? function (date, values, type) {\n    return isDateDisabled(date, {\n      selectDate: values,\n      selectedDone: isSelectedIdle,\n      target: type\n    });\n  } : undefined;\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('popup-daterange'));\n    var panelClasses = prefix('daterange-panel', {\n      'daterange-panel-show-one-calendar': showOneCalendar,\n      'daterange-panel-only-time': onlyShowTime\n    });\n\n    /**\n     * Set a min-width (528px) when there are two calendars\n     * @see https://github.com/rsuite/rsuite/issues/3522\n     */\n    var panelStyles = {\n      minWidth: showOneCalendar || onlyShowTime ? 'auto' : 528\n    };\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var calendarProps = {\n      locale: locale,\n      isoWeek: isoWeek,\n      weekStart: weekStart,\n      limitEndYear: limitEndYear,\n      showMeridiem: showMeridiem,\n      calendarDateRange: calendarDateRange,\n      limitStartYear: limitStartYear,\n      showWeekNumbers: showWeekNumbers,\n      format: formatStr,\n      value: selectedDates,\n      monthDropdownProps: monthDropdownProps,\n      hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,\n      hideHours: hideHours,\n      hideMinutes: hideMinutes,\n      hideSeconds: hideSeconds,\n      disabledHours: shouldDisableHour,\n      disabledMinutes: shouldDisableMinute,\n      disabledSeconds: shouldDisableSecond,\n      disabledDate: disableCalendarDate,\n      onSelect: handleSelectDate,\n      onChangeCalendarMonth: onChangeCalendarMonth,\n      onChangeCalendarTime: onChangeCalendarTime,\n      onMouseMove: onMouseMove,\n      renderTitle: renderTitle\n    };\n    var getCalendars = function getCalendars() {\n      if (showOneCalendar) {\n        return /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n          index: activeCalendarKey === 'end' ? 1 : 0\n        }, calendarProps, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 933,\n            columnNumber: 18\n          }\n        }));\n      }\n      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n        index: 0\n      }, calendarProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 938,\n          columnNumber: 13\n        }\n      })), /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n        index: 1\n      }, calendarProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 939,\n          columnNumber: 13\n        }\n      })));\n    };\n    var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'left';\n    })) || [];\n    var bottomRanges = ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils2.mergeRefs)(overlay, speakerRef),\n      target: trigger,\n      style: styles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 950,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      style: panelStyles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 959,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 960,\n        columnNumber: 13\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('daterange-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDateRange,\n      locale: locale,\n      disableShortcut: shouldDisableShortcut,\n      onShortcutClick: handleShortcutPageDate,\n      \"data-testid\": \"daterange-predefined-side\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 962,\n        columnNumber: 17\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 975,\n        columnNumber: 15\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 976,\n        columnNumber: 17\n      }\n    }, showHeader && /*#__PURE__*/_react.default.createElement(_Header.default, {\n      value: isSelectedIdle ? selectedDates : hoverDateRange,\n      formatStr: formatStr,\n      character: character,\n      clickable: showOneCalendar,\n      activeKey: activeCalendarKey,\n      onSelect: setActiveCalendarKey,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 978,\n        columnNumber: 21\n      }\n    }), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 988,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/_react.default.createElement(_DateRangePickerProvider.DateRangePickerProvider, {\n      value: {\n        isSelectedIdle: isSelectedIdle\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 991,\n        columnNumber: 21\n      }\n    }, getCalendars()))), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      calendarDate: selectedDates,\n      disableOkBtn: shouldDisableOkButton,\n      disableShortcut: shouldDisableShortcut,\n      hideOkBtn: oneTap,\n      onOk: handleClickOK,\n      onShortcutClick: handleShortcutPageDate,\n      ranges: bottomRanges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 996,\n        columnNumber: 17\n      }\n    })))));\n  };\n  var hasValue = !(0, _isNil.default)(value) && value.length > 1;\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'daterange',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || (onlyShowTime ? _Time.default : _Calendar.default);\n  }, [caretAsProp, onlyShowTime]);\n  var isErrorValue = function isErrorValue(value) {\n    if (!value) {\n      return false;\n    }\n\n    // If the value is an empty array, it is not an error value.\n    if (Array.isArray(value) && value.length === 0) {\n      return false;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    if (!(0, _date.isValid)(startDate) || !(0, _date.isValid)(endDate)) {\n      return true;\n    }\n    if ((0, _date.isBefore)(endDate, startDate)) {\n      return true;\n    }\n    var disabledOptions = {\n      selectDate: value,\n      selectedDone: isSelectedIdle,\n      target: _constants.DATERANGE_DISABLED_TARGET.INPUT\n    };\n    if (isDateDisabled !== null && isDateDisabled !== void 0 && isDateDisabled(startDate, disabledOptions) || isDateDisabled !== null && isDateDisabled !== void 0 && isDateDisabled(endDate, disabledOptions)) {\n      return true;\n    }\n    return false;\n  };\n  var _partitionHTMLProps = (0, _utils2.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var invalidValue = value && isErrorValue(value);\n  var _useCustomizedInput = (0, _useCustomizedInput2.default)({\n      mode: 'dateRange',\n      value: value,\n      formatStr: formatStr,\n      renderValue: renderValue,\n      readOnly: readOnly,\n      editable: editable,\n      loading: loading\n    }),\n    customValue = _useCustomizedInput.customValue,\n    inputReadOnly = _useCustomizedInput.inputReadOnly,\n    Input = _useCustomizedInput.Input,\n    events = _useCustomizedInput.events;\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    ref: trigger,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    placement: placement,\n    onEnter: (0, _utils2.createChainedFunction)(events.onActive, handleEnter, onEnter),\n    onExit: (0, _utils2.createChainedFunction)(events.onInactive, onExit),\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1081,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    ref: root,\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1090,\n      columnNumber: 9\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateRangeInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1096,\n      columnNumber: 13\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _date.calendarOnlyProps)), {\n    inside: true,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"input-group\"]))),\n    disabled: disabled,\n    size: size,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1098,\n      columnNumber: 13\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1109,\n      columnNumber: 15\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(Input, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: customValue || value,\n    character: character,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : rangeFormatStr,\n    disabled: disabled,\n    readOnly: inputReadOnly,\n    htmlSize: getInputHtmlSize(),\n    onChange: handleInputChange,\n    onKeyDown: handleInputKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1112,\n      columnNumber: 15\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 1129,\n      columnNumber: 15\n    }\n  }))));\n});\nDateRangePicker.displayName = 'DateRangePicker';\nDateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultCalendarValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverRange: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  weekStart: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6]),\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  shouldDisableDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showWeekNumbers: _propTypes.default.bool,\n  showMeridiem: _propTypes.default.bool,\n  showOneCalendar: _propTypes.default.bool\n});\nvar _default = exports[\"default\"] = DateRangePicker;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.tsx?");
 
 /***/ }),
 
-/***/ "./src/DateRangePicker/DateRangePickerContext.ts":
-/*!*******************************************************!*\
-  !*** ./src/DateRangePicker/DateRangePickerContext.ts ***!
-  \*******************************************************/
+/***/ "./src/DateRangePicker/DateRangePickerProvider.ts":
+/*!********************************************************!*\
+  !*** ./src/DateRangePicker/DateRangePickerProvider.ts ***!
+  \********************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.useDateRangePickerContext = exports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar DateRangePickerContext = /*#__PURE__*/_react.default.createContext({});\nvar useDateRangePickerContext = exports.useDateRangePickerContext = function useDateRangePickerContext() {\n  return (0, _react.useContext)(DateRangePickerContext) || {};\n};\nvar _default = exports[\"default\"] = DateRangePickerContext;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePickerContext.ts?");
+eval("\n\nexports.__esModule = true;\nexports.useDateRangePickerContext = exports.DateRangePickerProvider = exports.DateRangePickerContext = void 0;\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar DateRangePickerContext = exports.DateRangePickerContext = /*#__PURE__*/_react.default.createContext({});\nvar useDateRangePickerContext = exports.useDateRangePickerContext = function useDateRangePickerContext() {\n  return (0, _react.useContext)(DateRangePickerContext) || {};\n};\nvar DateRangePickerProvider = exports.DateRangePickerProvider = DateRangePickerContext.Provider;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePickerProvider.ts?");
 
 /***/ }),
 
@@ -7169,6 +7301,28 @@ eval("\n\nexports.__esModule = true;\nexports.after = after;\nexports.afterToday
 
 /***/ }),
 
+/***/ "./src/DateRangePicker/hooks/index.ts":
+/*!********************************************!*\
+  !*** ./src/DateRangePicker/hooks/index.ts ***!
+  \********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.useDateRangePicker = exports.useDateDisabled = exports.useCalendarHandlers = void 0;\nvar _useDateRangePicker = __webpack_require__(/*! ./useDateRangePicker */ \"./src/DateRangePicker/hooks/useDateRangePicker.ts\");\nexports.useDateRangePicker = _useDateRangePicker.useDateRangePicker;\nvar _useDateDisabled = __webpack_require__(/*! ./useDateDisabled */ \"./src/DateRangePicker/hooks/useDateDisabled.ts\");\nexports.useDateDisabled = _useDateDisabled.useDateDisabled;\nvar _useCalendarHandlers = __webpack_require__(/*! ./useCalendarHandlers */ \"./src/DateRangePicker/hooks/useCalendarHandlers.ts\");\nexports.useCalendarHandlers = _useCalendarHandlers.useCalendarHandlers;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/hooks/index.ts?");
+
+/***/ }),
+
+/***/ "./src/DateRangePicker/hooks/useCalendarHandlers.ts":
+/*!**********************************************************!*\
+  !*** ./src/DateRangePicker/hooks/useCalendarHandlers.ts ***!
+  \**********************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useCalendarHandlers = useCalendarHandlers;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _date = __webpack_require__(/*! ../../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nfunction useCalendarHandlers(_ref) {\n  var index = _ref.index,\n    calendarDateRange = _ref.calendarDateRange,\n    onChangeCalendarMonth = _ref.onChangeCalendarMonth,\n    onChangeCalendarTime = _ref.onChangeCalendarTime,\n    onSelect = _ref.onSelect;\n  var calendarDate = (0, _react.useMemo)(function () {\n    return calendarDateRange[index];\n  }, [calendarDateRange, index]);\n  var handleSelect = (0, _hooks.useEventCallback)(function (date, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(index, date, event);\n  });\n  var handleChangeMonth = (0, _hooks.useEventCallback)(function (nextPageDate) {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);\n  });\n  var handleChangeTime = (0, _hooks.useEventCallback)(function (nextPageDate) {\n    onChangeCalendarTime === null || onChangeCalendarTime === void 0 ? void 0 : onChangeCalendarTime(index, nextPageDate);\n  });\n  var handleMoveForward = (0, _hooks.useEventCallback)(function () {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, (0, _date.addMonths)(calendarDate, 1));\n  });\n  var handleMoveBackward = (0, _hooks.useEventCallback)(function () {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, (0, _date.addMonths)(calendarDate, -1));\n  });\n  return {\n    calendarDate: calendarDate,\n    onSelect: handleSelect,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: handleChangeTime,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward\n  };\n}\nvar _default = exports[\"default\"] = useCalendarHandlers;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/hooks/useCalendarHandlers.ts?");
+
+/***/ }),
+
 /***/ "./src/DateRangePicker/hooks/useDateDisabled.ts":
 /*!******************************************************!*\
   !*** ./src/DateRangePicker/hooks/useDateDisabled.ts ***!
@@ -7176,7 +7330,18 @@ eval("\n\nexports.__esModule = true;\nexports.after = after;\nexports.afterToday
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\n/**\n * Returns a function that determines whether a date is disabled and is compatible with the deprecated `disabledDate` prop.\n */\nfunction useDateDisabled(props) {\n  var shouldDisableDate = props.shouldDisableDate,\n    DEPRECATED_disabledDate = props.DEPRECATED_disabledDate;\n  var isDateDisabled = (0, _react.useCallback)(function (date, options) {\n    var selectDate = options.selectDate,\n      selectedDone = options.selectedDone,\n      target = options.target;\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date, selectDate, selectedDone, target);\n    }\n    if (typeof DEPRECATED_disabledDate === 'function') {\n      return DEPRECATED_disabledDate(date, selectDate, selectedDone, target);\n    }\n    return false;\n  }, [shouldDisableDate, DEPRECATED_disabledDate]);\n  if (shouldDisableDate || DEPRECATED_disabledDate) {\n    return isDateDisabled;\n  }\n  return undefined;\n}\nvar _default = exports[\"default\"] = useDateDisabled;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/hooks/useDateDisabled.ts?");
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useDateDisabled = useDateDisabled;\nvar _react = __webpack_require__(/*! react */ \"react\");\n/**\n * Returns a function that determines whether a date is disabled and is compatible with the deprecated `disabledDate` prop.\n */\nfunction useDateDisabled(props) {\n  var shouldDisableDate = props.shouldDisableDate,\n    DEPRECATED_disabledDate = props.DEPRECATED_disabledDate;\n  var isDateDisabled = (0, _react.useCallback)(function (date, options) {\n    var selectDate = options.selectDate,\n      selectedDone = options.selectedDone,\n      target = options.target;\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date, selectDate, selectedDone, target);\n    }\n    if (typeof DEPRECATED_disabledDate === 'function') {\n      return DEPRECATED_disabledDate(date, selectDate, selectedDone, target);\n    }\n    return false;\n  }, [shouldDisableDate, DEPRECATED_disabledDate]);\n  if (shouldDisableDate || DEPRECATED_disabledDate) {\n    return isDateDisabled;\n  }\n  return undefined;\n}\nvar _default = exports[\"default\"] = useDateDisabled;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/hooks/useDateDisabled.ts?");
+
+/***/ }),
+
+/***/ "./src/DateRangePicker/hooks/useDateRangePicker.ts":
+/*!*********************************************************!*\
+  !*** ./src/DateRangePicker/hooks/useDateRangePicker.ts ***!
+  \*********************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.useDateRangePicker = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _DateRangePickerProvider = __webpack_require__(/*! ../DateRangePickerProvider */ \"./src/DateRangePicker/DateRangePickerProvider.ts\");\nvar useDateRangePicker = exports.useDateRangePicker = function useDateRangePicker() {\n  return (0, _react.useContext)(_DateRangePickerProvider.DateRangePickerContext) || {};\n};\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/hooks/useDateRangePicker.ts?");
 
 /***/ }),
 
@@ -7198,7 +7363,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.getMonthHoverRange = void 0;\nexports.getSafeCalendarDate = getSafeCalendarDate;\nexports.isSameRange = exports.getWeekHoverRange = void 0;\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nfunction getSafeCalendarDate(_ref) {\n  var _value;\n  var value = _ref.value,\n    _ref$calendarKey = _ref.calendarKey,\n    calendarKey = _ref$calendarKey === void 0 ? 'start' : _ref$calendarKey,\n    allowSameMonth = _ref.allowSameMonth;\n  // Update calendarDate if the value is not null\n  value = (_value = value) !== null && _value !== void 0 ? _value : [];\n  var gap = allowSameMonth ? 0 : 1;\n  if (value[0] && value[1]) {\n    var diffMonth = (0, _date.differenceInCalendarMonths)(value[1], value[0]);\n    if (calendarKey === 'start') {\n      return [value[0], diffMonth <= 0 ? (0, _date.copyTime)({\n        from: value[1],\n        to: (0, _date.addMonths)(value[0], gap)\n      }) : value[1]];\n    } else if (calendarKey === 'end') {\n      return [diffMonth <= 0 ? (0, _date.copyTime)({\n        from: value[0],\n        to: (0, _date.addMonths)(value[1], -gap)\n      }) : value[0], value[1]];\n    }\n\n    // If only the start date\n  } else if (value[0]) {\n    return [value[0], (0, _date.addMonths)(value[0], gap)];\n  }\n  var todayDate = new Date();\n  return [todayDate, (0, _date.addMonths)(todayDate, gap)];\n}\nvar isSameRange = exports.isSameRange = function isSameRange(source, dest, format) {\n  // If both are null, reguard as same\n  if (null === source && null === dest) return true;\n  // If only one is null, regard as different\n  if (null === source || null === dest) return false;\n  var result = (0, _date.isSameDay)(source[0], dest[0]) && (0, _date.isSameDay)(source[1], dest[1]);\n  if ((0, _date.shouldRenderTime)(format)) {\n    result && (result = (0, _date.isSameSecond)(source[0], dest[0]) && (0, _date.isSameSecond)(source[1], dest[1]));\n  }\n  return result;\n};\nvar getMonthHoverRange = exports.getMonthHoverRange = function getMonthHoverRange(date) {\n  return [(0, _date.startOfMonth)(date), (0, _date.endOfMonth)(date)];\n};\nvar getWeekHoverRange = exports.getWeekHoverRange = function getWeekHoverRange(date, options) {\n  var isoWeek = options.isoWeek,\n    weekStart = options.weekStart,\n    locale = options.locale;\n  if (isoWeek) {\n    // set to the first day of this week according to ISO 8601, 12:00 am\n    return [(0, _date.startOfISOWeek)(date), (0, _date.endOfISOWeek)(date)];\n  }\n  return [(0, _date.startOfWeek)(date, {\n    weekStartsOn: weekStart,\n    locale: locale\n  }), (0, _date.endOfWeek)(date, {\n    weekStartsOn: weekStart,\n    locale: locale\n  })];\n};\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/utils.ts?");
+eval("\n\nexports.__esModule = true;\nexports.getMonthHoverRange = void 0;\nexports.getSafeCalendarDate = getSafeCalendarDate;\nexports.isSameRange = exports.getWeekHoverRange = void 0;\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nfunction getSafeCalendarDate(_ref) {\n  var _value;\n  var value = _ref.value,\n    _ref$calendarKey = _ref.calendarKey,\n    calendarKey = _ref$calendarKey === void 0 ? 'start' : _ref$calendarKey,\n    allowSameMonth = _ref.allowSameMonth;\n  // Update calendarDate if the value is not null\n  value = (_value = value) !== null && _value !== void 0 ? _value : [];\n  var gap = allowSameMonth ? 0 : 1;\n  if (value[0] && value[1]) {\n    var diffMonth = (0, _date.differenceInCalendarMonths)(value[1], value[0]);\n    if (calendarKey === 'start') {\n      return [value[0], diffMonth <= 0 ? (0, _date.copyTime)({\n        from: value[1],\n        to: (0, _date.addMonths)(value[0], gap)\n      }) : value[1]];\n    } else if (calendarKey === 'end') {\n      return [diffMonth <= 0 ? (0, _date.copyTime)({\n        from: value[0],\n        to: (0, _date.addMonths)(value[1], -gap)\n      }) : value[0], value[1]];\n    }\n\n    // If only the start date\n  } else if (value[0]) {\n    return [value[0], (0, _date.addMonths)(value[0], gap)];\n  }\n  var todayDate = (0, _date.startOfToday)();\n  return [todayDate, (0, _date.addMonths)(todayDate, gap)];\n}\nvar isSameRange = exports.isSameRange = function isSameRange(source, dest, format) {\n  // If both are null, reguard as same\n  if (null === source && null === dest) return true;\n  // If only one is null, regard as different\n  if (null === source || null === dest) return false;\n  var result = (0, _date.isSameDay)(source[0], dest[0]) && (0, _date.isSameDay)(source[1], dest[1]);\n  if ((0, _date.shouldRenderTime)(format)) {\n    result && (result = (0, _date.isSameSecond)(source[0], dest[0]) && (0, _date.isSameSecond)(source[1], dest[1]));\n  }\n  return result;\n};\nvar getMonthHoverRange = exports.getMonthHoverRange = function getMonthHoverRange(date) {\n  return [(0, _date.startOfMonth)(date), (0, _date.endOfMonth)(date)];\n};\nvar getWeekHoverRange = exports.getWeekHoverRange = function getWeekHoverRange(date, options) {\n  var isoWeek = options.isoWeek,\n    weekStart = options.weekStart,\n    locale = options.locale;\n  if (isoWeek) {\n    // set to the first day of this week according to ISO 8601, 12:00 am\n    return [(0, _date.startOfISOWeek)(date), (0, _date.endOfISOWeek)(date)];\n  }\n  return [(0, _date.startOfWeek)(date, {\n    weekStartsOn: weekStart,\n    locale: locale\n  }), (0, _date.endOfWeek)(date, {\n    weekStartsOn: weekStart,\n    locale: locale\n  })];\n};\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/utils.ts?");
 
 /***/ }),
 
@@ -7517,7 +7682,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = useFormValidate;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../../FormControl/utils */ \"./src/FormControl/utils.ts\");\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction useFormValidate(_formError, props) {\n  var formValue = props.formValue,\n    getCombinedModel = props.getCombinedModel,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    nestedField = props.nestedField;\n  var _useControlled = (0, _hooks.useControlled)(_formError, {}),\n    realFormError = _useControlled[0],\n    setFormError = _useControlled[1];\n  var checkOptions = {\n    nestedObject: nestedField\n  };\n  var realFormErrorRef = (0, _react.useRef)(realFormError);\n  realFormErrorRef.current = realFormError;\n\n  /**\n   * Validate the form data and return a boolean.\n   * The error message after verification is returned in the callback.\n   * @param callback\n   */\n  var check = (0, _hooks.useEventCallback)(function (callback) {\n    var formError = {};\n    var errorCount = 0;\n    var model = getCombinedModel();\n    var checkField = function checkField(key, type, value, formErrorObj) {\n      var checkResult = type.check(value);\n      if (checkResult.hasError === true) {\n        errorCount += 1;\n        formErrorObj[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;\n      }\n\n      // Check nested object\n      if (type !== null && type !== void 0 && type.objectTypeSchemaSpec) {\n        Object.entries(type.objectTypeSchemaSpec).forEach(function (_ref) {\n          var nestedKey = _ref[0],\n            nestedType = _ref[1];\n          formErrorObj[key] = formErrorObj[key] || {\n            object: {}\n          };\n          checkField(nestedKey, nestedType, value === null || value === void 0 ? void 0 : value[nestedKey], formErrorObj[key].object);\n        });\n      }\n    };\n    Object.entries(model.getSchemaSpec()).forEach(function (_ref2) {\n      var key = _ref2[0],\n        type = _ref2[1];\n      checkField(key, type, formValue[key], formError);\n    });\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(formError);\n    if (errorCount > 0) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n      return false;\n    }\n    return true;\n  });\n  var checkFieldForNextValue = (0, _hooks.useEventCallback)(function (fieldName, nextValue, callback) {\n    var model = getCombinedModel();\n    var resultOfCurrentField = model.checkForField(fieldName, nextValue, checkOptions);\n    var nextFormError = (0, _extends2.default)({}, realFormError);\n    /**\n     * when using proxy of schema-typed, we need to use getCheckResult to get all errors,\n     * but if nestedField is used, it is impossible to distinguish whether the nested object has an error here,\n     * so nestedField does not support proxy here\n     */\n    if (nestedField) {\n      nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);\n      setFormError(nextFormError);\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);\n      if (resultOfCurrentField.hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n      }\n      return !resultOfCurrentField.hasError;\n    } else {\n      var allResults = model.getCheckResult();\n      var hasError = false;\n      Object.keys(allResults).forEach(function (key) {\n        var currentResult = allResults[key];\n        if (currentResult.hasError) {\n          nextFormError[key] = currentResult.errorMessage || currentResult;\n          hasError = true;\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          var _nextFormError = nextFormError,\n            _ = _nextFormError[key],\n            rest = (0, _objectWithoutPropertiesLoose2.default)(_nextFormError, [key].map(_toPropertyKey));\n          nextFormError = rest;\n        }\n      });\n      setFormError(nextFormError);\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);\n      if (hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n      }\n      return !hasError;\n    }\n  });\n  /**\n   * Check the data field\n   * @param fieldName\n   * @param callback\n   */\n  var checkForField = (0, _hooks.useEventCallback)(function (fieldName, callback) {\n    return checkFieldForNextValue(fieldName, formValue || {}, callback);\n  });\n\n  /**\n   * Check form data asynchronously and return a Promise\n   */\n  var checkAsync = (0, _hooks.useEventCallback)(function () {\n    var promises = [];\n    var keys = [];\n    var model = getCombinedModel();\n    Object.keys(model.getSchemaSpec()).forEach(function (key) {\n      keys.push(key);\n      promises.push(model.checkForFieldAsync(key, formValue || {}, checkOptions));\n    });\n    return Promise.all(promises).then(function (values) {\n      var formError = {};\n      var errorCount = 0;\n      for (var i = 0; i < values.length; i++) {\n        if (values[i].hasError) {\n          errorCount += 1;\n          formError[keys[i]] = values[i].errorMessage;\n        }\n      }\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (errorCount > 0) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return {\n        hasError: errorCount > 0,\n        formError: formError\n      };\n    });\n  });\n  var checkFieldAsyncForNextValue = (0, _hooks.useEventCallback)(function (fieldName, nextValue) {\n    var model = getCombinedModel();\n    return model.checkForFieldAsync(fieldName, nextValue, checkOptions).then(function (resultOfCurrentField) {\n      var nextFormError = (0, _extends2.default)({}, realFormError);\n      /**\n       * when using proxy of schema-typed, we need to use getCheckResult to get all errors,\n       * but if nestedField is used, it is impossible to distinguish whether the nested object has an error here,\n       * so nestedField does not support proxy here\n       */\n\n      if (nestedField) {\n        nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);\n        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n        setFormError(nextFormError);\n        if (resultOfCurrentField.hasError) {\n          onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n        }\n        return resultOfCurrentField;\n      } else {\n        var allResults = model.getCheckResult();\n        var hasError = false;\n        Object.keys(allResults).forEach(function (key) {\n          var currentResult = allResults[key];\n          if (currentResult.hasError) {\n            nextFormError[key] = currentResult.errorMessage || currentResult;\n            hasError = true;\n          } else {\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            var _nextFormError2 = nextFormError,\n              _ = _nextFormError2[key],\n              rest = (0, _objectWithoutPropertiesLoose2.default)(_nextFormError2, [key].map(_toPropertyKey));\n            nextFormError = rest;\n          }\n        });\n        setFormError(nextFormError);\n        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n        if (hasError) {\n          onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n        }\n        return resultOfCurrentField;\n      }\n    });\n  });\n\n  /**\n   * Asynchronously check form fields and return Promise\n   * @param fieldName\n   */\n  var checkForFieldAsync = (0, _hooks.useEventCallback)(function (fieldName) {\n    return checkFieldAsyncForNextValue(fieldName, formValue || {});\n  });\n  var onRemoveError = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount,\n     * it's an old render frame so use Ref to get future error\n     */\n    var formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _utils.nameToPath)(name) : name]);\n    realFormErrorRef.current = formError;\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    return formError;\n  }, [nestedField, onCheck, setFormError]);\n  var cleanErrors = (0, _hooks.useEventCallback)(function () {\n    setFormError({});\n  });\n  var resetErrors = (0, _hooks.useEventCallback)(function (formError) {\n    if (formError === void 0) {\n      formError = {};\n    }\n    setFormError(formError);\n  });\n  var cleanErrorForField = (0, _hooks.useEventCallback)(function (fieldName) {\n    setFormError((0, _omit.default)(realFormError, [nestedField ? (0, _utils.nameToPath)(fieldName) : fieldName]));\n  });\n  return {\n    formError: realFormError,\n    check: check,\n    checkForField: checkForField,\n    checkFieldForNextValue: checkFieldForNextValue,\n    checkAsync: checkAsync,\n    checkForFieldAsync: checkForFieldAsync,\n    checkFieldAsyncForNextValue: checkFieldAsyncForNextValue,\n    cleanErrors: cleanErrors,\n    resetErrors: resetErrors,\n    cleanErrorForField: cleanErrorForField,\n    onRemoveError: onRemoveError\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormValidate.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = useFormValidate;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../../FormControl/utils */ \"./src/FormControl/utils.ts\");\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction useFormValidate(_formError, props) {\n  var formValue = props.formValue,\n    getCombinedModel = props.getCombinedModel,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    nestedField = props.nestedField;\n  var _useControlled = (0, _hooks.useControlled)(_formError, {}),\n    realFormError = _useControlled[0],\n    setFormError = _useControlled[1];\n  var checkOptions = {\n    nestedObject: nestedField\n  };\n  var realFormErrorRef = (0, _react.useRef)(realFormError);\n  realFormErrorRef.current = realFormError;\n\n  /**\n   * Validate the form data and return a boolean.\n   * The error message after verification is returned in the callback.\n   * @param callback\n   */\n  var check = (0, _hooks.useEventCallback)(function (callback) {\n    var formError = {};\n    var errorCount = 0;\n    var model = getCombinedModel();\n    var checkField = function checkField(key, type, value, formErrorObj) {\n      model.setSchemaOptionsForAllType(formValue || {});\n      var checkResult = type.check(value, formValue, key);\n      if (checkResult.hasError === true) {\n        errorCount += 1;\n        formErrorObj[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;\n      }\n\n      // Check nested object\n      if (type !== null && type !== void 0 && type.objectTypeSchemaSpec) {\n        Object.entries(type.objectTypeSchemaSpec).forEach(function (_ref) {\n          var nestedKey = _ref[0],\n            nestedType = _ref[1];\n          formErrorObj[key] = formErrorObj[key] || {\n            object: {}\n          };\n          checkField(nestedKey, nestedType, value === null || value === void 0 ? void 0 : value[nestedKey], formErrorObj[key].object);\n        });\n      }\n    };\n    Object.entries(model.getSchemaSpec()).forEach(function (_ref2) {\n      var key = _ref2[0],\n        type = _ref2[1];\n      checkField(key, type, formValue[key], formError);\n    });\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(formError);\n    if (errorCount > 0) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n      return false;\n    }\n    return true;\n  });\n  var checkFieldForNextValue = (0, _hooks.useEventCallback)(function (fieldName, nextValue, callback) {\n    var model = getCombinedModel();\n    var resultOfCurrentField = model.checkForField(fieldName, nextValue, checkOptions);\n    var nextFormError = (0, _extends2.default)({}, realFormError);\n    /**\n     * when using proxy of schema-typed, we need to use getCheckResult to get all errors,\n     * but if nestedField is used, it is impossible to distinguish whether the nested object has an error here,\n     * so nestedField does not support proxy here\n     */\n    if (nestedField) {\n      nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);\n      setFormError(nextFormError);\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);\n      if (resultOfCurrentField.hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n      }\n      return !resultOfCurrentField.hasError;\n    } else {\n      var allResults = model.getCheckResult();\n      var hasError = false;\n      Object.keys(allResults).forEach(function (key) {\n        var currentResult = allResults[key];\n        if (currentResult.hasError) {\n          nextFormError[key] = currentResult.errorMessage || currentResult;\n          hasError = true;\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          var _nextFormError = nextFormError,\n            _ = _nextFormError[key],\n            rest = (0, _objectWithoutPropertiesLoose2.default)(_nextFormError, [key].map(_toPropertyKey));\n          nextFormError = rest;\n        }\n      });\n      setFormError(nextFormError);\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);\n      if (hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n      }\n      return !hasError;\n    }\n  });\n  /**\n   * Check the data field\n   * @param fieldName\n   * @param callback\n   */\n  var checkForField = (0, _hooks.useEventCallback)(function (fieldName, callback) {\n    return checkFieldForNextValue(fieldName, formValue || {}, callback);\n  });\n\n  /**\n   * Check form data asynchronously and return a Promise\n   */\n  var checkAsync = (0, _hooks.useEventCallback)(function () {\n    var promises = [];\n    var keys = [];\n    var model = getCombinedModel();\n    Object.keys(model.getSchemaSpec()).forEach(function (key) {\n      keys.push(key);\n      promises.push(model.checkForFieldAsync(key, formValue || {}, checkOptions));\n    });\n    return Promise.all(promises).then(function (values) {\n      var formError = {};\n      var errorCount = 0;\n      for (var i = 0; i < values.length; i++) {\n        if (values[i].hasError) {\n          errorCount += 1;\n          formError[keys[i]] = values[i].errorMessage;\n        }\n      }\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (errorCount > 0) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return {\n        hasError: errorCount > 0,\n        formError: formError\n      };\n    });\n  });\n  var checkFieldAsyncForNextValue = (0, _hooks.useEventCallback)(function (fieldName, nextValue) {\n    var model = getCombinedModel();\n    return model.checkForFieldAsync(fieldName, nextValue, checkOptions).then(function (resultOfCurrentField) {\n      var nextFormError = (0, _extends2.default)({}, realFormError);\n      /**\n       * when using proxy of schema-typed, we need to use getCheckResult to get all errors,\n       * but if nestedField is used, it is impossible to distinguish whether the nested object has an error here,\n       * so nestedField does not support proxy here\n       */\n\n      if (nestedField) {\n        nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);\n        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n        setFormError(nextFormError);\n        if (resultOfCurrentField.hasError) {\n          onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n        }\n        return resultOfCurrentField;\n      } else {\n        var allResults = model.getCheckResult();\n        var hasError = false;\n        Object.keys(allResults).forEach(function (key) {\n          var currentResult = allResults[key];\n          if (currentResult.hasError) {\n            nextFormError[key] = currentResult.errorMessage || currentResult;\n            hasError = true;\n          } else {\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            var _nextFormError2 = nextFormError,\n              _ = _nextFormError2[key],\n              rest = (0, _objectWithoutPropertiesLoose2.default)(_nextFormError2, [key].map(_toPropertyKey));\n            nextFormError = rest;\n          }\n        });\n        setFormError(nextFormError);\n        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n        if (hasError) {\n          onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n        }\n        return resultOfCurrentField;\n      }\n    });\n  });\n\n  /**\n   * Asynchronously check form fields and return Promise\n   * @param fieldName\n   */\n  var checkForFieldAsync = (0, _hooks.useEventCallback)(function (fieldName) {\n    return checkFieldAsyncForNextValue(fieldName, formValue || {});\n  });\n  var onRemoveError = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount,\n     * it's an old render frame so use Ref to get future error\n     */\n    var formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _utils.nameToPath)(name) : name]);\n    realFormErrorRef.current = formError;\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    return formError;\n  }, [nestedField, onCheck, setFormError]);\n  var cleanErrors = (0, _hooks.useEventCallback)(function () {\n    setFormError({});\n  });\n  var resetErrors = (0, _hooks.useEventCallback)(function (formError) {\n    if (formError === void 0) {\n      formError = {};\n    }\n    setFormError(formError);\n  });\n  var cleanErrorForField = (0, _hooks.useEventCallback)(function (fieldName) {\n    setFormError((0, _omit.default)(realFormError, [nestedField ? (0, _utils.nameToPath)(fieldName) : fieldName]));\n  });\n  return {\n    formError: realFormError,\n    check: check,\n    checkForField: checkForField,\n    checkFieldForNextValue: checkFieldForNextValue,\n    checkAsync: checkAsync,\n    checkForFieldAsync: checkForFieldAsync,\n    checkFieldAsyncForNextValue: checkFieldAsyncForNextValue,\n    cleanErrors: cleanErrors,\n    resetErrors: resetErrors,\n    cleanErrorForField: cleanErrorForField,\n    onRemoveError: onRemoveError\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormValidate.ts?");
 
 /***/ }),
 
@@ -7880,7 +8045,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.defaultRenderInput = defaultRenderInput;\nexports.renderChildren = renderChildren;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _excluded = [\"onBlur\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InlineEdit/renderChildren.tsx\";\nfunction defaultRenderInput(props, ref) {\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 10\n    }\n  }));\n}\nvar pickers = ['DatePicker', 'DateRangePicker', 'InputPicker', 'TagPicker', 'Cascader', 'MultiCascader', 'SelectPicker', 'CheckPicker', 'CheckTreePicker', 'TreePicker'];\nfunction getDisplayName(Component) {\n  var _Component$type;\n  if (typeof (Component === null || Component === void 0 ? void 0 : Component.type) === 'string') {\n    return Component === null || Component === void 0 ? void 0 : Component.type;\n  }\n  return (Component === null || Component === void 0 ? void 0 : (_Component$type = Component.type) === null || _Component$type === void 0 ? void 0 : _Component$type.displayName) || '';\n}\nfunction renderChildren(children, props, ref) {\n  if (typeof children === 'function') {\n    return children(props, ref);\n  }\n  if (pickers.includes(getDisplayName(children))) {\n    var onBlur = props.onBlur,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n\n    // if the children is a picker, we should pass the onBlur to the onClose\n    return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, rest, {\n      onClose: onBlur,\n      ref: ref\n    }));\n  }\n  return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, props, {\n    ref: ref\n  }));\n}\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/renderChildren.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.defaultRenderInput = defaultRenderInput;\nexports.renderChildren = renderChildren;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _excluded = [\"onBlur\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InlineEdit/renderChildren.tsx\";\nfunction defaultRenderInput(props, ref) {\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 10\n    }\n  }));\n}\nvar pickers = ['DatePicker', 'DateRangePicker', 'TimePicker', 'TimeRangePicker', 'InputPicker', 'TagPicker', 'Cascader', 'MultiCascader', 'SelectPicker', 'CheckPicker', 'CheckTreePicker', 'TreePicker'];\nfunction getDisplayName(Component) {\n  var _Component$type;\n  if (typeof (Component === null || Component === void 0 ? void 0 : Component.type) === 'string') {\n    return Component === null || Component === void 0 ? void 0 : Component.type;\n  }\n  return (Component === null || Component === void 0 ? void 0 : (_Component$type = Component.type) === null || _Component$type === void 0 ? void 0 : _Component$type.displayName) || '';\n}\nfunction renderChildren(children, props, ref) {\n  if (typeof children === 'function') {\n    return children(props, ref);\n  }\n  if (pickers.includes(getDisplayName(children))) {\n    var onBlur = props.onBlur,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n    var _children$props = children.props,\n      onExit = _children$props.onExit,\n      onClean = _children$props.onClean;\n    return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, rest, {\n      // Pass onBlur to the child component to automatically save or cancel after the focus event is processed.\n      // Special handling in the Picker component, call onBlur when onExit and onClean\n      onExit: (0, _utils.createChainedFunction)(function () {\n        return onBlur === null || onBlur === void 0 ? void 0 : onBlur();\n      }, onExit),\n      onClean: (0, _utils.createChainedFunction)(function () {\n        return onBlur === null || onBlur === void 0 ? void 0 : onBlur();\n      }, onClean),\n      ref: ref\n    }));\n  }\n  return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, props, {\n    ref: ref\n  }));\n}\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/renderChildren.tsx?");
 
 /***/ }),
 
@@ -7902,7 +8067,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/esm/index.js\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _symbols = __webpack_require__(/*! ../internals/symbols */ \"./src/internals/symbols.ts\");\nvar useFocusEvent = function useFocusEvent(_ref) {\n  var _ref$current;\n  var isEditing = _ref.isEditing,\n    stateOnBlur = _ref.stateOnBlur,\n    onSave = _ref.onSave,\n    onCancel = _ref.onCancel;\n  var ref = (0, _react.useRef)(null);\n  var rootRef = (0, _react.useRef)(null);\n  var isPicker = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.type) === _symbols.RSUITE_PICKER_TYPE;\n  var focus = function focus() {\n    if (isPicker) {\n      setTimeout(function () {\n        var _ref$current2, _ref$current2$target, _ref$current2$target$;\n        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$target = _ref$current2.target) === null || _ref$current2$target === void 0 ? void 0 : (_ref$current2$target$ = _ref$current2$target.focus) === null || _ref$current2$target$ === void 0 ? void 0 : _ref$current2$target$.call(_ref$current2$target);\n      }, 100);\n    } else {\n      var _ref$current3, _ref$current3$focus;\n      (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : (_ref$current3$focus = _ref$current3.focus) === null || _ref$current3$focus === void 0 ? void 0 : _ref$current3$focus.call(_ref$current3);\n    }\n  };\n  var handleBlur = (0, _hooks.useEventCallback)(function (event) {\n    if (event) {\n      var _event$relatedTarget;\n      var relatedTarget = (_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 ? _event$relatedTarget : (0, _domLib.ownerDocument)(event.currentTarget).activeElement;\n      if (rootRef.current && (0, _domLib.contains)(rootRef.current, relatedTarget)) {\n        return;\n      }\n    }\n    if (stateOnBlur === 'save') {\n      onSave === null || onSave === void 0 ? void 0 : onSave(event);\n    } else if (stateOnBlur === 'cancel') {\n      onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);\n    }\n  });\n  (0, _hooks.useIsomorphicLayoutEffect)(function () {\n    if (isEditing) {\n      focus();\n    }\n  }, []);\n  (0, _hooks.useUpdateEffect)(function () {\n    if (isEditing) {\n      focus();\n    }\n  }, [isEditing]);\n  return {\n    target: ref,\n    root: rootRef,\n    onBlur: handleBlur\n  };\n};\nvar _default = exports[\"default\"] = useFocusEvent;\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/useFocusEvent.ts?");
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/esm/index.js\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _symbols = __webpack_require__(/*! ../internals/symbols */ \"./src/internals/symbols.ts\");\nvar useFocusEvent = function useFocusEvent(_ref) {\n  var _ref$current;\n  var isEditing = _ref.isEditing,\n    stateOnBlur = _ref.stateOnBlur,\n    onSave = _ref.onSave,\n    onCancel = _ref.onCancel;\n  var ref = (0, _react.useRef)(null);\n  var rootRef = (0, _react.useRef)(null);\n  var isPicker = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.type) === _symbols.RSUITE_PICKER_TYPE;\n  var focus = function focus() {\n    if (isPicker) {\n      setTimeout(function () {\n        var _picker$target, _picker$target$focus, _picker$open;\n        var picker = ref.current;\n        // Auto focus the search input\n        picker === null || picker === void 0 ? void 0 : (_picker$target = picker.target) === null || _picker$target === void 0 ? void 0 : (_picker$target$focus = _picker$target.focus) === null || _picker$target$focus === void 0 ? void 0 : _picker$target$focus.call(_picker$target);\n\n        // Open the picker\n        picker === null || picker === void 0 ? void 0 : (_picker$open = picker.open) === null || _picker$open === void 0 ? void 0 : _picker$open.call(picker);\n      }, 100);\n    } else {\n      var _ref$current2, _ref$current2$focus;\n      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$focus = _ref$current2.focus) === null || _ref$current2$focus === void 0 ? void 0 : _ref$current2$focus.call(_ref$current2);\n    }\n  };\n  var handleBlur = (0, _hooks.useEventCallback)(function (event) {\n    if (event) {\n      var _event$relatedTarget;\n      var relatedTarget = (_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 ? _event$relatedTarget : (0, _domLib.ownerDocument)(event.currentTarget).activeElement;\n      if (rootRef.current && (0, _domLib.contains)(rootRef.current, relatedTarget)) {\n        return;\n      }\n    }\n    if (stateOnBlur === 'save') {\n      onSave === null || onSave === void 0 ? void 0 : onSave(event);\n    } else if (stateOnBlur === 'cancel') {\n      onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);\n    }\n  });\n  (0, _hooks.useIsomorphicLayoutEffect)(function () {\n    if (isEditing) {\n      focus();\n    }\n  }, []);\n  (0, _hooks.useUpdateEffect)(function () {\n    if (isEditing) {\n      focus();\n    }\n  }, [isEditing]);\n  return {\n    target: ref,\n    root: rootRef,\n    onBlur: handleBlur\n  };\n};\nvar _default = exports[\"default\"] = useFocusEvent;\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/useFocusEvent.ts?");
 
 /***/ }),
 
@@ -9875,6 +10040,50 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/TimePicker/TimePicker.tsx":
+/*!***************************************!*\
+  !*** ./src/TimePicker/TimePicker.tsx ***!
+  \***************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ../DatePicker */ \"./src/DatePicker/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TimePicker/TimePicker.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar TimePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useCustom = (0, _hooks.useCustom)('Calendar'),\n    locale = _useCustom.locale;\n  var defaultRanges = (0, _react.useMemo)(function () {\n    return [{\n      label: locale.now,\n      value: function value() {\n        return new Date();\n      }\n    }];\n  }, [locale]);\n  return /*#__PURE__*/_react.default.createElement(_DatePicker.default, (0, _extends2.default)({\n    ref: ref,\n    format: locale.shortTimeFormat,\n    ranges: defaultRanges\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112,\n      columnNumber: 7\n    }\n  }));\n});\nTimePicker.displayName = 'TimePicker';\nvar _default = exports[\"default\"] = TimePicker;\n\n//# sourceURL=webpack://rsuite/./src/TimePicker/TimePicker.tsx?");
+
+/***/ }),
+
+/***/ "./src/TimePicker/index.tsx":
+/*!**********************************!*\
+  !*** ./src/TimePicker/index.tsx ***!
+  \**********************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _TimePicker = _interopRequireDefault(__webpack_require__(/*! ./TimePicker */ \"./src/TimePicker/TimePicker.tsx\"));\nvar _default = exports[\"default\"] = _TimePicker.default;\n\n//# sourceURL=webpack://rsuite/./src/TimePicker/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/TimeRangePicker/TimeRangePicker.tsx":
+/*!*************************************************!*\
+  !*** ./src/TimeRangePicker/TimeRangePicker.tsx ***!
+  \*************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ../DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TimeRangePicker/TimeRangePicker.tsx\",\n  _this = void 0;\nvar defaultRanges = [];\nvar TimeRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useCustom = (0, _hooks.useCustom)('Calendar'),\n    locale = _useCustom.locale;\n  return /*#__PURE__*/_react.default.createElement(_DateRangePicker.default, (0, _extends2.default)({\n    ref: ref,\n    showHeader: false,\n    format: locale.shortTimeFormat,\n    ranges: defaultRanges\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 104,\n      columnNumber: 7\n    }\n  }));\n});\nTimeRangePicker.displayName = 'TimeRangePicker';\nvar _default = exports[\"default\"] = TimeRangePicker;\n\n//# sourceURL=webpack://rsuite/./src/TimeRangePicker/TimeRangePicker.tsx?");
+
+/***/ }),
+
+/***/ "./src/TimeRangePicker/index.tsx":
+/*!***************************************!*\
+  !*** ./src/TimeRangePicker/index.tsx ***!
+  \***************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _TimeRangePicker = _interopRequireDefault(__webpack_require__(/*! ./TimeRangePicker */ \"./src/TimeRangePicker/TimeRangePicker.tsx\"));\nvar _default = exports[\"default\"] = _TimeRangePicker.default;\n\n//# sourceURL=webpack://rsuite/./src/TimeRangePicker/index.tsx?");
+
+/***/ }),
+
 /***/ "./src/Timeline/Timeline.tsx":
 /*!***********************************!*\
   !*** ./src/Timeline/Timeline.tsx ***!
@@ -10410,7 +10619,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useToaster = exports.useMediaQuery = exports.useFormClassNames = exports.useBreakpointValue = exports.toaster = exports.Whisper = exports.VisuallyHidden = exports.VStack = exports.Uploader = exports.TreePicker = exports.Tree = exports.Tooltip = exports.Toggle = exports.Timeline = exports.Text = exports.TagPicker = exports.TagInput = exports.TagGroup = exports.Tag = exports.Tabs = exports.Table = exports.Steps = exports.Stack = exports.Slider = exports.Sidenav = exports.Sidebar = exports.SelectPicker = exports.Schema = exports.SafeAnchor = exports.Row = exports.Rate = exports.RangeSlider = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.Progress = exports.Popover = exports.Placeholder = exports.PanelGroup = exports.Panel = exports.Pagination = exports.Notification = exports.Navbar = exports.Nav = exports.MultiCascader = exports.MultiCascadeTree = exports.Modal = exports.Message = exports.MaskedInput = exports.Loader = exports.List = exports.InputPicker = exports.InputNumber = exports.InputGroup = exports.Input = exports.InlineEdit = exports.IconButton = exports.Highlight = exports.HeadingGroup = exports.Heading = exports.Header = exports.HStack = exports.Grid = exports.Form = exports.Footer = exports.FlexboxGrid = exports.Dropdown = exports.Drawer = exports.Divider = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.DOMHelper = exports.CustomProvider = exports.Content = exports.Container = exports.Col = exports.CheckboxGroup = exports.Checkbox = exports.CheckTreePicker = exports.CheckTree = exports.CheckPicker = exports.Cascader = exports.CascadeTree = exports.Carousel = exports.Calendar = exports.ButtonToolbar = exports.ButtonGroup = exports.Button = exports.Breadcrumb = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoComplete = exports.Animation = exports.Affix = exports.Accordion = void 0;\nvar _Text = _interopRequireDefault(__webpack_require__(/*! ./Text */ \"./src/Text/index.tsx\"));\nexports.Text = _Text.default;\nvar _Heading = _interopRequireDefault(__webpack_require__(/*! ./Heading */ \"./src/Heading/index.tsx\"));\nexports.Heading = _Heading.default;\nvar _HeadingGroup = _interopRequireDefault(__webpack_require__(/*! ./HeadingGroup */ \"./src/HeadingGroup/index.tsx\"));\nexports.HeadingGroup = _HeadingGroup.default;\nvar _Highlight = _interopRequireDefault(__webpack_require__(/*! ./Highlight */ \"./src/Highlight/index.tsx\"));\nexports.Highlight = _Highlight.default;\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nexports.SafeAnchor = _SafeAnchor.default;\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\nexports.Button = _Button.default;\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\nexports.IconButton = _IconButton.default;\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\nexports.ButtonToolbar = _ButtonToolbar.default;\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\nexports.ButtonGroup = _ButtonGroup.default;\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\nexports.Whisper = _Whisper.default;\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\nexports.Tooltip = _Tooltip.default;\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\nexports.Popover = _Popover.default;\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\nexports.Modal = _Modal.default;\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\nexports.Drawer = _Drawer.default;\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\nexports.Dropdown = _Dropdown.default;\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\nexports.Notification = _Notification.default;\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\nexports.Message = _Message.default;\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\nexports.Loader = _Loader.default;\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\nexports.Placeholder = _Placeholder.default;\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\nexports.Badge = _Badge.default;\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\nexports.toaster = _toaster.default;\nvar _useToaster = _interopRequireDefault(__webpack_require__(/*! ./useToaster */ \"./src/useToaster/index.tsx\"));\nexports.useToaster = _useToaster.default;\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\nexports.Progress = _Progress.default;\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\nexports.Avatar = _Avatar.default;\nvar _AvatarGroup = _interopRequireDefault(__webpack_require__(/*! ./AvatarGroup */ \"./src/AvatarGroup/index.tsx\"));\nexports.AvatarGroup = _AvatarGroup.default;\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\nexports.Nav = _Nav.default;\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\nexports.Navbar = _Navbar.default;\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\nexports.Sidenav = _Sidenav.default;\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\nexports.Breadcrumb = _Breadcrumb.default;\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\nexports.Pagination = _Pagination.default;\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\nexports.Steps = _Steps.default;\nvar _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\nexports.Form = _Form.default;\nexports.useFormClassNames = _Form.useFormClassNames;\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\nexports.Toggle = _Toggle.default;\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\nexports.Input = _Input.default;\nvar _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ./MaskedInput */ \"./src/MaskedInput/index.tsx\"));\nexports.MaskedInput = _MaskedInput.default;\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\nexports.InputNumber = _InputNumber.default;\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\nexports.InputGroup = _InputGroup.default;\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\nexports.Checkbox = _Checkbox.default;\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\nexports.CheckboxGroup = _CheckboxGroup.default;\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\nexports.Radio = _Radio.default;\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\nexports.RadioGroup = _RadioGroup.default;\nvar _RadioTile = _interopRequireDefault(__webpack_require__(/*! ./RadioTile */ \"./src/RadioTile/index.tsx\"));\nexports.RadioTile = _RadioTile.default;\nvar _RadioTileGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioTileGroup */ \"./src/RadioTileGroup/index.tsx\"));\nexports.RadioTileGroup = _RadioTileGroup.default;\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\nexports.SelectPicker = _SelectPicker.default;\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\nexports.CheckPicker = _CheckPicker.default;\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\nexports.InputPicker = _InputPicker.default;\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\nexports.TagPicker = _TagPicker.default;\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\nexports.TagInput = _TagInput.default;\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\nexports.TreePicker = _TreePicker.default;\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\nexports.CheckTreePicker = _CheckTreePicker.default;\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\nexports.Cascader = _Cascader.default;\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\nexports.MultiCascader = _MultiCascader.default;\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ./DateInput */ \"./src/DateInput/index.tsx\"));\nexports.DateInput = _DateInput.default;\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\nexports.DatePicker = _DatePicker.default;\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ./DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nexports.DateRangeInput = _DateRangeInput.default;\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\nexports.DateRangePicker = _DateRangePicker.default;\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\nexports.AutoComplete = _AutoComplete.default;\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\nexports.Uploader = _Uploader.default;\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\nexports.Slider = _Slider.default;\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\nexports.RangeSlider = _RangeSlider.default;\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\nexports.Rate = _Rate.default;\nvar _InlineEdit = _interopRequireDefault(__webpack_require__(/*! ./InlineEdit */ \"./src/InlineEdit/index.tsx\"));\nexports.InlineEdit = _InlineEdit.default;\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\nexports.Tree = _Tree.default;\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\nexports.CheckTree = _CheckTree.default;\nvar _CascadeTree = _interopRequireDefault(__webpack_require__(/*! ./CascadeTree */ \"./src/CascadeTree/index.tsx\"));\nexports.CascadeTree = _CascadeTree.default;\nvar _MultiCascadeTree = _interopRequireDefault(__webpack_require__(/*! ./MultiCascadeTree */ \"./src/MultiCascadeTree/index.tsx\"));\nexports.MultiCascadeTree = _MultiCascadeTree.default;\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\nexports.Panel = _Panel.default;\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\nexports.PanelGroup = _PanelGroup.default;\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\nexports.Table = _Table.default;\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\nexports.Timeline = _Timeline.default;\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\nexports.Tag = _Tag.default;\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\nexports.TagGroup = _TagGroup.default;\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\nexports.List = _List.default;\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\nexports.Calendar = _Calendar.default;\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\nexports.Carousel = _Carousel.default;\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\nexports.Grid = _Grid.default;\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\nexports.Row = _Row.default;\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\nexports.Col = _Col.default;\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\nexports.FlexboxGrid = _FlexboxGrid.default;\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\nexports.Container = _Container.default;\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\nexports.Content = _Content.default;\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\nexports.Header = _Header.default;\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\nexports.Sidebar = _Sidebar.default;\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\nexports.Footer = _Footer.default;\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\nexports.Divider = _Divider.default;\nvar _Stack = _interopRequireWildcard(__webpack_require__(/*! ./Stack */ \"./src/Stack/index.tsx\"));\nexports.Stack = _Stack.default;\nexports.HStack = _Stack.HStack;\nexports.VStack = _Stack.VStack;\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\nexports.Schema = _Schema.default;\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\nexports.Animation = _Animation.default;\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\nexports.DOMHelper = _DOMHelper.default;\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\nexports.Affix = _Affix.default;\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\nexports.CustomProvider = _CustomProvider.default;\nvar _useMediaQuery = _interopRequireDefault(__webpack_require__(/*! ./useMediaQuery */ \"./src/useMediaQuery/index.ts\"));\nexports.useMediaQuery = _useMediaQuery.default;\nvar _useBreakpointValue = _interopRequireDefault(__webpack_require__(/*! ./useBreakpointValue */ \"./src/useBreakpointValue/index.ts\"));\nexports.useBreakpointValue = _useBreakpointValue.default;\nvar _VisuallyHidden = _interopRequireDefault(__webpack_require__(/*! ./VisuallyHidden */ \"./src/VisuallyHidden/index.tsx\"));\nexports.VisuallyHidden = _VisuallyHidden.default;\nvar _Tabs = _interopRequireDefault(__webpack_require__(/*! ./Tabs */ \"./src/Tabs/index.tsx\"));\nexports.Tabs = _Tabs.default;\nvar _Accordion = _interopRequireDefault(__webpack_require__(/*! ./Accordion */ \"./src/Accordion/index.tsx\"));\nexports.Accordion = _Accordion.default;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useMediaQuery = exports.useFormClassNames = exports.useBreakpointValue = exports.toaster = exports.Whisper = exports.VisuallyHidden = exports.VStack = exports.Uploader = exports.TreePicker = exports.Tree = exports.Tooltip = exports.Toggle = exports.Timeline = exports.TimeRangePicker = exports.TimePicker = exports.Text = exports.TagPicker = exports.TagInput = exports.TagGroup = exports.Tag = exports.Tabs = exports.Table = exports.Steps = exports.Stack = exports.Slider = exports.Sidenav = exports.Sidebar = exports.SelectPicker = exports.Schema = exports.SafeAnchor = exports.Row = exports.Rate = exports.RangeSlider = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.Progress = exports.Popover = exports.Placeholder = exports.PanelGroup = exports.Panel = exports.Pagination = exports.Notification = exports.Navbar = exports.Nav = exports.MultiCascader = exports.MultiCascadeTree = exports.Modal = exports.Message = exports.MaskedInput = exports.Loader = exports.List = exports.InputPicker = exports.InputNumber = exports.InputGroup = exports.Input = exports.InlineEdit = exports.IconButton = exports.Highlight = exports.HeadingGroup = exports.Heading = exports.Header = exports.HStack = exports.Grid = exports.Form = exports.Footer = exports.FlexboxGrid = exports.Dropdown = exports.Drawer = exports.Divider = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.DOMHelper = exports.CustomProvider = exports.Content = exports.Container = exports.Col = exports.CheckboxGroup = exports.Checkbox = exports.CheckTreePicker = exports.CheckTree = exports.CheckPicker = exports.Cascader = exports.CascadeTree = exports.Carousel = exports.Calendar = exports.ButtonToolbar = exports.ButtonGroup = exports.Button = exports.Breadcrumb = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoComplete = exports.Animation = exports.Affix = exports.Accordion = void 0;\nexports.useToaster = void 0;\nvar _Text = _interopRequireDefault(__webpack_require__(/*! ./Text */ \"./src/Text/index.tsx\"));\nexports.Text = _Text.default;\nvar _Heading = _interopRequireDefault(__webpack_require__(/*! ./Heading */ \"./src/Heading/index.tsx\"));\nexports.Heading = _Heading.default;\nvar _HeadingGroup = _interopRequireDefault(__webpack_require__(/*! ./HeadingGroup */ \"./src/HeadingGroup/index.tsx\"));\nexports.HeadingGroup = _HeadingGroup.default;\nvar _Highlight = _interopRequireDefault(__webpack_require__(/*! ./Highlight */ \"./src/Highlight/index.tsx\"));\nexports.Highlight = _Highlight.default;\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nexports.SafeAnchor = _SafeAnchor.default;\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\nexports.Button = _Button.default;\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\nexports.IconButton = _IconButton.default;\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\nexports.ButtonToolbar = _ButtonToolbar.default;\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\nexports.ButtonGroup = _ButtonGroup.default;\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\nexports.Whisper = _Whisper.default;\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\nexports.Tooltip = _Tooltip.default;\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\nexports.Popover = _Popover.default;\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\nexports.Modal = _Modal.default;\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\nexports.Drawer = _Drawer.default;\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\nexports.Dropdown = _Dropdown.default;\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\nexports.Notification = _Notification.default;\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\nexports.Message = _Message.default;\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\nexports.Loader = _Loader.default;\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\nexports.Placeholder = _Placeholder.default;\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\nexports.Badge = _Badge.default;\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\nexports.toaster = _toaster.default;\nvar _useToaster = _interopRequireDefault(__webpack_require__(/*! ./useToaster */ \"./src/useToaster/index.tsx\"));\nexports.useToaster = _useToaster.default;\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\nexports.Progress = _Progress.default;\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\nexports.Avatar = _Avatar.default;\nvar _AvatarGroup = _interopRequireDefault(__webpack_require__(/*! ./AvatarGroup */ \"./src/AvatarGroup/index.tsx\"));\nexports.AvatarGroup = _AvatarGroup.default;\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\nexports.Nav = _Nav.default;\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\nexports.Navbar = _Navbar.default;\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\nexports.Sidenav = _Sidenav.default;\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\nexports.Breadcrumb = _Breadcrumb.default;\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\nexports.Pagination = _Pagination.default;\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\nexports.Steps = _Steps.default;\nvar _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\nexports.Form = _Form.default;\nexports.useFormClassNames = _Form.useFormClassNames;\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\nexports.Toggle = _Toggle.default;\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\nexports.Input = _Input.default;\nvar _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ./MaskedInput */ \"./src/MaskedInput/index.tsx\"));\nexports.MaskedInput = _MaskedInput.default;\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\nexports.InputNumber = _InputNumber.default;\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\nexports.InputGroup = _InputGroup.default;\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\nexports.Checkbox = _Checkbox.default;\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\nexports.CheckboxGroup = _CheckboxGroup.default;\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\nexports.Radio = _Radio.default;\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\nexports.RadioGroup = _RadioGroup.default;\nvar _RadioTile = _interopRequireDefault(__webpack_require__(/*! ./RadioTile */ \"./src/RadioTile/index.tsx\"));\nexports.RadioTile = _RadioTile.default;\nvar _RadioTileGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioTileGroup */ \"./src/RadioTileGroup/index.tsx\"));\nexports.RadioTileGroup = _RadioTileGroup.default;\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\nexports.SelectPicker = _SelectPicker.default;\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\nexports.CheckPicker = _CheckPicker.default;\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\nexports.InputPicker = _InputPicker.default;\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\nexports.TagPicker = _TagPicker.default;\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\nexports.TagInput = _TagInput.default;\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\nexports.TreePicker = _TreePicker.default;\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\nexports.CheckTreePicker = _CheckTreePicker.default;\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\nexports.Cascader = _Cascader.default;\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\nexports.MultiCascader = _MultiCascader.default;\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ./DateInput */ \"./src/DateInput/index.tsx\"));\nexports.DateInput = _DateInput.default;\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\nexports.DatePicker = _DatePicker.default;\nvar _TimePicker = _interopRequireDefault(__webpack_require__(/*! ./TimePicker */ \"./src/TimePicker/index.tsx\"));\nexports.TimePicker = _TimePicker.default;\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ./DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nexports.DateRangeInput = _DateRangeInput.default;\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\nexports.DateRangePicker = _DateRangePicker.default;\nvar _TimeRangePicker = _interopRequireDefault(__webpack_require__(/*! ./TimeRangePicker */ \"./src/TimeRangePicker/index.tsx\"));\nexports.TimeRangePicker = _TimeRangePicker.default;\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\nexports.AutoComplete = _AutoComplete.default;\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\nexports.Uploader = _Uploader.default;\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\nexports.Slider = _Slider.default;\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\nexports.RangeSlider = _RangeSlider.default;\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\nexports.Rate = _Rate.default;\nvar _InlineEdit = _interopRequireDefault(__webpack_require__(/*! ./InlineEdit */ \"./src/InlineEdit/index.tsx\"));\nexports.InlineEdit = _InlineEdit.default;\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\nexports.Tree = _Tree.default;\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\nexports.CheckTree = _CheckTree.default;\nvar _CascadeTree = _interopRequireDefault(__webpack_require__(/*! ./CascadeTree */ \"./src/CascadeTree/index.tsx\"));\nexports.CascadeTree = _CascadeTree.default;\nvar _MultiCascadeTree = _interopRequireDefault(__webpack_require__(/*! ./MultiCascadeTree */ \"./src/MultiCascadeTree/index.tsx\"));\nexports.MultiCascadeTree = _MultiCascadeTree.default;\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\nexports.Panel = _Panel.default;\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\nexports.PanelGroup = _PanelGroup.default;\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\nexports.Table = _Table.default;\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\nexports.Timeline = _Timeline.default;\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\nexports.Tag = _Tag.default;\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\nexports.TagGroup = _TagGroup.default;\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\nexports.List = _List.default;\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\nexports.Calendar = _Calendar.default;\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\nexports.Carousel = _Carousel.default;\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\nexports.Grid = _Grid.default;\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\nexports.Row = _Row.default;\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\nexports.Col = _Col.default;\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\nexports.FlexboxGrid = _FlexboxGrid.default;\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\nexports.Container = _Container.default;\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\nexports.Content = _Content.default;\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\nexports.Header = _Header.default;\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\nexports.Sidebar = _Sidebar.default;\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\nexports.Footer = _Footer.default;\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\nexports.Divider = _Divider.default;\nvar _Stack = _interopRequireWildcard(__webpack_require__(/*! ./Stack */ \"./src/Stack/index.tsx\"));\nexports.Stack = _Stack.default;\nexports.HStack = _Stack.HStack;\nexports.VStack = _Stack.VStack;\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\nexports.Schema = _Schema.default;\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\nexports.Animation = _Animation.default;\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\nexports.DOMHelper = _DOMHelper.default;\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\nexports.Affix = _Affix.default;\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\nexports.CustomProvider = _CustomProvider.default;\nvar _useMediaQuery = _interopRequireDefault(__webpack_require__(/*! ./useMediaQuery */ \"./src/useMediaQuery/index.ts\"));\nexports.useMediaQuery = _useMediaQuery.default;\nvar _useBreakpointValue = _interopRequireDefault(__webpack_require__(/*! ./useBreakpointValue */ \"./src/useBreakpointValue/index.ts\"));\nexports.useBreakpointValue = _useBreakpointValue.default;\nvar _VisuallyHidden = _interopRequireDefault(__webpack_require__(/*! ./VisuallyHidden */ \"./src/VisuallyHidden/index.tsx\"));\nexports.VisuallyHidden = _VisuallyHidden.default;\nvar _Tabs = _interopRequireDefault(__webpack_require__(/*! ./Tabs */ \"./src/Tabs/index.tsx\"));\nexports.Tabs = _Tabs.default;\nvar _Accordion = _interopRequireDefault(__webpack_require__(/*! ./Accordion */ \"./src/Accordion/index.tsx\"));\nexports.Accordion = _Accordion.default;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
 
 /***/ }),
 
@@ -10674,7 +10883,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isString = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\nvar _isNumber = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\nvar _findIndex = _interopRequireDefault(__webpack_require__(/*! lodash/findIndex */ \"./node_modules/lodash/findIndex.js\"));\nvar _pickBy = _interopRequireDefault(__webpack_require__(/*! lodash/pickBy */ \"./node_modules/lodash/pickBy.js\"));\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nvar _getHeight = _interopRequireDefault(__webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\"));\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _Windowing = __webpack_require__(/*! ../Windowing */ \"./src/internals/Windowing/index.ts\");\nvar _symbols = __webpack_require__(/*! ../symbols */ \"./src/internals/symbols.ts\");\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _getDataGroupBy = __webpack_require__(/*! ../utils/getDataGroupBy */ \"./src/internals/utils/getDataGroupBy.ts\");\nvar _ListItemGroup = _interopRequireDefault(__webpack_require__(/*! ./ListItemGroup */ \"./src/internals/Picker/ListItemGroup.tsx\"));\nvar _useCombobox2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useCombobox */ \"./src/internals/Picker/hooks/useCombobox.ts\"));\nvar _Highlight = _interopRequireDefault(__webpack_require__(/*! ../../Highlight */ \"./src/Highlight/index.tsx\"));\nvar _excluded = [\"data\", \"groupBy\", \"maxHeight\", \"activeItemValues\", \"disabledItemValues\", \"classPrefix\", \"valueKey\", \"labelKey\", \"virtualized\", \"listProps\", \"listRef\", \"className\", \"style\", \"focusItemValue\", \"listItemClassPrefix\", \"listItemAs\", \"listItemProps\", \"rowHeight\", \"rowGroupHeight\", \"query\", \"renderMenuGroup\", \"renderMenuItem\", \"onGroupTitleClick\", \"onSelect\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/internals/Picker/Listbox.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * Props for the Listbox component.\n */\n/**\n * Props for the Listbox component.\n * @template Multiple - Whether multiple selection is enabled.\n */\n\nvar Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$data = props.data,\n    data = _props$data === void 0 ? [] : _props$data,\n    groupBy = props.groupBy,\n    _props$maxHeight = props.maxHeight,\n    maxHeight = _props$maxHeight === void 0 ? 320 : _props$maxHeight,\n    _props$activeItemValu = props.activeItemValues,\n    activeItemValues = _props$activeItemValu === void 0 ? [] : _props$activeItemValu,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'listbox' : _props$classPrefix,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    virtualized = props.virtualized,\n    listProps = props.listProps,\n    virtualizedListRef = props.listRef,\n    className = props.className,\n    style = props.style,\n    focusItemValue = props.focusItemValue,\n    listItemClassPrefix = props.listItemClassPrefix,\n    ListItem = props.listItemAs,\n    listItemProps = props.listItemProps,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,\n    _props$rowGroupHeight = props.rowGroupHeight,\n    rowGroupHeight = _props$rowGroupHeight === void 0 ? 48 : _props$rowGroupHeight,\n    query = props.query,\n    renderMenuGroup = props.renderMenuGroup,\n    renderMenuItem = props.renderMenuItem,\n    onGroupTitleClick = props.onGroupTitleClick,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var groupable = typeof groupBy !== 'undefined';\n  var classes = merge(className, withClassPrefix('items', {\n    grouped: groupable\n  }));\n  var _useCombobox = (0, _useCombobox2.default)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType,\n    multiple = _useCombobox.multiple;\n  var menuBodyContainerRef = (0, _react.useRef)(null);\n  var listRef = (0, _react.useRef)(null);\n  var _useState = (0, _react.useState)([]),\n    foldedGroupKeys = _useState[0],\n    setFoldedGroupKeys = _useState[1];\n  var handleGroupTitleClick = (0, _hooks.useEventCallback)(function (key, event) {\n    var nextGroupKeys = foldedGroupKeys.filter(function (item) {\n      return item !== key;\n    });\n    if (nextGroupKeys.length === foldedGroupKeys.length) {\n      nextGroupKeys.push(key);\n    }\n    setFoldedGroupKeys(nextGroupKeys);\n    onGroupTitleClick === null || onGroupTitleClick === void 0 ? void 0 : onGroupTitleClick(event);\n  });\n  var handleSelect = (0, _hooks.useEventCallback)(function (item, value, event, checked) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event, checked);\n  });\n  var getRowHeight = function getRowHeight(list, index) {\n    var item = list[index];\n    if (groupable && item[_symbols.RSUITE_PICKER_GROUP_KEY] && index !== 0) {\n      return rowGroupHeight;\n    }\n    return rowHeight;\n  };\n  (0, _react.useEffect)(function () {\n    var container = menuBodyContainerRef.current;\n    if (!container) {\n      return;\n    }\n    var activeItem = container.querySelector(\".\" + prefix('item-focus'));\n    if (!activeItem) {\n      activeItem = container.querySelector(\".\" + prefix('item-active'));\n    }\n    if (!activeItem) {\n      return;\n    }\n    var position = (0, _getPosition.default)(activeItem, container);\n    var sTop = (0, _scrollTop.default)(container);\n    var sHeight = (0, _getHeight.default)(container);\n    if (sTop > position.top) {\n      (0, _scrollTop.default)(container, Math.max(0, position.top - 20));\n    } else if (position.top > sTop + sHeight) {\n      (0, _scrollTop.default)(container, Math.max(0, position.top - sHeight + 32));\n    }\n  }, [focusItemValue, menuBodyContainerRef, prefix]);\n  var filteredItems = groupable ? data.filter(function (item) {\n    var _item$parent;\n    // Display group title items\n    if (item[_symbols.RSUITE_PICKER_GROUP_KEY]) return true;\n\n    // Display items under the unfolded group\n    var groupValue = (0, _get.default)(item, groupBy, '') || ( // FIXME-Doma\n    // Usage of `item.parent` is strongly discouraged\n    // It's only here for legacy support\n    // Remove once `item.parent` is completely removed across related components\n    (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent[_getDataGroupBy.KEY_GROUP_TITLE]);\n    return !foldedGroupKeys.includes(groupValue);\n  }) : data;\n  var rowCount = filteredItems.length;\n  var renderItem = function renderItem(_ref) {\n    var _ref$index = _ref.index,\n      index = _ref$index === void 0 ? 0 : _ref$index,\n      style = _ref.style,\n      data = _ref.data,\n      itemData = _ref.item;\n    var item = itemData || data[index];\n    var value = item[valueKey];\n    var itemLabel = item[labelKey];\n    var label = query ? /*#__PURE__*/_react.default.createElement(_Highlight.default, {\n      query: query,\n      as: \"span\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 228,\n        columnNumber: 9\n      }\n    }, itemLabel) : itemLabel;\n    if ((0, _isUndefined.default)(label) && !item[_symbols.RSUITE_PICKER_GROUP_KEY]) {\n      throw Error(\"labelKey \\\"\" + labelKey + \"\\\" is not defined in \\\"data\\\" : \" + index);\n    }\n\n    // Use `value` in keys when If `value` is string or number\n    var itemKey = (0, _isString.default)(value) || (0, _isNumber.default)(value) ? value : index;\n\n    //  Render <ListboxGroup> component when `groupBy` is defined\n    if (groupable && item[_symbols.RSUITE_PICKER_GROUP_KEY]) {\n      var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];\n      return /*#__PURE__*/_react.default.createElement(_ListItemGroup.default, {\n        style: style,\n        classPrefix: 'picker-menu-group',\n        className: (0, _classnames.default)({\n          folded: foldedGroupKeys.some(function (key) {\n            return key === groupValue;\n          })\n        }),\n        key: \"group-\" + groupValue,\n        onClick: handleGroupTitleClick.bind(null, groupValue),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 246,\n          columnNumber: 11\n        }\n      }, renderMenuGroup ? renderMenuGroup(groupValue, item) : groupValue);\n    } else if ((0, _isUndefined.default)(value) && !(0, _isUndefined.default)(item[_symbols.RSUITE_PICKER_GROUP_KEY])) {\n      throw Error(\"valueKey \\\"\" + valueKey + \"\\\" is not defined in \\\"data\\\" : \" + index + \" \");\n    }\n    var disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(function (disabledValue) {\n      return (0, _utils.shallowEqual)(disabledValue, value);\n    });\n    var active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(function (v) {\n      return (0, _utils.shallowEqual)(v, value);\n    });\n    var focus = !(0, _isUndefined.default)(focusItemValue) && (0, _utils.shallowEqual)(focusItemValue, value);\n    return /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({\n      \"aria-posinset\": index + 1,\n      \"aria-setsize\": rowCount,\n      style: style,\n      key: itemKey,\n      disabled: disabled,\n      active: active,\n      focus: focus,\n      value: value,\n      classPrefix: listItemClassPrefix,\n      onSelect: handleSelect.bind(null, item)\n    }, (0, _pickBy.default)(listItemProps, function (v) {\n      return v !== undefined;\n    }), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 269,\n        columnNumber: 9\n      }\n    }), renderMenuItem ? renderMenuItem(label, item) : label);\n  };\n  (0, _hooks.useMount)(function () {\n    var _listRef$current, _listRef$current$scro;\n    var itemIndex = (0, _findIndex.default)(filteredItems, function (item) {\n      return item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]);\n    });\n    (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$scro = _listRef$current.scrollToItem) === null || _listRef$current$scro === void 0 ? void 0 : _listRef$current$scro.call(_listRef$current, itemIndex);\n  });\n  return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n    role: \"listbox\",\n    id: id + \"-\" + popupType,\n    \"aria-labelledby\": labelId,\n    \"aria-multiselectable\": multiple\n  }, rest, {\n    className: classes,\n    ref: (0, _utils.mergeRefs)(menuBodyContainerRef, ref),\n    style: (0, _extends2.default)({}, style, {\n      maxHeight: maxHeight\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 293,\n      columnNumber: 7\n    }\n  }), virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {\n    defaultHeight: maxHeight,\n    style: {\n      width: 'auto',\n      height: 'auto'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 304,\n      columnNumber: 11\n    }\n  }, function (_ref2) {\n    var height = _ref2.height;\n    return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({\n      as: _Windowing.VariableSizeList,\n      ref: (0, _utils.mergeRefs)(listRef, virtualizedListRef),\n      height: height || maxHeight,\n      itemCount: rowCount,\n      itemData: filteredItems,\n      itemSize: getRowHeight.bind(_this, filteredItems)\n    }, listProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 306,\n        columnNumber: 15\n      }\n    }), renderItem);\n  }) : filteredItems.map(function (item, index) {\n    return renderItem({\n      index: index,\n      item: item\n    });\n  }));\n});\nListbox.displayName = 'Listbox';\nvar _default = exports[\"default\"] = Listbox;\n\n//# sourceURL=webpack://rsuite/./src/internals/Picker/Listbox.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isString = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\nvar _isNumber = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\nvar _findIndex = _interopRequireDefault(__webpack_require__(/*! lodash/findIndex */ \"./node_modules/lodash/findIndex.js\"));\nvar _pickBy = _interopRequireDefault(__webpack_require__(/*! lodash/pickBy */ \"./node_modules/lodash/pickBy.js\"));\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nvar _getHeight = _interopRequireDefault(__webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\"));\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _Windowing = __webpack_require__(/*! ../Windowing */ \"./src/internals/Windowing/index.ts\");\nvar _symbols = __webpack_require__(/*! ../symbols */ \"./src/internals/symbols.ts\");\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _getDataGroupBy = __webpack_require__(/*! ../utils/getDataGroupBy */ \"./src/internals/utils/getDataGroupBy.ts\");\nvar _ListItemGroup = _interopRequireDefault(__webpack_require__(/*! ./ListItemGroup */ \"./src/internals/Picker/ListItemGroup.tsx\"));\nvar _useCombobox2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useCombobox */ \"./src/internals/Picker/hooks/useCombobox.ts\"));\nvar _Highlight = _interopRequireDefault(__webpack_require__(/*! ../../Highlight */ \"./src/Highlight/index.tsx\"));\nvar _excluded = [\"data\", \"groupBy\", \"maxHeight\", \"activeItemValues\", \"disabledItemValues\", \"classPrefix\", \"valueKey\", \"labelKey\", \"virtualized\", \"listProps\", \"listRef\", \"className\", \"style\", \"focusItemValue\", \"listItemClassPrefix\", \"listItemAs\", \"listItemProps\", \"rowHeight\", \"rowGroupHeight\", \"query\", \"renderMenuGroup\", \"renderMenuItem\", \"onGroupTitleClick\", \"onSelect\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/internals/Picker/Listbox.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * Props for the Listbox component.\n */\n/**\n * Props for the Listbox component.\n * @template Multiple - Whether multiple selection is enabled.\n */\n\nvar Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$data = props.data,\n    data = _props$data === void 0 ? [] : _props$data,\n    groupBy = props.groupBy,\n    _props$maxHeight = props.maxHeight,\n    maxHeight = _props$maxHeight === void 0 ? 320 : _props$maxHeight,\n    _props$activeItemValu = props.activeItemValues,\n    activeItemValues = _props$activeItemValu === void 0 ? [] : _props$activeItemValu,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'listbox' : _props$classPrefix,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    virtualized = props.virtualized,\n    listProps = props.listProps,\n    virtualizedListRef = props.listRef,\n    className = props.className,\n    style = props.style,\n    focusItemValue = props.focusItemValue,\n    listItemClassPrefix = props.listItemClassPrefix,\n    ListItem = props.listItemAs,\n    listItemProps = props.listItemProps,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,\n    _props$rowGroupHeight = props.rowGroupHeight,\n    rowGroupHeight = _props$rowGroupHeight === void 0 ? 48 : _props$rowGroupHeight,\n    query = props.query,\n    renderMenuGroup = props.renderMenuGroup,\n    renderMenuItem = props.renderMenuItem,\n    onGroupTitleClick = props.onGroupTitleClick,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    rootPrefix = _useClassNames.rootPrefix;\n  var groupable = typeof groupBy !== 'undefined';\n  var classes = merge(className, withClassPrefix('items', {\n    grouped: groupable\n  }));\n  var _useCombobox = (0, _useCombobox2.default)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType,\n    multiple = _useCombobox.multiple;\n  var menuBodyContainerRef = (0, _react.useRef)(null);\n  var listRef = (0, _react.useRef)(null);\n  var _useState = (0, _react.useState)([]),\n    foldedGroupKeys = _useState[0],\n    setFoldedGroupKeys = _useState[1];\n  var handleGroupTitleClick = (0, _hooks.useEventCallback)(function (key, event) {\n    var nextGroupKeys = foldedGroupKeys.filter(function (item) {\n      return item !== key;\n    });\n    if (nextGroupKeys.length === foldedGroupKeys.length) {\n      nextGroupKeys.push(key);\n    }\n    setFoldedGroupKeys(nextGroupKeys);\n    onGroupTitleClick === null || onGroupTitleClick === void 0 ? void 0 : onGroupTitleClick(event);\n  });\n  var handleSelect = (0, _hooks.useEventCallback)(function (item, value, event, checked) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event, checked);\n  });\n  var getRowHeight = function getRowHeight(list, index) {\n    var item = list[index];\n    if (groupable && item[_symbols.RSUITE_PICKER_GROUP_KEY] && index !== 0) {\n      return rowGroupHeight;\n    }\n    return rowHeight;\n  };\n  (0, _react.useEffect)(function () {\n    var container = menuBodyContainerRef.current;\n    if (!container) {\n      return;\n    }\n    var activeItem = container.querySelector(\".\" + prefix('item-focus'));\n    if (!activeItem) {\n      activeItem = container.querySelector(\".\" + prefix('item-active'));\n    }\n    if (!activeItem) {\n      return;\n    }\n    var position = (0, _getPosition.default)(activeItem, container);\n    var sTop = (0, _scrollTop.default)(container);\n    var sHeight = (0, _getHeight.default)(container);\n    if (sTop > position.top) {\n      (0, _scrollTop.default)(container, Math.max(0, position.top - 20));\n    } else if (position.top > sTop + sHeight) {\n      (0, _scrollTop.default)(container, Math.max(0, position.top - sHeight + 32));\n    }\n  }, [focusItemValue, menuBodyContainerRef, prefix]);\n  var filteredItems = groupable ? data.filter(function (item) {\n    var _item$parent;\n    // Display group title items\n    if (item[_symbols.RSUITE_PICKER_GROUP_KEY]) return true;\n\n    // Display items under the unfolded group\n    var groupValue = (0, _get.default)(item, groupBy, '') || ( // FIXME-Doma\n    // Usage of `item.parent` is strongly discouraged\n    // It's only here for legacy support\n    // Remove once `item.parent` is completely removed across related components\n    (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent[_getDataGroupBy.KEY_GROUP_TITLE]);\n    return !foldedGroupKeys.includes(groupValue);\n  }) : data;\n  var rowCount = filteredItems.length;\n  var renderItem = function renderItem(_ref) {\n    var _ref$index = _ref.index,\n      index = _ref$index === void 0 ? 0 : _ref$index,\n      style = _ref.style,\n      data = _ref.data,\n      itemData = _ref.item;\n    var item = itemData || data[index];\n    var value = item[valueKey];\n    var itemLabel = item[labelKey];\n    var label = query ? /*#__PURE__*/_react.default.createElement(_Highlight.default, {\n      query: query,\n      as: \"span\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 228,\n        columnNumber: 9\n      }\n    }, itemLabel) : itemLabel;\n    if ((0, _isUndefined.default)(label) && !item[_symbols.RSUITE_PICKER_GROUP_KEY]) {\n      throw Error(\"labelKey \\\"\" + labelKey + \"\\\" is not defined in \\\"data\\\" : \" + index);\n    }\n\n    // Use `value` in keys when If `value` is string or number\n    var itemKey = (0, _isString.default)(value) || (0, _isNumber.default)(value) ? value : index;\n\n    //  Render <ListboxGroup> component when `groupBy` is defined\n    if (groupable && item[_symbols.RSUITE_PICKER_GROUP_KEY]) {\n      var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];\n      return /*#__PURE__*/_react.default.createElement(_ListItemGroup.default, {\n        style: style,\n        classPrefix: 'picker-menu-group',\n        className: (0, _classnames.default)({\n          folded: foldedGroupKeys.some(function (key) {\n            return key === groupValue;\n          })\n        }),\n        key: \"group-\" + groupValue,\n        onClick: handleGroupTitleClick.bind(null, groupValue),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 246,\n          columnNumber: 11\n        }\n      }, renderMenuGroup ? renderMenuGroup(groupValue, item) : groupValue);\n    } else if ((0, _isUndefined.default)(value) && !(0, _isUndefined.default)(item[_symbols.RSUITE_PICKER_GROUP_KEY])) {\n      throw Error(\"valueKey \\\"\" + valueKey + \"\\\" is not defined in \\\"data\\\" : \" + index + \" \");\n    }\n    var disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(function (disabledValue) {\n      return (0, _utils.shallowEqual)(disabledValue, value);\n    });\n    var active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(function (v) {\n      return (0, _utils.shallowEqual)(v, value);\n    });\n    var focus = !(0, _isUndefined.default)(focusItemValue) && (0, _utils.shallowEqual)(focusItemValue, value);\n    return /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({\n      \"aria-posinset\": index + 1,\n      \"aria-setsize\": rowCount,\n      style: style,\n      key: itemKey,\n      disabled: disabled,\n      active: active,\n      focus: focus,\n      value: value,\n      classPrefix: listItemClassPrefix,\n      onSelect: handleSelect.bind(null, item)\n    }, (0, _pickBy.default)(listItemProps, function (v) {\n      return v !== undefined;\n    }), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 269,\n        columnNumber: 9\n      }\n    }), renderMenuItem ? renderMenuItem(label, item) : label);\n  };\n  (0, _hooks.useMount)(function () {\n    var _listRef$current, _listRef$current$scro;\n    var itemIndex = (0, _findIndex.default)(filteredItems, function (item) {\n      return item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]);\n    });\n    (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$scro = _listRef$current.scrollToItem) === null || _listRef$current$scro === void 0 ? void 0 : _listRef$current$scro.call(_listRef$current, itemIndex);\n  });\n  return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n    role: \"listbox\",\n    id: id + \"-\" + popupType,\n    \"aria-labelledby\": labelId,\n    \"aria-multiselectable\": multiple\n  }, rest, {\n    className: classes,\n    ref: (0, _utils.mergeRefs)(menuBodyContainerRef, ref),\n    style: (0, _extends2.default)({}, style, {\n      maxHeight: maxHeight\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 293,\n      columnNumber: 7\n    }\n  }), virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {\n    defaultHeight: maxHeight,\n    style: {\n      width: 'auto',\n      height: 'auto'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 304,\n      columnNumber: 11\n    }\n  }, function (_ref2) {\n    var height = _ref2.height;\n    return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({\n      as: _Windowing.VariableSizeList,\n      ref: (0, _utils.mergeRefs)(listRef, virtualizedListRef),\n      height: height || maxHeight,\n      itemCount: rowCount,\n      itemData: filteredItems,\n      itemSize: getRowHeight.bind(_this, filteredItems),\n      className: rootPrefix('virt-list')\n    }, listProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 306,\n        columnNumber: 15\n      }\n    }), renderItem);\n  }) : filteredItems.map(function (item, index) {\n    return renderItem({\n      index: index,\n      item: item\n    });\n  }));\n});\nListbox.displayName = 'Listbox';\nvar _default = exports[\"default\"] = Listbox;\n\n//# sourceURL=webpack://rsuite/./src/internals/Picker/Listbox.tsx?");
 
 /***/ }),
 
@@ -11158,7 +11367,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.us
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useCustom = useCustom;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _date = __webpack_require__(/*! ../utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _default2 = _interopRequireDefault(__webpack_require__(/*! ../../locales/default */ \"./src/locales/default.ts\"));\nvar _CustomProvider = __webpack_require__(/*! ../../CustomProvider/CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\");\nvar mergeObject = function mergeObject(list) {\n  return list.reduce(function (a, b) {\n    a = (0, _extends2.default)({}, a, b);\n    return a;\n  }, {});\n};\nvar getDefaultRTL = function getDefaultRTL() {\n  return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';\n};\n\n/**\n * A hook to get custom configuration of `<CustomProvider>`\n * @param keys\n */\nfunction useCustom(keys, overrideLocale) {\n  var _locale$Calendar2, _locale$Calendar4;\n  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),\n    _useContext$locale = _useContext.locale,\n    locale = _useContext$locale === void 0 ? _default2.default : _useContext$locale,\n    _useContext$rtl = _useContext.rtl,\n    rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,\n    formatDate = _useContext.formatDate,\n    parseDate = _useContext.parseDate,\n    toasters = _useContext.toasters,\n    disableRipple = _useContext.disableRipple;\n  var componentLocale = (0, _extends2.default)({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : typeof keys === 'object' ? mergeObject(keys.map(function (key) {\n    return locale === null || locale === void 0 ? void 0 : locale[key];\n  })) : {});\n\n  // Component custom locale\n  if (overrideLocale) {\n    componentLocale = mergeObject([componentLocale, overrideLocale]);\n  }\n  var _formatDate = (0, _react.useCallback)(function (date, formatStr, options) {\n    try {\n      var _locale$Calendar;\n      if (formatDate) {\n        return formatDate(date, formatStr, options);\n      }\n      return (0, _date.format)((0, _date.isValid)(date) ? date : new Date(), formatStr, (0, _extends2.default)({\n        locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale\n      }, options));\n    } catch (error) {\n      if (true) {\n        console.error('Error: Invalid date format', error);\n      }\n      return 'Error: Invalid date format';\n    }\n  }, [formatDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);\n  var _parseDate = (0, _react.useCallback)(function (dateString, formatString, referenceDate, options) {\n    var _locale$Calendar3;\n    if (parseDate) {\n      return parseDate(dateString, formatString, referenceDate, options);\n    }\n    return (0, _date.parse)(dateString, formatString, referenceDate || new Date(), (0, _extends2.default)({\n      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale\n    }, options));\n  }, [parseDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);\n  return {\n    locale: componentLocale,\n    rtl: rtl,\n    toasters: toasters,\n    disableRipple: disableRipple,\n    formatDate: _formatDate,\n    parseDate: _parseDate\n  };\n}\nvar _default = exports[\"default\"] = useCustom;\n\n//# sourceURL=webpack://rsuite/./src/internals/hooks/useCustom.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useCustom = useCustom;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _date = __webpack_require__(/*! ../utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _en_GB = _interopRequireDefault(__webpack_require__(/*! ../../locales/en_GB */ \"./src/locales/en_GB.ts\"));\nvar _CustomProvider = __webpack_require__(/*! ../../CustomProvider/CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\");\nvar mergeObject = function mergeObject(list) {\n  return list.reduce(function (a, b) {\n    a = (0, _extends2.default)({}, a, b);\n    return a;\n  }, {});\n};\nvar getDefaultRTL = function getDefaultRTL() {\n  return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';\n};\n\n/**\n * A hook to get custom configuration of `<CustomProvider>`\n * @param keys\n */\nfunction useCustom(keys, overrideLocale) {\n  var _locale$Calendar2, _locale$Calendar4;\n  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),\n    _useContext$locale = _useContext.locale,\n    locale = _useContext$locale === void 0 ? _en_GB.default : _useContext$locale,\n    _useContext$rtl = _useContext.rtl,\n    rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,\n    formatDate = _useContext.formatDate,\n    parseDate = _useContext.parseDate,\n    toasters = _useContext.toasters,\n    disableRipple = _useContext.disableRipple;\n  var componentLocale = (0, _extends2.default)({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : typeof keys === 'object' ? mergeObject(keys.map(function (key) {\n    return locale === null || locale === void 0 ? void 0 : locale[key];\n  })) : {});\n\n  // Component custom locale\n  if (overrideLocale) {\n    componentLocale = mergeObject([componentLocale, overrideLocale]);\n  }\n  var _formatDate = (0, _react.useCallback)(function (date, formatStr, options) {\n    try {\n      var _locale$Calendar;\n      if (formatDate) {\n        return formatDate(date, formatStr, options);\n      }\n      return (0, _date.format)((0, _date.isValid)(date) ? date : new Date(), formatStr, (0, _extends2.default)({\n        locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale\n      }, options));\n    } catch (error) {\n      if (true) {\n        console.error('Error: Invalid date format', error);\n      }\n      return 'Error: Invalid date format';\n    }\n  }, [formatDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);\n  var _parseDate = (0, _react.useCallback)(function (dateString, formatString, referenceDate, options) {\n    var _locale$Calendar3;\n    if (parseDate) {\n      return parseDate(dateString, formatString, referenceDate, options);\n    }\n    return (0, _date.parse)(dateString, formatString, referenceDate || new Date(), (0, _extends2.default)({\n      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale\n    }, options));\n  }, [parseDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);\n  return {\n    locale: componentLocale,\n    rtl: rtl,\n    toasters: toasters,\n    disableRipple: disableRipple,\n    formatDate: _formatDate,\n    parseDate: _parseDate\n  };\n}\nvar _default = exports[\"default\"] = useCustom;\n\n//# sourceURL=webpack://rsuite/./src/internals/hooks/useCustom.ts?");
 
 /***/ }),
 
@@ -11503,25 +11712,25 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
-/***/ "./src/internals/utils/date/formatCheck.ts":
-/*!*************************************************!*\
-  !*** ./src/internals/utils/date/formatCheck.ts ***!
-  \*************************************************/
+/***/ "./src/internals/utils/date/extractTimeFormat.ts":
+/*!*******************************************************!*\
+  !*** ./src/internals/utils/date/extractTimeFormat.ts ***!
+  \*******************************************************/
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.shouldRenderTime = exports.shouldRenderMonth = exports.shouldRenderDate = exports.shouldOnlyRenderTime = void 0;\n/**\n * Check if the time should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether the time should be rendered.\n */\nvar shouldRenderTime = exports.shouldRenderTime = function shouldRenderTime(format) {\n  return /([Hhms])/.test(format);\n};\n\n/**\n * Check if the month should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether the month should be rendered.\n */\nvar shouldRenderMonth = exports.shouldRenderMonth = function shouldRenderMonth(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format);\n};\n\n/**\n * Check if the date should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether the date should be rendered.\n */\nvar shouldRenderDate = exports.shouldRenderDate = function shouldRenderDate(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format) && /[Dd]/.test(format);\n};\n\n/**\n * Check if only the time should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether only the time should be rendered.\n */\nvar shouldOnlyRenderTime = exports.shouldOnlyRenderTime = function shouldOnlyRenderTime(format) {\n  return /([Hhms])/.test(format) && !/([YyMDd])/.test(format);\n};\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/date/formatCheck.ts?");
+eval("\n\nexports.__esModule = true;\nexports.extractTimeFormat = extractTimeFormat;\n/**\n * Extracts the time format from a given date format.\n */\nfunction extractTimeFormat(format) {\n  var match = format.match(/([hH]{1,2}[:.]mm(?:[:.]ss)?(?: ?aa)?|(?:aa )?[hH]{1,2}[:.]mm(?:[:.]ss)?)/);\n  return match ? match[0] : null;\n}\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/date/extractTimeFormat.ts?");
 
 /***/ }),
 
-/***/ "./src/internals/utils/date/getReversedTimeMeridian.ts":
-/*!*************************************************************!*\
-  !*** ./src/internals/utils/date/getReversedTimeMeridian.ts ***!
-  \*************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ "./src/internals/utils/date/formatCheck.ts":
+/*!*************************************************!*\
+  !*** ./src/internals/utils/date/formatCheck.ts ***!
+  \*************************************************/
+/***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.getReversedTimeMeridian = exports[\"default\"] = void 0;\nvar _setHours = _interopRequireDefault(__webpack_require__(/*! date-fns/setHours */ \"./node_modules/date-fns/esm/setHours/index.js\"));\nvar _getHours = _interopRequireDefault(__webpack_require__(/*! date-fns/getHours */ \"./node_modules/date-fns/esm/getHours/index.js\"));\n/**\n * Get the time with AM and PM reversed.\n *\n * @param date - The date to reverse the time meridian.\n * @returns The date with the time meridian reversed.\n */\nvar getReversedTimeMeridian = exports.getReversedTimeMeridian = function getReversedTimeMeridian(date) {\n  var clonedDate = new Date(date.valueOf());\n  var hours = (0, _getHours.default)(clonedDate);\n  var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n  return (0, _setHours.default)(clonedDate, nextHours);\n};\nvar _default = exports[\"default\"] = getReversedTimeMeridian;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/date/getReversedTimeMeridian.ts?");
+eval("\n\nexports.__esModule = true;\nexports.shouldRenderTime = exports.shouldRenderMonth = exports.shouldRenderDate = exports.shouldOnlyRenderTime = exports.shouldOnlyRenderMonth = void 0;\n/**\n * Check if the time should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether the time should be rendered.\n */\nvar shouldRenderTime = exports.shouldRenderTime = function shouldRenderTime(format) {\n  return /([Hhms])/.test(format);\n};\n\n/**\n * Check if the month should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether the month should be rendered.\n */\nvar shouldRenderMonth = exports.shouldRenderMonth = function shouldRenderMonth(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format);\n};\n\n/**\n * Check if the date should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether the date should be rendered.\n */\nvar shouldRenderDate = exports.shouldRenderDate = function shouldRenderDate(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format) && /[Dd]/.test(format);\n};\n\n/**\n * Check if only the time should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether only the time should be rendered.\n */\nvar shouldOnlyRenderTime = exports.shouldOnlyRenderTime = function shouldOnlyRenderTime(format) {\n  return /([Hhms])/.test(format) && !/([YyMDd])/.test(format);\n};\n\n/**\n * Check if only the month should be rendered based on the format.\n */\nvar shouldOnlyRenderMonth = exports.shouldOnlyRenderMonth = function shouldOnlyRenderMonth(format) {\n  return shouldRenderMonth(format) && !shouldRenderDate(format);\n};\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/date/formatCheck.ts?");
 
 /***/ }),
 
@@ -11554,7 +11763,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.subDays = exports.startOfWeek = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.shouldRenderTime = exports.shouldRenderMonth = exports.shouldRenderDate = exports.shouldOnlyRenderTime = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.set = exports.reverseDateRangeOmitTime = exports.parseISO = exports.parse = exports.omitHideDisabledProps = exports.lastDayOfMonth = exports.isValid = exports.isSameSecond = exports.isSameMonth = exports.isSameDay = exports.isMatch = exports.isLastDayOfMonth = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getWeekStartDates = exports.getWeekKeys = exports.getSeconds = exports.getReversedTimeMeridian = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.disableTime = exports.differenceInCalendarMonths = exports.copyTime = exports.compareAsc = exports.calendarOnlyProps = exports.addYears = exports.addSeconds = exports.addMonths = exports.addMinutes = exports.addHours = exports.addDays = void 0;\nvar _addDays = _interopRequireDefault(__webpack_require__(/*! date-fns/addDays */ \"./node_modules/date-fns/esm/addDays/index.js\"));\nexports.addDays = _addDays.default;\nvar _addMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/addMonths */ \"./node_modules/date-fns/esm/addMonths/index.js\"));\nexports.addMonths = _addMonths.default;\nvar _addYears = _interopRequireDefault(__webpack_require__(/*! date-fns/addYears */ \"./node_modules/date-fns/esm/addYears/index.js\"));\nexports.addYears = _addYears.default;\nvar _addSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/addSeconds */ \"./node_modules/date-fns/esm/addSeconds/index.js\"));\nexports.addSeconds = _addSeconds.default;\nvar _addMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/addMinutes */ \"./node_modules/date-fns/esm/addMinutes/index.js\"));\nexports.addMinutes = _addMinutes.default;\nvar _addHours = _interopRequireDefault(__webpack_require__(/*! date-fns/addHours */ \"./node_modules/date-fns/esm/addHours/index.js\"));\nexports.addHours = _addHours.default;\nvar _compareAsc = _interopRequireDefault(__webpack_require__(/*! date-fns/compareAsc */ \"./node_modules/date-fns/esm/compareAsc/index.js\"));\nexports.compareAsc = _compareAsc.default;\nvar _endOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfDay */ \"./node_modules/date-fns/esm/endOfDay/index.js\"));\nexports.endOfDay = _endOfDay.default;\nvar _endOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfISOWeek */ \"./node_modules/date-fns/esm/endOfISOWeek/index.js\"));\nexports.endOfISOWeek = _endOfISOWeek.default;\nvar _endOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfMonth */ \"./node_modules/date-fns/esm/endOfMonth/index.js\"));\nexports.endOfMonth = _endOfMonth.default;\nvar _endOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfWeek */ \"./node_modules/date-fns/esm/endOfWeek/index.js\"));\nexports.endOfWeek = _endOfWeek.default;\nvar _format = _interopRequireDefault(__webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\"));\nexports.format = _format.default;\nvar _getDate = _interopRequireDefault(__webpack_require__(/*! date-fns/getDate */ \"./node_modules/date-fns/esm/getDate/index.js\"));\nexports.getDate = _getDate.default;\nvar _getDay = _interopRequireDefault(__webpack_require__(/*! date-fns/getDay */ \"./node_modules/date-fns/esm/getDay/index.js\"));\nexports.getDay = _getDay.default;\nvar _getDaysInMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getDaysInMonth */ \"./node_modules/date-fns/esm/getDaysInMonth/index.js\"));\nexports.getDaysInMonth = _getDaysInMonth.default;\nvar _getHours = _interopRequireDefault(__webpack_require__(/*! date-fns/getHours */ \"./node_modules/date-fns/esm/getHours/index.js\"));\nexports.getHours = _getHours.default;\nvar _getMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/getMinutes */ \"./node_modules/date-fns/esm/getMinutes/index.js\"));\nexports.getMinutes = _getMinutes.default;\nvar _getMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getMonth */ \"./node_modules/date-fns/esm/getMonth/index.js\"));\nexports.getMonth = _getMonth.default;\nvar _getSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/getSeconds */ \"./node_modules/date-fns/esm/getSeconds/index.js\"));\nexports.getSeconds = _getSeconds.default;\nvar _getYear = _interopRequireDefault(__webpack_require__(/*! date-fns/getYear */ \"./node_modules/date-fns/esm/getYear/index.js\"));\nexports.getYear = _getYear.default;\nvar _isAfter = _interopRequireDefault(__webpack_require__(/*! date-fns/isAfter */ \"./node_modules/date-fns/esm/isAfter/index.js\"));\nexports.isAfter = _isAfter.default;\nvar _isBefore = _interopRequireDefault(__webpack_require__(/*! date-fns/isBefore */ \"./node_modules/date-fns/esm/isBefore/index.js\"));\nexports.isBefore = _isBefore.default;\nvar _isEqual = _interopRequireDefault(__webpack_require__(/*! date-fns/isEqual */ \"./node_modules/date-fns/esm/isEqual/index.js\"));\nexports.isEqual = _isEqual.default;\nvar _isSameDay = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameDay */ \"./node_modules/date-fns/esm/isSameDay/index.js\"));\nexports.isSameDay = _isSameDay.default;\nvar _isSameMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameMonth */ \"./node_modules/date-fns/esm/isSameMonth/index.js\"));\nexports.isSameMonth = _isSameMonth.default;\nvar _isSameSecond = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameSecond */ \"./node_modules/date-fns/esm/isSameSecond/index.js\"));\nexports.isSameSecond = _isSameSecond.default;\nvar _parse = _interopRequireDefault(__webpack_require__(/*! date-fns/parse */ \"./node_modules/date-fns/esm/parse/index.js\"));\nexports.parse = _parse.default;\nvar _parseISO = _interopRequireDefault(__webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\"));\nexports.parseISO = _parseISO.default;\nvar _setDate = _interopRequireDefault(__webpack_require__(/*! date-fns/setDate */ \"./node_modules/date-fns/esm/setDate/index.js\"));\nexports.setDate = _setDate.default;\nvar _setHours = _interopRequireDefault(__webpack_require__(/*! date-fns/setHours */ \"./node_modules/date-fns/esm/setHours/index.js\"));\nexports.setHours = _setHours.default;\nvar _setMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/setMinutes */ \"./node_modules/date-fns/esm/setMinutes/index.js\"));\nexports.setMinutes = _setMinutes.default;\nvar _setMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/setMonth */ \"./node_modules/date-fns/esm/setMonth/index.js\"));\nexports.setMonth = _setMonth.default;\nvar _setSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/setSeconds */ \"./node_modules/date-fns/esm/setSeconds/index.js\"));\nexports.setSeconds = _setSeconds.default;\nvar _setYear = _interopRequireDefault(__webpack_require__(/*! date-fns/setYear */ \"./node_modules/date-fns/esm/setYear/index.js\"));\nexports.setYear = _setYear.default;\nvar _startOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfDay */ \"./node_modules/date-fns/esm/startOfDay/index.js\"));\nexports.startOfDay = _startOfDay.default;\nvar _startOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfISOWeek */ \"./node_modules/date-fns/esm/startOfISOWeek/index.js\"));\nexports.startOfISOWeek = _startOfISOWeek.default;\nvar _startOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfMonth */ \"./node_modules/date-fns/esm/startOfMonth/index.js\"));\nexports.startOfMonth = _startOfMonth.default;\nvar _startOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfWeek */ \"./node_modules/date-fns/esm/startOfWeek/index.js\"));\nexports.startOfWeek = _startOfWeek.default;\nvar _subDays = _interopRequireDefault(__webpack_require__(/*! date-fns/subDays */ \"./node_modules/date-fns/esm/subDays/index.js\"));\nexports.subDays = _subDays.default;\nvar _isMatch = _interopRequireDefault(__webpack_require__(/*! date-fns/isMatch */ \"./node_modules/date-fns/esm/isMatch/index.js\"));\nexports.isMatch = _isMatch.default;\nvar _isValid = _interopRequireDefault(__webpack_require__(/*! date-fns/isValid */ \"./node_modules/date-fns/esm/isValid/index.js\"));\nexports.isValid = _isValid.default;\nvar _set = _interopRequireDefault(__webpack_require__(/*! date-fns/set */ \"./node_modules/date-fns/esm/set/index.js\"));\nexports.set = _set.default;\nvar _differenceInCalendarMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/differenceInCalendarMonths */ \"./node_modules/date-fns/esm/differenceInCalendarMonths/index.js\"));\nexports.differenceInCalendarMonths = _differenceInCalendarMonths.default;\nvar _isLastDayOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isLastDayOfMonth */ \"./node_modules/date-fns/esm/isLastDayOfMonth/index.js\"));\nexports.isLastDayOfMonth = _isLastDayOfMonth.default;\nvar _lastDayOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/lastDayOfMonth */ \"./node_modules/date-fns/esm/lastDayOfMonth/index.js\"));\nexports.lastDayOfMonth = _lastDayOfMonth.default;\nvar _getWeekStartDates = __webpack_require__(/*! ./getWeekStartDates */ \"./src/internals/utils/date/getWeekStartDates.ts\");\nexports.getWeekStartDates = _getWeekStartDates.getWeekStartDates;\nvar _getWeekKeys = __webpack_require__(/*! ./getWeekKeys */ \"./src/internals/utils/date/getWeekKeys.ts\");\nexports.getWeekKeys = _getWeekKeys.getWeekKeys;\nvar _getReversedTimeMeridian = __webpack_require__(/*! ./getReversedTimeMeridian */ \"./src/internals/utils/date/getReversedTimeMeridian.ts\");\nexports.getReversedTimeMeridian = _getReversedTimeMeridian.getReversedTimeMeridian;\nvar _reverseDateRangeOmitTime = __webpack_require__(/*! ./reverseDateRangeOmitTime */ \"./src/internals/utils/date/reverseDateRangeOmitTime.ts\");\nexports.reverseDateRangeOmitTime = _reverseDateRangeOmitTime.reverseDateRangeOmitTime;\nvar _omitHideDisabledProps = __webpack_require__(/*! ./omitHideDisabledProps */ \"./src/internals/utils/date/omitHideDisabledProps.ts\");\nexports.omitHideDisabledProps = _omitHideDisabledProps.omitHideDisabledProps;\nvar _copyTime = __webpack_require__(/*! ./copyTime */ \"./src/internals/utils/date/copyTime.ts\");\nexports.copyTime = _copyTime.copyTime;\nvar _disableTime = __webpack_require__(/*! ./disableTime */ \"./src/internals/utils/date/disableTime.ts\");\nexports.disableTime = _disableTime.disableTime;\nvar _formatCheck = __webpack_require__(/*! ./formatCheck */ \"./src/internals/utils/date/formatCheck.ts\");\nexports.shouldRenderTime = _formatCheck.shouldRenderTime;\nexports.shouldRenderMonth = _formatCheck.shouldRenderMonth;\nexports.shouldRenderDate = _formatCheck.shouldRenderDate;\nexports.shouldOnlyRenderTime = _formatCheck.shouldOnlyRenderTime;\nvar _types = __webpack_require__(/*! ./types */ \"./src/internals/utils/date/types.ts\");\nexports.calendarOnlyProps = _types.calendarOnlyProps;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/date/index.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nvar _exportNames = {\n  addDays: true,\n  addMonths: true,\n  addYears: true,\n  addSeconds: true,\n  addMinutes: true,\n  addHours: true,\n  compareAsc: true,\n  endOfDay: true,\n  endOfISOWeek: true,\n  endOfMonth: true,\n  endOfWeek: true,\n  format: true,\n  getDate: true,\n  getDay: true,\n  getDaysInMonth: true,\n  getHours: true,\n  getMinutes: true,\n  getMonth: true,\n  getSeconds: true,\n  getYear: true,\n  isAfter: true,\n  isBefore: true,\n  isEqual: true,\n  isSameDay: true,\n  isSameMonth: true,\n  isSameSecond: true,\n  parse: true,\n  parseISO: true,\n  setDate: true,\n  setHours: true,\n  setMinutes: true,\n  setMonth: true,\n  setSeconds: true,\n  setYear: true,\n  startOfDay: true,\n  startOfISOWeek: true,\n  startOfMonth: true,\n  startOfWeek: true,\n  subDays: true,\n  isMatch: true,\n  isValid: true,\n  set: true,\n  differenceInCalendarMonths: true,\n  isLastDayOfMonth: true,\n  lastDayOfMonth: true,\n  startOfToday: true,\n  getWeekStartDates: true,\n  getWeekKeys: true,\n  reverseDateRangeOmitTime: true,\n  omitHideDisabledProps: true,\n  copyTime: true,\n  disableTime: true,\n  useDateMode: true,\n  DateMode: true,\n  extractTimeFormat: true,\n  calendarOnlyProps: true\n};\nexports.useDateMode = exports.subDays = exports.startOfWeek = exports.startOfToday = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.set = exports.reverseDateRangeOmitTime = exports.parseISO = exports.parse = exports.omitHideDisabledProps = exports.lastDayOfMonth = exports.isValid = exports.isSameSecond = exports.isSameMonth = exports.isSameDay = exports.isMatch = exports.isLastDayOfMonth = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getWeekStartDates = exports.getWeekKeys = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.extractTimeFormat = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.disableTime = exports.differenceInCalendarMonths = exports.copyTime = exports.compareAsc = exports.calendarOnlyProps = exports.addYears = exports.addSeconds = exports.addMonths = exports.addMinutes = exports.addHours = exports.addDays = exports.DateMode = void 0;\nvar _addDays = _interopRequireDefault(__webpack_require__(/*! date-fns/addDays */ \"./node_modules/date-fns/esm/addDays/index.js\"));\nexports.addDays = _addDays.default;\nvar _addMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/addMonths */ \"./node_modules/date-fns/esm/addMonths/index.js\"));\nexports.addMonths = _addMonths.default;\nvar _addYears = _interopRequireDefault(__webpack_require__(/*! date-fns/addYears */ \"./node_modules/date-fns/esm/addYears/index.js\"));\nexports.addYears = _addYears.default;\nvar _addSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/addSeconds */ \"./node_modules/date-fns/esm/addSeconds/index.js\"));\nexports.addSeconds = _addSeconds.default;\nvar _addMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/addMinutes */ \"./node_modules/date-fns/esm/addMinutes/index.js\"));\nexports.addMinutes = _addMinutes.default;\nvar _addHours = _interopRequireDefault(__webpack_require__(/*! date-fns/addHours */ \"./node_modules/date-fns/esm/addHours/index.js\"));\nexports.addHours = _addHours.default;\nvar _compareAsc = _interopRequireDefault(__webpack_require__(/*! date-fns/compareAsc */ \"./node_modules/date-fns/esm/compareAsc/index.js\"));\nexports.compareAsc = _compareAsc.default;\nvar _endOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfDay */ \"./node_modules/date-fns/esm/endOfDay/index.js\"));\nexports.endOfDay = _endOfDay.default;\nvar _endOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfISOWeek */ \"./node_modules/date-fns/esm/endOfISOWeek/index.js\"));\nexports.endOfISOWeek = _endOfISOWeek.default;\nvar _endOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfMonth */ \"./node_modules/date-fns/esm/endOfMonth/index.js\"));\nexports.endOfMonth = _endOfMonth.default;\nvar _endOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfWeek */ \"./node_modules/date-fns/esm/endOfWeek/index.js\"));\nexports.endOfWeek = _endOfWeek.default;\nvar _format = _interopRequireDefault(__webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\"));\nexports.format = _format.default;\nvar _getDate = _interopRequireDefault(__webpack_require__(/*! date-fns/getDate */ \"./node_modules/date-fns/esm/getDate/index.js\"));\nexports.getDate = _getDate.default;\nvar _getDay = _interopRequireDefault(__webpack_require__(/*! date-fns/getDay */ \"./node_modules/date-fns/esm/getDay/index.js\"));\nexports.getDay = _getDay.default;\nvar _getDaysInMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getDaysInMonth */ \"./node_modules/date-fns/esm/getDaysInMonth/index.js\"));\nexports.getDaysInMonth = _getDaysInMonth.default;\nvar _getHours = _interopRequireDefault(__webpack_require__(/*! date-fns/getHours */ \"./node_modules/date-fns/esm/getHours/index.js\"));\nexports.getHours = _getHours.default;\nvar _getMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/getMinutes */ \"./node_modules/date-fns/esm/getMinutes/index.js\"));\nexports.getMinutes = _getMinutes.default;\nvar _getMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getMonth */ \"./node_modules/date-fns/esm/getMonth/index.js\"));\nexports.getMonth = _getMonth.default;\nvar _getSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/getSeconds */ \"./node_modules/date-fns/esm/getSeconds/index.js\"));\nexports.getSeconds = _getSeconds.default;\nvar _getYear = _interopRequireDefault(__webpack_require__(/*! date-fns/getYear */ \"./node_modules/date-fns/esm/getYear/index.js\"));\nexports.getYear = _getYear.default;\nvar _isAfter = _interopRequireDefault(__webpack_require__(/*! date-fns/isAfter */ \"./node_modules/date-fns/esm/isAfter/index.js\"));\nexports.isAfter = _isAfter.default;\nvar _isBefore = _interopRequireDefault(__webpack_require__(/*! date-fns/isBefore */ \"./node_modules/date-fns/esm/isBefore/index.js\"));\nexports.isBefore = _isBefore.default;\nvar _isEqual = _interopRequireDefault(__webpack_require__(/*! date-fns/isEqual */ \"./node_modules/date-fns/esm/isEqual/index.js\"));\nexports.isEqual = _isEqual.default;\nvar _isSameDay = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameDay */ \"./node_modules/date-fns/esm/isSameDay/index.js\"));\nexports.isSameDay = _isSameDay.default;\nvar _isSameMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameMonth */ \"./node_modules/date-fns/esm/isSameMonth/index.js\"));\nexports.isSameMonth = _isSameMonth.default;\nvar _isSameSecond = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameSecond */ \"./node_modules/date-fns/esm/isSameSecond/index.js\"));\nexports.isSameSecond = _isSameSecond.default;\nvar _parse = _interopRequireDefault(__webpack_require__(/*! date-fns/parse */ \"./node_modules/date-fns/esm/parse/index.js\"));\nexports.parse = _parse.default;\nvar _parseISO = _interopRequireDefault(__webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\"));\nexports.parseISO = _parseISO.default;\nvar _setDate = _interopRequireDefault(__webpack_require__(/*! date-fns/setDate */ \"./node_modules/date-fns/esm/setDate/index.js\"));\nexports.setDate = _setDate.default;\nvar _setHours = _interopRequireDefault(__webpack_require__(/*! date-fns/setHours */ \"./node_modules/date-fns/esm/setHours/index.js\"));\nexports.setHours = _setHours.default;\nvar _setMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/setMinutes */ \"./node_modules/date-fns/esm/setMinutes/index.js\"));\nexports.setMinutes = _setMinutes.default;\nvar _setMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/setMonth */ \"./node_modules/date-fns/esm/setMonth/index.js\"));\nexports.setMonth = _setMonth.default;\nvar _setSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/setSeconds */ \"./node_modules/date-fns/esm/setSeconds/index.js\"));\nexports.setSeconds = _setSeconds.default;\nvar _setYear = _interopRequireDefault(__webpack_require__(/*! date-fns/setYear */ \"./node_modules/date-fns/esm/setYear/index.js\"));\nexports.setYear = _setYear.default;\nvar _startOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfDay */ \"./node_modules/date-fns/esm/startOfDay/index.js\"));\nexports.startOfDay = _startOfDay.default;\nvar _startOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfISOWeek */ \"./node_modules/date-fns/esm/startOfISOWeek/index.js\"));\nexports.startOfISOWeek = _startOfISOWeek.default;\nvar _startOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfMonth */ \"./node_modules/date-fns/esm/startOfMonth/index.js\"));\nexports.startOfMonth = _startOfMonth.default;\nvar _startOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfWeek */ \"./node_modules/date-fns/esm/startOfWeek/index.js\"));\nexports.startOfWeek = _startOfWeek.default;\nvar _subDays = _interopRequireDefault(__webpack_require__(/*! date-fns/subDays */ \"./node_modules/date-fns/esm/subDays/index.js\"));\nexports.subDays = _subDays.default;\nvar _isMatch = _interopRequireDefault(__webpack_require__(/*! date-fns/isMatch */ \"./node_modules/date-fns/esm/isMatch/index.js\"));\nexports.isMatch = _isMatch.default;\nvar _isValid = _interopRequireDefault(__webpack_require__(/*! date-fns/isValid */ \"./node_modules/date-fns/esm/isValid/index.js\"));\nexports.isValid = _isValid.default;\nvar _set = _interopRequireDefault(__webpack_require__(/*! date-fns/set */ \"./node_modules/date-fns/esm/set/index.js\"));\nexports.set = _set.default;\nvar _differenceInCalendarMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/differenceInCalendarMonths */ \"./node_modules/date-fns/esm/differenceInCalendarMonths/index.js\"));\nexports.differenceInCalendarMonths = _differenceInCalendarMonths.default;\nvar _isLastDayOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isLastDayOfMonth */ \"./node_modules/date-fns/esm/isLastDayOfMonth/index.js\"));\nexports.isLastDayOfMonth = _isLastDayOfMonth.default;\nvar _lastDayOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/lastDayOfMonth */ \"./node_modules/date-fns/esm/lastDayOfMonth/index.js\"));\nexports.lastDayOfMonth = _lastDayOfMonth.default;\nvar _startOfToday = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfToday */ \"./node_modules/date-fns/esm/startOfToday/index.js\"));\nexports.startOfToday = _startOfToday.default;\nvar _getWeekStartDates = __webpack_require__(/*! ./getWeekStartDates */ \"./src/internals/utils/date/getWeekStartDates.ts\");\nexports.getWeekStartDates = _getWeekStartDates.getWeekStartDates;\nvar _getWeekKeys = __webpack_require__(/*! ./getWeekKeys */ \"./src/internals/utils/date/getWeekKeys.ts\");\nexports.getWeekKeys = _getWeekKeys.getWeekKeys;\nvar _reverseDateRangeOmitTime = __webpack_require__(/*! ./reverseDateRangeOmitTime */ \"./src/internals/utils/date/reverseDateRangeOmitTime.ts\");\nexports.reverseDateRangeOmitTime = _reverseDateRangeOmitTime.reverseDateRangeOmitTime;\nvar _omitHideDisabledProps = __webpack_require__(/*! ./omitHideDisabledProps */ \"./src/internals/utils/date/omitHideDisabledProps.ts\");\nexports.omitHideDisabledProps = _omitHideDisabledProps.omitHideDisabledProps;\nvar _copyTime = __webpack_require__(/*! ./copyTime */ \"./src/internals/utils/date/copyTime.ts\");\nexports.copyTime = _copyTime.copyTime;\nvar _disableTime = __webpack_require__(/*! ./disableTime */ \"./src/internals/utils/date/disableTime.ts\");\nexports.disableTime = _disableTime.disableTime;\nvar _useDateMode = __webpack_require__(/*! ./useDateMode */ \"./src/internals/utils/date/useDateMode.ts\");\nexports.useDateMode = _useDateMode.useDateMode;\nexports.DateMode = _useDateMode.DateMode;\nvar _extractTimeFormat = __webpack_require__(/*! ./extractTimeFormat */ \"./src/internals/utils/date/extractTimeFormat.ts\");\nexports.extractTimeFormat = _extractTimeFormat.extractTimeFormat;\nvar _formatCheck = __webpack_require__(/*! ./formatCheck */ \"./src/internals/utils/date/formatCheck.ts\");\nObject.keys(_formatCheck).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _formatCheck[key]) return;\n  exports[key] = _formatCheck[key];\n});\nvar _types = __webpack_require__(/*! ./types */ \"./src/internals/utils/date/types.ts\");\nexports.calendarOnlyProps = _types.calendarOnlyProps;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/date/index.ts?");
 
 /***/ }),
 
@@ -11591,6 +11800,17 @@ eval("\n\nexports.__esModule = true;\nexports.calendarOnlyProps = exports.TimePr
 
 /***/ }),
 
+/***/ "./src/internals/utils/date/useDateMode.ts":
+/*!*************************************************!*\
+  !*** ./src/internals/utils/date/useDateMode.ts ***!
+  \*************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.useDateMode = exports.DateMode = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _formatCheck = __webpack_require__(/*! ./formatCheck */ \"./src/internals/utils/date/formatCheck.ts\");\nvar DateMode = exports.DateMode = /*#__PURE__*/function (DateMode) {\n  DateMode[\"Date\"] = \"date\";\n  DateMode[\"Month\"] = \"month\";\n  DateMode[\"Time\"] = \"time\";\n  DateMode[\"DateTime\"] = \"datetime\";\n  return DateMode;\n}({});\n/**\n * Custom hook to determine the date mode and check format parts.\n *\n * @param format - The format string.\n * @returns An object containing the resolved DateMode and a `has` method to check format parts.\n */\nvar useDateMode = exports.useDateMode = function useDateMode(format) {\n  var mode = (0, _react.useMemo)(function () {\n    if ((0, _formatCheck.shouldRenderDate)(format) && (0, _formatCheck.shouldRenderTime)(format)) {\n      return DateMode.DateTime;\n    }\n    if ((0, _formatCheck.shouldOnlyRenderMonth)(format)) {\n      return DateMode.Month;\n    }\n    if ((0, _formatCheck.shouldOnlyRenderTime)(format)) {\n      return DateMode.Time;\n    }\n    if ((0, _formatCheck.shouldRenderDate)(format)) {\n      return DateMode.Date;\n    }\n    return DateMode.Date; // Default fallback\n  }, [format]);\n\n  // Use useCallback to memoize the has method\n  var has = (0, _react.useCallback)(function (part) {\n    switch (part) {\n      case 'year':\n        return /[Yy]/.test(format);\n      case 'month':\n        return /[ML]/.test(format);\n      case 'day':\n        return /[Dd]/.test(format);\n      case 'time':\n        return /([Hhms])/.test(format);\n      default:\n        return false;\n    }\n  }, [format]);\n  return {\n    mode: mode,\n    has: has\n  };\n};\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/date/useDateMode.ts?");
+
+/***/ }),
+
 /***/ "./src/internals/utils/deprecateComponent.tsx":
 /*!****************************************************!*\
   !*** ./src/internals/utils/deprecateComponent.tsx ***!
@@ -11697,7 +11917,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nvar _exportNames = {\n  stringifyReactNode: true,\n  reactToString: true,\n  getSafeRegExpString: true,\n  getDOMNode: true,\n  guid: true,\n  prefix: true,\n  defaultClassPrefix: true,\n  getClassNamePrefix: true,\n  createChainedFunction: true,\n  isOneOf: true,\n  ReactChildren: true,\n  tplTransform: true,\n  placementPolyfill: true,\n  mergeRefs: true,\n  shallowEqual: true,\n  shallowEqualArray: true,\n  composeFunctions: true,\n  scrollTopAnimation: true,\n  render: true,\n  safeSetSelection: true,\n  getStringLength: true,\n  getDataGroupBy: true,\n  deprecateComponent: true,\n  warnOnce: true,\n  createComponent: true,\n  attachParent: true,\n  isFocusEntering: true,\n  isFocusLeaving: true,\n  isFocusableElement: true\n};\nexports.warnOnce = exports.tplTransform = exports.stringifyReactNode = exports.shallowEqualArray = exports.shallowEqual = exports.scrollTopAnimation = exports.safeSetSelection = exports.render = exports.reactToString = exports.prefix = exports.placementPolyfill = exports.mergeRefs = exports.isOneOf = exports.isFocusableElement = exports.isFocusLeaving = exports.isFocusEntering = exports.guid = exports.getStringLength = exports.getSafeRegExpString = exports.getDataGroupBy = exports.getDOMNode = exports.getClassNamePrefix = exports.deprecateComponent = exports.defaultClassPrefix = exports.createComponent = exports.createChainedFunction = exports.composeFunctions = exports.attachParent = exports.ReactChildren = void 0;\nvar _BrowserDetection = __webpack_require__(/*! ./BrowserDetection */ \"./src/internals/utils/BrowserDetection.ts\");\nObject.keys(_BrowserDetection).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _BrowserDetection[key]) return;\n  exports[key] = _BrowserDetection[key];\n});\nvar _htmlPropsUtils = __webpack_require__(/*! ./htmlPropsUtils */ \"./src/internals/utils/htmlPropsUtils.ts\");\nObject.keys(_htmlPropsUtils).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _htmlPropsUtils[key]) return;\n  exports[key] = _htmlPropsUtils[key];\n});\nvar _stringifyReactNode = __webpack_require__(/*! ./stringifyReactNode */ \"./src/internals/utils/stringifyReactNode.ts\");\nexports.stringifyReactNode = _stringifyReactNode.stringifyReactNode;\nexports.reactToString = _stringifyReactNode.reactToString;\nvar _getSafeRegExpString = __webpack_require__(/*! ./getSafeRegExpString */ \"./src/internals/utils/getSafeRegExpString.ts\");\nexports.getSafeRegExpString = _getSafeRegExpString.getSafeRegExpString;\nvar _getDOMNode = __webpack_require__(/*! ./getDOMNode */ \"./src/internals/utils/getDOMNode.ts\");\nexports.getDOMNode = _getDOMNode.getDOMNode;\nvar _guid = __webpack_require__(/*! ./guid */ \"./src/internals/utils/guid.ts\");\nexports.guid = _guid.guid;\nvar _prefix = __webpack_require__(/*! ./prefix */ \"./src/internals/utils/prefix.ts\");\nexports.prefix = _prefix.prefix;\nexports.defaultClassPrefix = _prefix.defaultClassPrefix;\nexports.getClassNamePrefix = _prefix.getClassNamePrefix;\nvar _createChainedFunction = __webpack_require__(/*! ./createChainedFunction */ \"./src/internals/utils/createChainedFunction.ts\");\nexports.createChainedFunction = _createChainedFunction.createChainedFunction;\nvar _isOneOf = __webpack_require__(/*! ./isOneOf */ \"./src/internals/utils/isOneOf.ts\");\nexports.isOneOf = _isOneOf.isOneOf;\nvar _ReactChildren = __webpack_require__(/*! ./ReactChildren */ \"./src/internals/utils/ReactChildren.tsx\");\nexports.ReactChildren = _ReactChildren.ReactChildren;\nvar _tplTransform = __webpack_require__(/*! ./tplTransform */ \"./src/internals/utils/tplTransform.tsx\");\nexports.tplTransform = _tplTransform.tplTransform;\nvar _placementPolyfill = __webpack_require__(/*! ./placementPolyfill */ \"./src/internals/utils/placementPolyfill.ts\");\nexports.placementPolyfill = _placementPolyfill.placementPolyfill;\nvar _mergeRefs = __webpack_require__(/*! ./mergeRefs */ \"./src/internals/utils/mergeRefs.ts\");\nexports.mergeRefs = _mergeRefs.mergeRefs;\nvar _shallowEqual = __webpack_require__(/*! ./shallowEqual */ \"./src/internals/utils/shallowEqual.ts\");\nexports.shallowEqual = _shallowEqual.shallowEqual;\nexports.shallowEqualArray = _shallowEqual.shallowEqualArray;\nvar _composeFunctions = __webpack_require__(/*! ./composeFunctions */ \"./src/internals/utils/composeFunctions.ts\");\nexports.composeFunctions = _composeFunctions.composeFunctions;\nvar _scrollTopAnimation = __webpack_require__(/*! ./scrollTopAnimation */ \"./src/internals/utils/scrollTopAnimation.ts\");\nexports.scrollTopAnimation = _scrollTopAnimation.scrollTopAnimation;\nvar _render = __webpack_require__(/*! ./render */ \"./src/internals/utils/render.ts\");\nexports.render = _render.render;\nvar _safeSetSelection = __webpack_require__(/*! ./safeSetSelection */ \"./src/internals/utils/safeSetSelection.ts\");\nexports.safeSetSelection = _safeSetSelection.safeSetSelection;\nvar _getStringLength = __webpack_require__(/*! ./getStringLength */ \"./src/internals/utils/getStringLength.ts\");\nexports.getStringLength = _getStringLength.getStringLength;\nvar _getDataGroupBy = __webpack_require__(/*! ./getDataGroupBy */ \"./src/internals/utils/getDataGroupBy.ts\");\nexports.getDataGroupBy = _getDataGroupBy.getDataGroupBy;\nvar _deprecateComponent = __webpack_require__(/*! ./deprecateComponent */ \"./src/internals/utils/deprecateComponent.tsx\");\nexports.deprecateComponent = _deprecateComponent.deprecateComponent;\nvar _warnOnce = __webpack_require__(/*! ./warnOnce */ \"./src/internals/utils/warnOnce.ts\");\nexports.warnOnce = _warnOnce.warnOnce;\nvar _createComponent = __webpack_require__(/*! ./createComponent */ \"./src/internals/utils/createComponent.tsx\");\nexports.createComponent = _createComponent.createComponent;\nvar _attachParent = __webpack_require__(/*! ./attachParent */ \"./src/internals/utils/attachParent.ts\");\nexports.attachParent = _attachParent.attachParent;\nvar _events = __webpack_require__(/*! ./events */ \"./src/internals/utils/events.ts\");\nexports.isFocusEntering = _events.isFocusEntering;\nexports.isFocusLeaving = _events.isFocusLeaving;\nvar _dom = __webpack_require__(/*! ./dom */ \"./src/internals/utils/dom.ts\");\nexports.isFocusableElement = _dom.isFocusableElement;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/index.ts?");
+eval("\n\nexports.__esModule = true;\nvar _exportNames = {\n  stringifyReactNode: true,\n  reactToString: true,\n  getSafeRegExpString: true,\n  getDOMNode: true,\n  guid: true,\n  prefix: true,\n  defaultClassPrefix: true,\n  getClassNamePrefix: true,\n  createChainedFunction: true,\n  isOneOf: true,\n  ReactChildren: true,\n  tplTransform: true,\n  placementPolyfill: true,\n  mergeRefs: true,\n  shallowEqual: true,\n  shallowEqualArray: true,\n  composeFunctions: true,\n  render: true,\n  safeSetSelection: true,\n  getStringLength: true,\n  getDataGroupBy: true,\n  deprecateComponent: true,\n  warnOnce: true,\n  createComponent: true,\n  attachParent: true,\n  isFocusEntering: true,\n  isFocusLeaving: true,\n  isFocusableElement: true\n};\nexports.warnOnce = exports.tplTransform = exports.stringifyReactNode = exports.shallowEqualArray = exports.shallowEqual = exports.safeSetSelection = exports.render = exports.reactToString = exports.prefix = exports.placementPolyfill = exports.mergeRefs = exports.isOneOf = exports.isFocusableElement = exports.isFocusLeaving = exports.isFocusEntering = exports.guid = exports.getStringLength = exports.getSafeRegExpString = exports.getDataGroupBy = exports.getDOMNode = exports.getClassNamePrefix = exports.deprecateComponent = exports.defaultClassPrefix = exports.createComponent = exports.createChainedFunction = exports.composeFunctions = exports.attachParent = exports.ReactChildren = void 0;\nvar _BrowserDetection = __webpack_require__(/*! ./BrowserDetection */ \"./src/internals/utils/BrowserDetection.ts\");\nObject.keys(_BrowserDetection).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _BrowserDetection[key]) return;\n  exports[key] = _BrowserDetection[key];\n});\nvar _htmlPropsUtils = __webpack_require__(/*! ./htmlPropsUtils */ \"./src/internals/utils/htmlPropsUtils.ts\");\nObject.keys(_htmlPropsUtils).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _htmlPropsUtils[key]) return;\n  exports[key] = _htmlPropsUtils[key];\n});\nvar _stringifyReactNode = __webpack_require__(/*! ./stringifyReactNode */ \"./src/internals/utils/stringifyReactNode.ts\");\nexports.stringifyReactNode = _stringifyReactNode.stringifyReactNode;\nexports.reactToString = _stringifyReactNode.reactToString;\nvar _getSafeRegExpString = __webpack_require__(/*! ./getSafeRegExpString */ \"./src/internals/utils/getSafeRegExpString.ts\");\nexports.getSafeRegExpString = _getSafeRegExpString.getSafeRegExpString;\nvar _getDOMNode = __webpack_require__(/*! ./getDOMNode */ \"./src/internals/utils/getDOMNode.ts\");\nexports.getDOMNode = _getDOMNode.getDOMNode;\nvar _guid = __webpack_require__(/*! ./guid */ \"./src/internals/utils/guid.ts\");\nexports.guid = _guid.guid;\nvar _prefix = __webpack_require__(/*! ./prefix */ \"./src/internals/utils/prefix.ts\");\nexports.prefix = _prefix.prefix;\nexports.defaultClassPrefix = _prefix.defaultClassPrefix;\nexports.getClassNamePrefix = _prefix.getClassNamePrefix;\nvar _createChainedFunction = __webpack_require__(/*! ./createChainedFunction */ \"./src/internals/utils/createChainedFunction.ts\");\nexports.createChainedFunction = _createChainedFunction.createChainedFunction;\nvar _isOneOf = __webpack_require__(/*! ./isOneOf */ \"./src/internals/utils/isOneOf.ts\");\nexports.isOneOf = _isOneOf.isOneOf;\nvar _ReactChildren = __webpack_require__(/*! ./ReactChildren */ \"./src/internals/utils/ReactChildren.tsx\");\nexports.ReactChildren = _ReactChildren.ReactChildren;\nvar _tplTransform = __webpack_require__(/*! ./tplTransform */ \"./src/internals/utils/tplTransform.tsx\");\nexports.tplTransform = _tplTransform.tplTransform;\nvar _placementPolyfill = __webpack_require__(/*! ./placementPolyfill */ \"./src/internals/utils/placementPolyfill.ts\");\nexports.placementPolyfill = _placementPolyfill.placementPolyfill;\nvar _mergeRefs = __webpack_require__(/*! ./mergeRefs */ \"./src/internals/utils/mergeRefs.ts\");\nexports.mergeRefs = _mergeRefs.mergeRefs;\nvar _shallowEqual = __webpack_require__(/*! ./shallowEqual */ \"./src/internals/utils/shallowEqual.ts\");\nexports.shallowEqual = _shallowEqual.shallowEqual;\nexports.shallowEqualArray = _shallowEqual.shallowEqualArray;\nvar _composeFunctions = __webpack_require__(/*! ./composeFunctions */ \"./src/internals/utils/composeFunctions.ts\");\nexports.composeFunctions = _composeFunctions.composeFunctions;\nvar _render = __webpack_require__(/*! ./render */ \"./src/internals/utils/render.ts\");\nexports.render = _render.render;\nvar _safeSetSelection = __webpack_require__(/*! ./safeSetSelection */ \"./src/internals/utils/safeSetSelection.ts\");\nexports.safeSetSelection = _safeSetSelection.safeSetSelection;\nvar _getStringLength = __webpack_require__(/*! ./getStringLength */ \"./src/internals/utils/getStringLength.ts\");\nexports.getStringLength = _getStringLength.getStringLength;\nvar _getDataGroupBy = __webpack_require__(/*! ./getDataGroupBy */ \"./src/internals/utils/getDataGroupBy.ts\");\nexports.getDataGroupBy = _getDataGroupBy.getDataGroupBy;\nvar _deprecateComponent = __webpack_require__(/*! ./deprecateComponent */ \"./src/internals/utils/deprecateComponent.tsx\");\nexports.deprecateComponent = _deprecateComponent.deprecateComponent;\nvar _warnOnce = __webpack_require__(/*! ./warnOnce */ \"./src/internals/utils/warnOnce.ts\");\nexports.warnOnce = _warnOnce.warnOnce;\nvar _createComponent = __webpack_require__(/*! ./createComponent */ \"./src/internals/utils/createComponent.tsx\");\nexports.createComponent = _createComponent.createComponent;\nvar _attachParent = __webpack_require__(/*! ./attachParent */ \"./src/internals/utils/attachParent.ts\");\nexports.attachParent = _attachParent.attachParent;\nvar _events = __webpack_require__(/*! ./events */ \"./src/internals/utils/events.ts\");\nexports.isFocusEntering = _events.isFocusEntering;\nexports.isFocusLeaving = _events.isFocusLeaving;\nvar _dom = __webpack_require__(/*! ./dom */ \"./src/internals/utils/dom.ts\");\nexports.isFocusableElement = _dom.isFocusableElement;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/index.ts?");
 
 /***/ }),
 
@@ -11767,17 +11987,6 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.sa
 
 /***/ }),
 
-/***/ "./src/internals/utils/scrollTopAnimation.ts":
-/*!***************************************************!*\
-  !*** ./src/internals/utils/scrollTopAnimation.ts ***!
-  \***************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.scrollTopAnimation = scrollTopAnimation;\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nvar _requestAnimationFramePolyfill = _interopRequireDefault(__webpack_require__(/*! dom-lib/requestAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\"));\n/**\n * Animates the scrolling of an element to a specified position.\n */\nfunction scrollTopAnimation(target, nextTop, animation, callback) {\n  if (animation === void 0) {\n    animation = true;\n  }\n  var top = (0, _scrollTop.default)(target);\n  var step = function step() {\n    (0, _scrollTop.default)(target, top > nextTop ? nextTop : top);\n    if (top <= nextTop) {\n      (0, _requestAnimationFramePolyfill.default)(step);\n    }\n    callback === null || callback === void 0 ? void 0 : callback(top);\n    top += 20;\n  };\n  if (animation) {\n    (0, _requestAnimationFramePolyfill.default)(step);\n  } else {\n    (0, _scrollTop.default)(target, nextTop);\n  }\n}\nvar _default = exports[\"default\"] = scrollTopAnimation;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/scrollTopAnimation.ts?");
-
-/***/ }),
-
 /***/ "./src/internals/utils/shallowEqual.ts":
 /*!*********************************************!*\
   !*** ./src/internals/utils/shallowEqual.ts ***!
@@ -11822,14 +12031,14 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.wa
 
 /***/ }),
 
-/***/ "./src/locales/default.ts":
-/*!********************************!*\
-  !*** ./src/locales/default.ts ***!
-  \********************************/
+/***/ "./src/locales/en_GB.ts":
+/*!******************************!*\
+  !*** ./src/locales/en_GB.ts ***!
+  \******************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _enGB = _interopRequireDefault(__webpack_require__(/*! date-fns/locale/en-GB */ \"./node_modules/date-fns/esm/locale/en-GB/index.js\"));\nvar Calendar = {\n  sunday: 'Su',\n  monday: 'Mo',\n  tuesday: 'Tu',\n  wednesday: 'We',\n  thursday: 'Th',\n  friday: 'Fr',\n  saturday: 'Sa',\n  ok: 'OK',\n  today: 'Today',\n  yesterday: 'Yesterday',\n  hours: 'Hours',\n  minutes: 'Minutes',\n  seconds: 'Seconds',\n  /**\n   * Format of the string is based on Unicode Technical Standard #35:\n   * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table\n   **/\n  formattedMonthPattern: 'MMM yyyy',\n  formattedDayPattern: 'dd MMM yyyy',\n  dateLocale: _enGB.default\n};\nvar _default = exports[\"default\"] = {\n  common: {\n    loading: 'Loading...',\n    emptyMessage: 'No data found',\n    remove: 'Remove',\n    clear: 'Clear'\n  },\n  Plaintext: {\n    unfilled: 'Unfilled',\n    notSelected: 'Not selected',\n    notUploaded: 'Not uploaded'\n  },\n  Pagination: {\n    more: 'More',\n    prev: 'Previous',\n    next: 'Next',\n    first: 'First',\n    last: 'Last',\n    limit: '{0} / page',\n    total: 'Total Rows: {0}',\n    skip: 'Go to{0}'\n  },\n  Calendar: Calendar,\n  DatePicker: (0, _extends2.default)({}, Calendar),\n  DateRangePicker: (0, _extends2.default)({}, Calendar, {\n    last7Days: 'Last 7 Days'\n  }),\n  Picker: {\n    noResultsText: 'No results found',\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    checkAll: 'All'\n  },\n  InputPicker: {\n    newItem: 'New item',\n    createOption: 'Create option \"{0}\"'\n  },\n  Uploader: {\n    inited: 'Initial',\n    progress: 'Uploading',\n    error: 'Error',\n    complete: 'Finished',\n    emptyFile: 'Empty',\n    upload: 'Upload',\n    removeFile: 'Remove file'\n  },\n  CloseButton: {\n    closeLabel: 'Close'\n  },\n  Breadcrumb: {\n    expandText: 'Show path'\n  },\n  Toggle: {\n    on: 'Open',\n    off: 'Close'\n  }\n};\n\n//# sourceURL=webpack://rsuite/./src/locales/default.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _enGB = _interopRequireDefault(__webpack_require__(/*! date-fns/locale/en-GB */ \"./node_modules/date-fns/esm/locale/en-GB/index.js\"));\nvar DateTimeFormats = {\n  sunday: 'Su',\n  monday: 'Mo',\n  tuesday: 'Tu',\n  wednesday: 'We',\n  thursday: 'Th',\n  friday: 'Fr',\n  saturday: 'Sa',\n  ok: 'OK',\n  today: 'Today',\n  yesterday: 'Yesterday',\n  now: 'Now',\n  hours: 'Hours',\n  minutes: 'Minutes',\n  seconds: 'Seconds',\n  /**\n   * Format of the string is based on Unicode Technical Standard #35:\n   * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table\n   **/\n  formattedMonthPattern: 'MMM yyyy',\n  formattedDayPattern: 'dd MMM yyyy',\n  shortDateFormat: 'dd/MM/yyyy',\n  shortTimeFormat: 'HH:mm',\n  dateLocale: _enGB.default\n};\nvar _default = exports[\"default\"] = {\n  code: 'en-GB',\n  common: {\n    loading: 'Loading...',\n    emptyMessage: 'No data found',\n    remove: 'Remove',\n    clear: 'Clear'\n  },\n  Plaintext: {\n    unfilled: 'Unfilled',\n    notSelected: 'Not selected',\n    notUploaded: 'Not uploaded'\n  },\n  Pagination: {\n    more: 'More',\n    prev: 'Previous',\n    next: 'Next',\n    first: 'First',\n    last: 'Last',\n    limit: '{0} / page',\n    total: 'Total Rows: {0}',\n    skip: 'Go to{0}'\n  },\n  Calendar: (0, _extends2.default)({}, DateTimeFormats),\n  DatePicker: (0, _extends2.default)({}, DateTimeFormats),\n  DateRangePicker: (0, _extends2.default)({}, DateTimeFormats, {\n    last7Days: 'Last 7 Days'\n  }),\n  Picker: {\n    noResultsText: 'No results found',\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    checkAll: 'All'\n  },\n  InputPicker: {\n    newItem: 'New item',\n    createOption: 'Create option \"{0}\"'\n  },\n  Uploader: {\n    inited: 'Initial',\n    progress: 'Uploading',\n    error: 'Error',\n    complete: 'Finished',\n    emptyFile: 'Empty',\n    upload: 'Upload',\n    removeFile: 'Remove file'\n  },\n  CloseButton: {\n    closeLabel: 'Close'\n  },\n  Breadcrumb: {\n    expandText: 'Show path'\n  },\n  Toggle: {\n    on: 'Open',\n    off: 'Close'\n  }\n};\n\n//# sourceURL=webpack://rsuite/./src/locales/en_GB.ts?");
 
 /***/ }),
 
@@ -13263,6 +13472,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./node_modules/date-fns/esm/startOfToday/index.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/date-fns/esm/startOfToday/index.js ***!
+  \*********************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ startOfToday; }\n/* harmony export */ });\n/* harmony import */ var _startOfDay_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../startOfDay/index.js */ \"./node_modules/date-fns/esm/startOfDay/index.js\");\n\n/**\n * @name startOfToday\n * @category Day Helpers\n * @summary Return the start of today.\n * @pure false\n *\n * @description\n * Return the start of today.\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @returns {Date} the start of today\n *\n * @example\n * // If today is 6 October 2014:\n * const result = startOfToday()\n * //=> Mon Oct 6 2014 00:00:00\n */\nfunction startOfToday() {\n  return (0,_startOfDay_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Date.now());\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/date-fns/esm/startOfToday/index.js?");
+
+/***/ }),
+
 /***/ "./node_modules/date-fns/esm/startOfWeek/index.js":
 /*!********************************************************!*\
   !*** ./node_modules/date-fns/esm/startOfWeek/index.js ***!