rsuite 5.4.0 → 5.4.1

package/dist/rsuite.js

@@ -1660,7 +1660,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\");\n\nexports.__esModule = true;\nexports.default = exports.AvatarGroupContext = void 0;\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/AvatarGroup/AvatarGroup.tsx\",\n    _this = void 0;\n\nvar AvatarGroupContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.AvatarGroupContext = AvatarGroupContext;\n\nvar AvatarGroup = /*#__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 ? 'avatar-group' : _props$classPrefix,\n      spacing = props.spacing,\n      className = props.className,\n      children = props.children,\n      stack = props.stack,\n      size = props.size,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"spacing\", \"className\", \"children\", \"stack\", \"size\"]);\n\n  var _useCustom = (0, _utils.useCustom)('AvatarGroup'),\n      rtl = _useCustom.rtl;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    stack: stack\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(AvatarGroupContext.Provider, {\n    value: {\n      size: size\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38,\n      columnNumber: 9\n    }\n  }, spacing ? _react.default.Children.map(children, function (child) {\n    var _extends2;\n\n    return /*#__PURE__*/_react.default.cloneElement(child, {\n      style: (0, _extends3.default)((_extends2 = {}, _extends2[rtl ? 'marginLeft' : 'marginRight'] = spacing, _extends2), child.props.style)\n    });\n  }) : children));\n});\n\nAvatarGroup.displayName = 'AvatarGroup';\nAvatarGroup.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  stack: _propTypes.default.bool,\n  spacing: _propTypes.default.number,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs'])\n};\nvar _default = AvatarGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/AvatarGroup/AvatarGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.AvatarGroupContext = void 0;\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/AvatarGroup/AvatarGroup.tsx\",\n    _this = void 0;\n\nvar AvatarGroupContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.AvatarGroupContext = AvatarGroupContext;\n\nvar AvatarGroup = /*#__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 ? 'avatar-group' : _props$classPrefix,\n      spacing = props.spacing,\n      className = props.className,\n      children = props.children,\n      stack = props.stack,\n      size = props.size,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"spacing\", \"className\", \"children\", \"stack\", \"size\"]);\n\n  var _useCustom = (0, _utils.useCustom)('AvatarGroup'),\n      rtl = _useCustom.rtl;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    stack: stack\n  }));\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      size: size\n    };\n  }, [size]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(AvatarGroupContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39,\n      columnNumber: 9\n    }\n  }, spacing ? _react.default.Children.map(children, function (child) {\n    var _extends2;\n\n    return /*#__PURE__*/_react.default.cloneElement(child, {\n      style: (0, _extends3.default)((_extends2 = {}, _extends2[rtl ? 'marginLeft' : 'marginRight'] = spacing, _extends2), child.props.style)\n    });\n  }) : children));\n});\n\nAvatarGroup.displayName = 'AvatarGroup';\nAvatarGroup.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  stack: _propTypes.default.bool,\n  spacing: _propTypes.default.number,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs'])\n};\nvar _default = AvatarGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/AvatarGroup/AvatarGroup.tsx?");
 
 /***/ }),
 
@@ -1759,7 +1759,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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _ButtonGroupContext = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroupContext */ \"./src/ButtonGroup/ButtonGroupContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/ButtonGroup/ButtonGroup.tsx\",\n    _this = void 0;\n\nvar ButtonGroup = /*#__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 ? 'btn-group' : _props$classPrefix,\n      _props$role = props.role,\n      role = _props$role === void 0 ? 'group' : _props$role,\n      className = props.className,\n      children = props.children,\n      block = props.block,\n      vertical = props.vertical,\n      justified = props.justified,\n      size = props.size,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"role\", \"className\", \"children\", \"block\", \"vertical\", \"justified\", \"size\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix(size, {\n    block: block,\n    vertical: vertical,\n    justified: justified\n  }));\n  return /*#__PURE__*/_react.default.createElement(_ButtonGroupContext.default.Provider, {\n    value: {\n      size: size\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    role: role,\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51,\n      columnNumber: 9\n    }\n  }), children));\n});\n\nButtonGroup.displayName = 'ButtonGroup';\nButtonGroup.propTypes = {\n  className: _propTypes.default.string,\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  block: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  role: _propTypes.default.string,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs'])\n};\nvar _default = ButtonGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/ButtonGroup/ButtonGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _ButtonGroupContext = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroupContext */ \"./src/ButtonGroup/ButtonGroupContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/ButtonGroup/ButtonGroup.tsx\",\n    _this = void 0;\n\nvar ButtonGroup = /*#__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 ? 'btn-group' : _props$classPrefix,\n      _props$role = props.role,\n      role = _props$role === void 0 ? 'group' : _props$role,\n      className = props.className,\n      children = props.children,\n      block = props.block,\n      vertical = props.vertical,\n      justified = props.justified,\n      size = props.size,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"role\", \"className\", \"children\", \"block\", \"vertical\", \"justified\", \"size\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix(size, {\n    block: block,\n    vertical: vertical,\n    justified: justified\n  }));\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      size: size\n    };\n  }, [size]);\n  return /*#__PURE__*/_react.default.createElement(_ButtonGroupContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    role: role,\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 9\n    }\n  }), children));\n});\n\nButtonGroup.displayName = 'ButtonGroup';\nButtonGroup.propTypes = {\n  className: _propTypes.default.string,\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  block: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  role: _propTypes.default.string,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs'])\n};\nvar _default = ButtonGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/ButtonGroup/ButtonGroup.tsx?");
 
 /***/ }),
 
@@ -1814,7 +1814,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.CalendarState = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _MonthDropdown = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\"));\n\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown.tsx\"));\n\nvar _View = _interopRequireDefault(__webpack_require__(/*! ./View */ \"./src/Calendar/View.tsx\"));\n\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Calendar/Header.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Calendar.tsx\",\n    _this = void 0;\n\nvar CalendarState;\nexports.CalendarState = CalendarState;\n\n(function (CalendarState) {\n  CalendarState[\"DROP_TIME\"] = \"DROP_TIME\";\n  CalendarState[\"DROP_MONTH\"] = \"DROP_MONTH\";\n})(CalendarState || (exports.CalendarState = CalendarState = {}));\n\nvar Calendar = /*#__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      calendarState = props.calendarState,\n      dateRange = props.dateRange,\n      disabledBackward = props.disabledBackward,\n      disabledDate = props.disabledDate,\n      disabledForward = props.disabledForward,\n      format = props.format,\n      hoverRangeValue = props.hoverRangeValue,\n      inSameMonth = props.inSameMonth,\n      _props$isoWeek = props.isoWeek,\n      isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n      limitEndYear = props.limitEndYear,\n      locale = props.locale,\n      onChangePageDate = props.onChangePageDate,\n      onChangePageTime = props.onChangePageTime,\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      calendarDate = props.calendarDate,\n      renderCell = props.renderCell,\n      renderTitle = props.renderTitle,\n      renderToolbar = props.renderToolbar,\n      showMeridian = props.showMeridian,\n      showWeekNumbers = props.showWeekNumbers,\n      inline = props.inline,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarState\", \"dateRange\", \"disabledBackward\", \"disabledDate\", \"disabledForward\", \"format\", \"hoverRangeValue\", \"inSameMonth\", \"isoWeek\", \"limitEndYear\", \"locale\", \"onChangePageDate\", \"onChangePageTime\", \"onMouseMove\", \"onMoveBackward\", \"onMoveForward\", \"onSelect\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"calendarDate\", \"renderCell\", \"renderTitle\", \"renderToolbar\", \"showMeridian\", \"showWeekNumbers\", \"inline\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var isDisabledDate = function isDisabledDate(date) {\n    var _disabledDate;\n\n    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;\n  };\n\n  var isTimeDisabled = function isTimeDisabled(date) {\n    return _utils.DateUtils.disabledTime(props, date);\n  };\n\n  var handleMoveForward = (0, _react.useCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward(_utils.DateUtils.addMonths(calendarDate, 1));\n  }, [onMoveForward, calendarDate]);\n  var handleMoveBackward = (0, _react.useCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward(_utils.DateUtils.addMonths(calendarDate, -1));\n  }, [onMoveBackward, calendarDate]);\n\n  var showDate = _utils.DateUtils.shouldDate(format);\n\n  var showTime = _utils.DateUtils.shouldTime(format);\n\n  var showMonth = _utils.DateUtils.shouldMonth(format);\n\n  var onlyShowTime = showTime && !showDate && !showMonth;\n  var onlyShowMonth = showMonth && !showDate && !showTime;\n  var dropTime = calendarState === CalendarState.DROP_TIME || onlyShowTime;\n  var dropMonth = calendarState === CalendarState.DROP_MONTH || onlyShowMonth;\n  var inSameThisMonthDate = (0, _react.useCallback)(function (date) {\n    return (0, _utils.composeFunctions)(function (d) {\n      return _utils.DateUtils.setDate(d, 1);\n    }, function (d) {\n      return _utils.DateUtils.isSameMonth(d, date);\n    })(date);\n  }, []);\n  var calendarClasses = merge(className, withClassPrefix({\n    'show-time-dropdown': dropTime,\n    'show-month-dropdown': dropMonth,\n    'show-week-numbers': showWeekNumbers\n  }));\n  var timeDropdownProps = (0, _pick.default)(rest, _utils.DateUtils.calendarOnlyProps);\n  var contextValue = {\n    date: calendarDate,\n    dateRange: dateRange,\n    disabledDate: isDisabledDate,\n    format: format,\n    hoverRangeValue: hoverRangeValue,\n    inSameMonth: inSameMonth !== null && inSameMonth !== void 0 ? inSameMonth : inSameThisMonthDate,\n    isoWeek: isoWeek,\n    locale: locale,\n    onChangePageDate: onChangePageDate,\n    onChangePageTime: onChangePageTime,\n    onMouseMove: onMouseMove,\n    onSelect: onSelect,\n    renderCell: renderCell,\n    showWeekNumbers: showWeekNumbers,\n    inline: inline\n  };\n  return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 188,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, _utils.DateUtils.omitHideDisabledProps(rest), {\n    role: \"table\",\n    className: calendarClasses,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 189,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Header.default, {\n    showMonth: showMonth,\n    showDate: showDate,\n    showTime: showTime,\n    showMeridian: showMeridian,\n    disabledTime: isTimeDisabled,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onToggleMonthDropdown: onToggleMonthDropdown,\n    onToggleTimeDropdown: onToggleTimeDropdown,\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: 195,\n      columnNumber: 11\n    }\n  }), showDate && /*#__PURE__*/_react.default.createElement(_View.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 211,\n      columnNumber: 24\n    }\n  }), showMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {\n    show: dropMonth,\n    limitEndYear: limitEndYear,\n    disabledMonth: isDisabledDate,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 213,\n      columnNumber: 13\n    }\n  }), showTime && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {\n    show: dropTime,\n    showMeridian: showMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 220,\n      columnNumber: 13\n    }\n  }))));\n});\n\nCalendar.displayName = 'Calendar';\nCalendar.propTypes = {\n  calendarState: _propTypes.default.oneOf(Object.values(CalendarState)),\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  inSameMonth: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  locale: _propTypes.default.object,\n  onChangePageDate: _propTypes.default.func,\n  onChangePageTime: _propTypes.default.func,\n  onMoveBackward: _propTypes.default.func,\n  onMoveForward: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMeridian: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  calendarDate: _propTypes.default.instanceOf(Date),\n  renderCell: _propTypes.default.func,\n  renderTitle: _propTypes.default.func,\n  renderToolbar: _propTypes.default.func,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool\n};\nvar _default = Calendar;\nexports.default = _default;\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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.CalendarState = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _MonthDropdown = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\"));\n\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown.tsx\"));\n\nvar _View = _interopRequireDefault(__webpack_require__(/*! ./View */ \"./src/Calendar/View.tsx\"));\n\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Calendar/Header.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Calendar.tsx\",\n    _this = void 0;\n\nvar CalendarState;\nexports.CalendarState = CalendarState;\n\n(function (CalendarState) {\n  CalendarState[\"DROP_TIME\"] = \"DROP_TIME\";\n  CalendarState[\"DROP_MONTH\"] = \"DROP_MONTH\";\n})(CalendarState || (exports.CalendarState = CalendarState = {}));\n\nvar Calendar = /*#__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      calendarState = props.calendarState,\n      dateRange = props.dateRange,\n      disabledBackward = props.disabledBackward,\n      disabledDate = props.disabledDate,\n      disabledForward = props.disabledForward,\n      format = props.format,\n      hoverRangeValue = props.hoverRangeValue,\n      inSameMonth = props.inSameMonth,\n      _props$isoWeek = props.isoWeek,\n      isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n      limitEndYear = props.limitEndYear,\n      locale = props.locale,\n      onChangePageDate = props.onChangePageDate,\n      onChangePageTime = props.onChangePageTime,\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      calendarDate = props.calendarDate,\n      renderCell = props.renderCell,\n      renderTitle = props.renderTitle,\n      renderToolbar = props.renderToolbar,\n      showMeridian = props.showMeridian,\n      showWeekNumbers = props.showWeekNumbers,\n      inline = props.inline,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarState\", \"dateRange\", \"disabledBackward\", \"disabledDate\", \"disabledForward\", \"format\", \"hoverRangeValue\", \"inSameMonth\", \"isoWeek\", \"limitEndYear\", \"locale\", \"onChangePageDate\", \"onChangePageTime\", \"onMouseMove\", \"onMoveBackward\", \"onMoveForward\", \"onSelect\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"calendarDate\", \"renderCell\", \"renderTitle\", \"renderToolbar\", \"showMeridian\", \"showWeekNumbers\", \"inline\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var isDisabledDate = (0, _react.useCallback)(function (date) {\n    var _disabledDate;\n\n    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;\n  }, [disabledDate]);\n\n  var isTimeDisabled = function isTimeDisabled(date) {\n    return _utils.DateUtils.disabledTime(props, date);\n  };\n\n  var handleMoveForward = (0, _react.useCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward(_utils.DateUtils.addMonths(calendarDate, 1));\n  }, [onMoveForward, calendarDate]);\n  var handleMoveBackward = (0, _react.useCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward(_utils.DateUtils.addMonths(calendarDate, -1));\n  }, [onMoveBackward, calendarDate]);\n\n  var showDate = _utils.DateUtils.shouldDate(format);\n\n  var showTime = _utils.DateUtils.shouldTime(format);\n\n  var showMonth = _utils.DateUtils.shouldMonth(format);\n\n  var onlyShowTime = showTime && !showDate && !showMonth;\n  var onlyShowMonth = showMonth && !showDate && !showTime;\n  var dropTime = calendarState === CalendarState.DROP_TIME || onlyShowTime;\n  var dropMonth = calendarState === CalendarState.DROP_MONTH || onlyShowMonth;\n  var inSameThisMonthDate = (0, _react.useCallback)(function (date) {\n    return (0, _utils.composeFunctions)(function (d) {\n      return _utils.DateUtils.setDate(d, 1);\n    }, function (d) {\n      return _utils.DateUtils.isSameMonth(d, date);\n    })(date);\n  }, []);\n  var calendarClasses = merge(className, withClassPrefix({\n    'show-time-dropdown': dropTime,\n    'show-month-dropdown': dropMonth,\n    'show-week-numbers': showWeekNumbers\n  }));\n  var timeDropdownProps = (0, _pick.default)(rest, _utils.DateUtils.calendarOnlyProps);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      date: calendarDate,\n      dateRange: dateRange,\n      disabledDate: isDisabledDate,\n      format: format,\n      hoverRangeValue: hoverRangeValue,\n      inSameMonth: inSameMonth !== null && inSameMonth !== void 0 ? inSameMonth : inSameThisMonthDate,\n      isoWeek: isoWeek,\n      locale: locale,\n      onChangePageDate: onChangePageDate,\n      onChangePageTime: onChangePageTime,\n      onMouseMove: onMouseMove,\n      onSelect: onSelect,\n      renderCell: renderCell,\n      showWeekNumbers: showWeekNumbers,\n      inline: inline\n    };\n  }, [calendarDate, dateRange, format, hoverRangeValue, inSameMonth, inSameThisMonthDate, inline, isDisabledDate, isoWeek, locale, onChangePageDate, onChangePageTime, onMouseMove, onSelect, renderCell, showWeekNumbers]);\n  return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 211,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, _utils.DateUtils.omitHideDisabledProps(rest), {\n    className: calendarClasses,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 212,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Header.default, {\n    showMonth: showMonth,\n    showDate: showDate,\n    showTime: showTime,\n    showMeridian: showMeridian,\n    disabledTime: isTimeDisabled,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onToggleMonthDropdown: onToggleMonthDropdown,\n    onToggleTimeDropdown: onToggleTimeDropdown,\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: 217,\n      columnNumber: 11\n    }\n  }), showDate && /*#__PURE__*/_react.default.createElement(_View.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 233,\n      columnNumber: 24\n    }\n  }), showMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {\n    show: dropMonth,\n    limitEndYear: limitEndYear,\n    disabledMonth: isDisabledDate,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 235,\n      columnNumber: 13\n    }\n  }), showTime && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {\n    show: dropTime,\n    showMeridian: showMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 242,\n      columnNumber: 13\n    }\n  }))));\n});\n\nCalendar.displayName = 'Calendar';\nCalendar.propTypes = {\n  calendarState: _propTypes.default.oneOf(Object.values(CalendarState)),\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  inSameMonth: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  locale: _propTypes.default.object,\n  onChangePageDate: _propTypes.default.func,\n  onChangePageTime: _propTypes.default.func,\n  onMoveBackward: _propTypes.default.func,\n  onMoveForward: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMeridian: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  calendarDate: _propTypes.default.instanceOf(Date),\n  renderCell: _propTypes.default.func,\n  renderTitle: _propTypes.default.func,\n  renderToolbar: _propTypes.default.func,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool\n};\nvar _default = Calendar;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Calendar.tsx?");
 
 /***/ }),
 
@@ -1847,7 +1847,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ../IconButton */ \"./src/IconButton/index.tsx\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Header.tsx\",\n    _this = void 0;\n\nvar Header = /*#__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, [\"as\", \"className\", \"classPrefix\", \"disabledBackward\", \"disabledForward\", \"showDate\", \"showMeridian\", \"showMonth\", \"showTime\", \"disabledTime\", \"onMoveBackward\", \"onMoveForward\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"renderTitle\", \"renderToolbar\"]);\n\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\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var btnProps = {\n    appearance: 'subtle',\n    size: inline ? 'sm' : 'xs'\n  };\n  var getTimeFormat = (0, _react.useCallback)(function () {\n    var timeFormat = [];\n\n    if (!format) {\n      return '';\n    }\n\n    if (/([Hh])/.test(format)) {\n      timeFormat.push(showMeridian ? 'hh' : 'HH');\n    }\n\n    if (/m/.test(format)) {\n      timeFormat.push('mm');\n    }\n\n    if (/s/.test(format)) {\n      timeFormat.push('ss');\n    }\n\n    return timeFormat.join(':');\n  }, [format, showMeridian]);\n  var getDateFormat = (0, _react.useCallback)(function () {\n    if (showDate) {\n      return (locale === null || locale === void 0 ? void 0 : locale.formattedDayPattern) || 'yyyy-MM-dd';\n    } else if (showMonth) {\n      return (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'yyyy-MM';\n    }\n\n    return 'yyyy';\n  }, [locale, showDate, showMonth]);\n  var renderTitle = (0, _react.useCallback)(function () {\n    var _renderTitleProp;\n\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: 92,\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\n  var monthToolbar = /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('month-toolbar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 102,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {\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: 107,\n        columnNumber: 17\n      }\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 103,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    className: dateTitleClasses,\n    onClick: onToggleMonthDropdown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109,\n      columnNumber: 9\n    }\n  }), renderTitle()), /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {\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: 116,\n        columnNumber: 17\n      }\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112,\n      columnNumber: 9\n    }\n  })));\n\n  var hasMonth = showDate || showMonth;\n  var classes = merge(className, withClassPrefix({\n    'has-month': hasMonth,\n    'has-time': showTime\n  }));\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: 128,\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: 131,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    className: timeTitleClasses,\n    onClick: onToggleTimeDropdown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 132,\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: 133,\n      columnNumber: 24\n    }\n  })), showMeridian && /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    className: prefix('meridian'),\n    onClick: onToggleMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 137,\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: 138,\n      columnNumber: 26\n    }\n  }))), renderToolbar === null || renderToolbar === void 0 ? void 0 : renderToolbar(date));\n});\n\nHeader.displayName = 'Header';\nHeader.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  disabledBackward: _propTypes.default.bool,\n  disabledForward: _propTypes.default.bool,\n  disabledTime: _propTypes.default.func,\n  onMoveBackward: _propTypes.default.func,\n  onMoveForward: _propTypes.default.func,\n  onToggleMeridian: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  renderTitle: _propTypes.default.func,\n  renderToolbar: _propTypes.default.func,\n  showDate: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  showMonth: _propTypes.default.bool,\n  showTime: _propTypes.default.bool\n};\nvar _default = Header;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Header.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ../IconButton */ \"./src/IconButton/index.tsx\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Header.tsx\",\n    _this = void 0;\n\nvar Header = /*#__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, [\"as\", \"className\", \"classPrefix\", \"disabledBackward\", \"disabledForward\", \"showDate\", \"showMeridian\", \"showMonth\", \"showTime\", \"disabledTime\", \"onMoveBackward\", \"onMoveForward\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"renderTitle\", \"renderToolbar\"]);\n\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\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var btnProps = {\n    appearance: 'subtle',\n    size: inline ? 'sm' : 'xs'\n  };\n  var getTimeFormat = (0, _react.useCallback)(function () {\n    var timeFormat = [];\n\n    if (!format) {\n      return '';\n    }\n\n    if (/([Hh])/.test(format)) {\n      timeFormat.push(showMeridian ? 'hh' : 'HH');\n    }\n\n    if (/m/.test(format)) {\n      timeFormat.push('mm');\n    }\n\n    if (/s/.test(format)) {\n      timeFormat.push('ss');\n    }\n\n    return timeFormat.join(':');\n  }, [format, showMeridian]);\n  var getDateFormat = (0, _react.useCallback)(function () {\n    if (showDate) {\n      return (locale === null || locale === void 0 ? void 0 : locale.formattedDayPattern) || 'yyyy-MM-dd';\n    } else if (showMonth) {\n      return (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'yyyy-MM';\n    }\n\n    return 'yyyy';\n  }, [locale, showDate, showMonth]);\n  var renderTitle = (0, _react.useCallback)(function () {\n    var _renderTitleProp;\n\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: 92,\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\n  var monthToolbar = /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('month-toolbar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 102,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {\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: 107,\n        columnNumber: 17\n      }\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 103,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    className: dateTitleClasses,\n    onClick: onToggleMonthDropdown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109,\n      columnNumber: 9\n    }\n  }), renderTitle()), /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {\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: 116,\n        columnNumber: 17\n      }\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112,\n      columnNumber: 9\n    }\n  })));\n\n  var hasMonth = showDate || showMonth;\n  var classes = merge(className, withClassPrefix({\n    'has-month': hasMonth,\n    'has-time': showTime\n  }));\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: 128,\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: 131,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    className: timeTitleClasses,\n    onClick: onToggleTimeDropdown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 132,\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: 133,\n      columnNumber: 24\n    }\n  })), showMeridian && /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {\n    className: prefix('meridian'),\n    onClick: onToggleMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 137,\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: 138,\n      columnNumber: 26\n    }\n  }))), renderToolbar === null || renderToolbar === void 0 ? void 0 : renderToolbar(date));\n});\n\nHeader.displayName = 'Header';\nHeader.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  disabledBackward: _propTypes.default.bool,\n  disabledForward: _propTypes.default.bool,\n  disabledTime: _propTypes.default.func,\n  onMoveBackward: _propTypes.default.func,\n  onMoveForward: _propTypes.default.func,\n  onToggleMeridian: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  renderTitle: _propTypes.default.func,\n  renderToolbar: _propTypes.default.func,\n  showDate: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  showMonth: _propTypes.default.bool,\n  showTime: _propTypes.default.bool\n};\nvar _default = Header;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Header.tsx?");
 
 /***/ }),
 
@@ -1880,7 +1880,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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _TableRow = _interopRequireDefault(__webpack_require__(/*! ./TableRow */ \"./src/Calendar/TableRow.tsx\"));\n\nvar _TableHeaderRow = _interopRequireDefault(__webpack_require__(/*! ./TableHeaderRow */ \"./src/Calendar/TableHeaderRow.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Table.tsx\",\n    _this = void 0;\n\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, [\"as\", \"className\", \"classPrefix\", \"rows\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"table\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_TableHeaderRow.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26,\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 11\n      }\n    });\n  }));\n});\n\nTable.displayName = 'Table';\nTable.propTypes = {\n  rows: _propTypes.default.array,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = Table;\nexports.default = _default;\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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _TableRow = _interopRequireDefault(__webpack_require__(/*! ./TableRow */ \"./src/Calendar/TableRow.tsx\"));\n\nvar _TableHeaderRow = _interopRequireDefault(__webpack_require__(/*! ./TableHeaderRow */ \"./src/Calendar/TableHeaderRow.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Table.tsx\",\n    _this = void 0;\n\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, [\"as\", \"className\", \"classPrefix\", \"rows\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"grid\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_TableHeaderRow.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26,\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 11\n      }\n    });\n  }));\n});\n\nTable.displayName = 'Table';\nTable.propTypes = {\n  rows: _propTypes.default.array,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = Table;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Table.tsx?");
 
 /***/ }),
 
@@ -1902,7 +1902,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableRow.tsx\",\n    _this = void 0;\n\nvar TableRow = /*#__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$weekendDate = props.weekendDate,\n      weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"weekendDate\"]);\n\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      disabledDate = _useCalendarContext.disabledDate,\n      formatDate = _useCalendarContext.formatDate,\n      hoverRangeValue = _useCalendarContext.hoverRangeValue,\n      inSameMonth = _useCalendarContext.inSameMonth,\n      isoWeek = _useCalendarContext.isoWeek,\n      onMouseMove = _useCalendarContext.onMouseMove,\n      onSelect = _useCalendarContext.onSelect,\n      renderCell = _useCalendarContext.renderCell,\n      locale = _useCalendarContext.locale,\n      showWeekNumbers = _useCalendarContext.showWeekNumbers;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var handleSelect = (0, _react.useCallback)(function (date, disabled, event) {\n    if (disabled) {\n      return;\n    }\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n  }, [onSelect]);\n\n  var renderDays = function renderDays() {\n    var formatStr = (locale === null || locale === void 0 ? void 0 : locale.formattedDayPattern) || 'yyyy-MM-dd';\n    var days = [];\n\n    var _ref = dateRange || [],\n        selectedStartDate = _ref[0],\n        selectedEndDate = _ref[1];\n\n    var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],\n        hoverStartDate = _ref2[0],\n        hoverEndDate = _ref2[1];\n\n    var isRangeSelectionMode = typeof dateRange !== 'undefined';\n    var todayDate = new Date();\n\n    for (var i = 0; i < 7; i += 1) {\n      var thisDate = _utils.DateUtils.addDays(weekendDate, i);\n\n      var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _utils.DATERANGE_DISABLED_TARGET.CALENDAR);\n\n      var isToday = _utils.DateUtils.isSameDay(thisDate, todayDate);\n\n      var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));\n\n      var isStartSelected = !unSameMonth && selectedStartDate && _utils.DateUtils.isSameDay(thisDate, selectedStartDate);\n\n      var isEndSelected = !unSameMonth && selectedEndDate && _utils.DateUtils.isSameDay(thisDate, selectedEndDate);\n\n      var isSelected = isStartSelected || isEndSelected;\n      var inRange = false; // for Selected\n\n      if (selectedStartDate && selectedEndDate) {\n        if (_utils.DateUtils.isBefore(thisDate, selectedEndDate) && _utils.DateUtils.isAfter(thisDate, selectedStartDate)) {\n          inRange = true;\n        }\n\n        if (_utils.DateUtils.isBefore(thisDate, selectedStartDate) && _utils.DateUtils.isAfter(thisDate, selectedEndDate)) {\n          inRange = true;\n        }\n      } // for Hovering\n\n\n      if (!isSelected && hoverStartDate && hoverEndDate) {\n        if (!_utils.DateUtils.isAfter(thisDate, hoverEndDate) && !_utils.DateUtils.isBefore(thisDate, hoverStartDate)) {\n          inRange = true;\n        }\n\n        if (!_utils.DateUtils.isAfter(thisDate, hoverStartDate) && !_utils.DateUtils.isBefore(thisDate, hoverEndDate)) {\n          inRange = true;\n        }\n      }\n\n      var _classes = prefix('cell', {\n        'cell-un-same-month': unSameMonth,\n        'cell-is-today': isToday,\n        'cell-selected': isRangeSelectionMode ? isSelected : _utils.DateUtils.isSameDay(thisDate, selected),\n        'cell-selected-start': isStartSelected,\n        'cell-selected-end': isEndSelected,\n        'cell-in-range': !unSameMonth && inRange,\n        'cell-disabled': disabled\n      });\n\n      var title = formatDate ? formatDate(thisDate, formatStr) : _utils.DateUtils.format(thisDate, formatStr);\n      days.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n        role: \"cell\",\n        key: title,\n        className: _classes,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 116,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"div\", {\n        role: \"button\",\n        className: prefix('cell-content'),\n        tabIndex: -1,\n        title: isToday ? title + \" (\" + (locale === null || locale === void 0 ? void 0 : locale.today) + \")\" : title,\n        onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, thisDate) : undefined,\n        onClick: (0, _partial.default)(handleSelect, thisDate, disabled),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 117,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix('cell-day'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 125,\n          columnNumber: 15\n        }\n      }, _utils.DateUtils.getDate(thisDate)), renderCell && renderCell(thisDate))));\n    }\n\n    return days;\n  };\n\n  var classes = merge(className, prefix('row'));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: \"row\",\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 137,\n      columnNumber: 7\n    }\n  }), showWeekNumbers && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('cell-week-number'),\n    role: \"cell\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 139,\n      columnNumber: 11\n    }\n  }, _utils.DateUtils.format(weekendDate, isoWeek ? 'I' : 'w')), renderDays());\n});\n\nTableRow.displayName = 'TableRow';\nTableRow.propTypes = {\n  weekendDate: _propTypes.default.instanceOf(Date),\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = TableRow;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableRow.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableRow.tsx\",\n    _this = void 0;\n\nvar TableRow = /*#__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$weekendDate = props.weekendDate,\n      weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"weekendDate\"]);\n\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      disabledDate = _useCalendarContext.disabledDate,\n      hoverRangeValue = _useCalendarContext.hoverRangeValue,\n      inSameMonth = _useCalendarContext.inSameMonth,\n      isoWeek = _useCalendarContext.isoWeek,\n      onMouseMove = _useCalendarContext.onMouseMove,\n      onSelect = _useCalendarContext.onSelect,\n      renderCell = _useCalendarContext.renderCell,\n      overrideLocale = _useCalendarContext.locale,\n      showWeekNumbers = _useCalendarContext.showWeekNumbers;\n\n  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var handleSelect = (0, _react.useCallback)(function (date, disabled, event) {\n    if (disabled) {\n      return;\n    }\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n  }, [onSelect]);\n\n  var renderDays = function renderDays() {\n    var formatStr = locale.formattedDayPattern;\n    var days = [];\n\n    var _ref = dateRange || [],\n        selectedStartDate = _ref[0],\n        selectedEndDate = _ref[1];\n\n    var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],\n        hoverStartDate = _ref2[0],\n        hoverEndDate = _ref2[1];\n\n    var isRangeSelectionMode = typeof dateRange !== 'undefined';\n    var todayDate = new Date();\n\n    for (var i = 0; i < 7; i += 1) {\n      var thisDate = _utils.DateUtils.addDays(weekendDate, i);\n\n      var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _utils.DATERANGE_DISABLED_TARGET.CALENDAR);\n\n      var isToday = _utils.DateUtils.isSameDay(thisDate, todayDate);\n\n      var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));\n\n      var isStartSelected = !unSameMonth && selectedStartDate && _utils.DateUtils.isSameDay(thisDate, selectedStartDate);\n\n      var isEndSelected = !unSameMonth && selectedEndDate && _utils.DateUtils.isSameDay(thisDate, selectedEndDate);\n\n      var isSelected = isRangeSelectionMode ? isStartSelected || isEndSelected : _utils.DateUtils.isSameDay(thisDate, selected);\n      var inRange = false; // for Selected\n\n      if (selectedStartDate && selectedEndDate) {\n        if (_utils.DateUtils.isBefore(thisDate, selectedEndDate) && _utils.DateUtils.isAfter(thisDate, selectedStartDate)) {\n          inRange = true;\n        }\n\n        if (_utils.DateUtils.isBefore(thisDate, selectedStartDate) && _utils.DateUtils.isAfter(thisDate, selectedEndDate)) {\n          inRange = true;\n        }\n      } // for Hovering\n\n\n      if (!isSelected && hoverStartDate && hoverEndDate) {\n        if (!_utils.DateUtils.isAfter(thisDate, hoverEndDate) && !_utils.DateUtils.isBefore(thisDate, hoverStartDate)) {\n          inRange = true;\n        }\n\n        if (!_utils.DateUtils.isAfter(thisDate, hoverStartDate) && !_utils.DateUtils.isBefore(thisDate, hoverEndDate)) {\n          inRange = true;\n        }\n      }\n\n      var _classes = prefix('cell', {\n        'cell-un-same-month': unSameMonth,\n        'cell-is-today': isToday,\n        'cell-selected': isSelected,\n        'cell-selected-start': isStartSelected,\n        'cell-selected-end': isEndSelected,\n        'cell-in-range': !unSameMonth && inRange,\n        'cell-disabled': disabled\n      });\n\n      var title = formatDate ? formatDate(thisDate, formatStr) : _utils.DateUtils.format(thisDate, formatStr);\n      days.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n        role: \"gridcell\",\n        key: title,\n        \"aria-label\": title,\n        \"aria-selected\": isSelected || undefined,\n        className: _classes,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 116,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"div\", {\n        role: \"button\",\n        className: prefix('cell-content'),\n        tabIndex: -1,\n        title: isToday ? title + \" (\" + (locale === null || locale === void 0 ? void 0 : locale.today) + \")\" : title,\n        onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, thisDate) : undefined,\n        onClick: (0, _partial.default)(handleSelect, thisDate, disabled),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 123,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix('cell-day'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 131,\n          columnNumber: 15\n        }\n      }, _utils.DateUtils.getDate(thisDate)), renderCell && renderCell(thisDate))));\n    }\n\n    return days;\n  };\n\n  var classes = merge(className, prefix('row'));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: \"row\",\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 143,\n      columnNumber: 7\n    }\n  }), showWeekNumbers && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('cell-week-number'),\n    role: \"rowheader\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 145,\n      columnNumber: 11\n    }\n  }, _utils.DateUtils.format(weekendDate, isoWeek ? 'I' : 'w')), renderDays());\n});\n\nTableRow.displayName = 'TableRow';\nTableRow.propTypes = {\n  weekendDate: _propTypes.default.instanceOf(Date),\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = TableRow;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableRow.tsx?");
 
 /***/ }),
 
@@ -1924,7 +1924,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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Calendar/Table.tsx\"));\n\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/View.tsx\",\n    _this = void 0;\n\nvar View = /*#__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-view' : _props$classPrefix,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\"]);\n\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\n  var thisMonthDate = _utils.DateUtils.setDate(date, 1);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix());\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  }), /*#__PURE__*/_react.default.createElement(_Table.default, {\n    rows: _utils.DateUtils.getMonthView(thisMonthDate, isoWeek),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 20,\n      columnNumber: 9\n    }\n  }));\n});\n\nView.displayName = 'View';\nView.propTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = View;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/View.tsx?");
+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 _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Calendar/Table.tsx\"));\n\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/View.tsx\",\n    _this = void 0;\n\nvar View = /*#__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-view' : _props$classPrefix,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\"]);\n\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\n  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate;\n\n  var thisMonthDate = _utils.DateUtils.setDate(date, 1);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\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: 20,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Table.default, {\n    rows: _utils.DateUtils.getMonthView(thisMonthDate, isoWeek),\n    \"aria-label\": formatDate(thisMonthDate, locale.formattedMonthPattern),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 21,\n      columnNumber: 9\n    }\n  }));\n});\n\nView.displayName = 'View';\nView.propTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = View;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/View.tsx?");
 
 /***/ }),
 
@@ -2045,7 +2045,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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ../CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\n\nvar _TreeContext = _interopRequireDefault(__webpack_require__(/*! ../Tree/TreeContext */ \"./src/Tree/TreeContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTree/index.tsx\",\n    _this = void 0;\n\nvar CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {\n    value: {\n      inline: true\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_CheckTreePicker.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 9\n    }\n  })));\n});\n\nCheckTree.displayName = 'CheckTree';\nvar _default = CheckTree;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/CheckTree/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ../CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\n\nvar _TreeContext = _interopRequireDefault(__webpack_require__(/*! ../Tree/TreeContext */ \"./src/Tree/TreeContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTree/index.tsx\",\n    _this = void 0;\n\nvar CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      inline: true\n    };\n  }, []);\n  return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_CheckTreePicker.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 20,\n      columnNumber: 9\n    }\n  })));\n});\n\nCheckTree.displayName = 'CheckTree';\nvar _default = CheckTree;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/CheckTree/index.tsx?");
 
 /***/ }),
 
@@ -2199,7 +2199,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.ContainerContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Container/Container.tsx\",\n    _this = void 0;\n\nvar ContainerContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.ContainerContext = ContainerContext;\n\nvar Container = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'section' : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'container' : _props$classPrefix,\n      className = props.className,\n      children = props.children,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"children\"]);\n\n  var _useState = (0, _react.useState)(false),\n      hasSidebar = _useState[0],\n      setHasSidebar = _useState[1];\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    'has-sidebar': hasSidebar\n  }));\n  return /*#__PURE__*/_react.default.createElement(ContainerContext.Provider, {\n    value: {\n      setHasSidebar: setHasSidebar\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 5\n    }\n  }, /*#__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: 27,\n      columnNumber: 7\n    }\n  }), children));\n});\n\nContainer.displayName = 'Container';\nContainer.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string\n};\nvar _default = Container;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Container/Container.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.ContainerContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Container/Container.tsx\",\n    _this = void 0;\n\nvar ContainerContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.ContainerContext = ContainerContext;\n\nvar Container = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'section' : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'container' : _props$classPrefix,\n      className = props.className,\n      children = props.children,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"children\"]);\n\n  var _useState = (0, _react.useState)(false),\n      hasSidebar = _useState[0],\n      setHasSidebar = _useState[1];\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    'has-sidebar': hasSidebar\n  }));\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      setHasSidebar: setHasSidebar\n    };\n  }, [setHasSidebar]);\n  return /*#__PURE__*/_react.default.createElement(ContainerContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 5\n    }\n  }, /*#__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: 28,\n      columnNumber: 7\n    }\n  }), children));\n});\n\nContainer.displayName = 'Container';\nContainer.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string\n};\nvar _default = Container;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Container/Container.tsx?");
 
 /***/ }),
 
@@ -2298,7 +2298,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar isElement
 /***/ (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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\n\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\n\nvar _Calendar2 = __webpack_require__(/*! ../Calendar */ \"./src/Calendar/index.tsx\");\n\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n    _this = void 0;\n\nvar DatePicker = /*#__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 ? 'picker' : _props$classPrefix,\n      calendarDefaultDate = props.calendarDefaultDate,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      _props$format = props.format,\n      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      isoWeek = props.isoWeek,\n      _props$limitEndYear = props.limitEndYear,\n      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n      overrideLocale = props.locale,\n      menuClassName = props.menuClassName,\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      toggleAs = props.toggleAs,\n      disabledDateProp = props.disabledDate,\n      renderValue = props.renderValue,\n      onChange = props.onChange,\n      onChangeCalendarDate = props.onChangeCalendarDate,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onNextMonth = props.onNextMonth,\n      onOk = props.onOk,\n      onOpen = props.onOpen,\n      onPrevMonth = props.onPrevMonth,\n      onSelect = props.onSelect,\n      onToggleMonthDropdown = props.onToggleMonthDropdown,\n      onToggleTimeDropdown = props.onToggleTimeDropdown,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"defaultValue\", \"disabled\", \"format\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"appearance\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"toggleAs\", \"disabledDate\", \"renderValue\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onClose\", \"onEntered\", \"onExited\", \"onNextMonth\", \"onOk\", \"onOpen\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\"]);\n\n  var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate,\n      parseDate = _useCustom.parseDate;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var _useCalendarDate = (0, _useCalendarDate2.default)(valueProp, calendarDefaultDate),\n      calendarDate = _useCalendarDate.calendarDate,\n      setCalendarDate = _useCalendarDate.setCalendarDate;\n\n  var _useState = (0, _react.useState)(),\n      inputState = _useState[0],\n      setInputState = _useState[1];\n\n  var _useCalendarState = (0, _utils2.useCalendarState)(),\n      calendarState = _useCalendarState.calendarState,\n      reset = _useCalendarState.reset,\n      openMonth = _useCalendarState.openMonth,\n      openTime = _useCalendarState.openTime;\n\n  var _useState2 = (0, _react.useState)(false),\n      active = _useState2[0],\n      setActive = _useState2[1];\n\n  var triggerRef = (0, _react.useRef)(null);\n  var rootRef = (0, _react.useRef)(null);\n  var targetRef = (0, _react.useRef)(null);\n  var overlayRef = (0, _react.useRef)(null);\n  (0, _Picker.usePublicMethods)(ref, {\n    rootRef: rootRef,\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n\n  var handleMoveForward = (0, _react.useCallback)(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  }, [onChangeCalendarDate, onNextMonth, setCalendarDate]);\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n\n  var handleMoveBackward = (0, _react.useCallback)(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  }, [onChangeCalendarDate, onPrevMonth, setCalendarDate]);\n  /**\n   * The callback triggered when the date changes.\n   */\n\n  var handleDateChange = (0, _react.useCallback)(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  }, [onChangeCalendarDate, onSelect]);\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n\n  var handleChangePageDate = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    reset();\n    handleDateChange(nextPageDate);\n  }, [handleDateChange, reset, setCalendarDate]);\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n\n  var handleChangePageTime = (0, _react.useCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  }, [handleDateChange, setCalendarDate]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n\n  var handleToggleMeridian = (0, _react.useCallback)(function () {\n    var hours = _utils.DateUtils.getHours(calendarDate);\n\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n\n    var nextDate = _utils.DateUtils.setHours(calendarDate, nextHours);\n\n    setCalendarDate(nextDate);\n  }, [calendarDate, setCalendarDate]);\n  var updateValue = (0, _react.useCallback)(function (event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var nextValue = !(0, _isNil.default)(nextPageDate) ? nextPageDate : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n\n    if (nextValue !== value || !_utils.DateUtils.isSameDay(nextValue, value)) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  }, [handleClose, onChange, calendarDate, setCalendarDate, setValue, value]);\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n\n  var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n  }, [handleDateChange, updateValue]);\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n\n  var handleOK = (0, _react.useCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n  }, [updateValue, onOk, calendarDate]);\n  /**\n   * Toggle month selection panel\n   */\n\n  var handleMonthDropdown = (0, _react.useCallback)(function () {\n    if (calendarState === _Calendar2.CalendarState.DROP_MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _Calendar2.CalendarState.DROP_MONTH);\n  }, [calendarState, onToggleMonthDropdown, openMonth, reset]);\n  /**\n   * Switch time selection panel\n   */\n\n  var handleTimeDropdown = (0, _react.useCallback)(function () {\n    if (calendarState === _Calendar2.CalendarState.DROP_TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _Calendar2.CalendarState.DROP_TIME);\n  }, [calendarState, onToggleTimeDropdown, openTime, reset]);\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _react.useCallback)(function (event) {\n    setCalendarDate(new Date());\n    updateValue(event, null);\n  }, [setCalendarDate, updateValue]);\n  /**\n   * Handle keyboard events.\n   */\n\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    active: active,\n    onExit: handleClean\n  }, rest));\n  /**\n   * Callback after the date is selected.\n   */\n\n  var handleSelect = (0, _react.useCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n\n    setCalendarDate( // Determine whether the current value contains time, if not, use calendarDate.\n    _utils.DateUtils.shouldTime(formatStr) ? nextValue : (0, _utils.composeFunctions)(function (d) {\n      return _utils.DateUtils.setHours(d, _utils.DateUtils.getHours(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setMinutes(d, _utils.DateUtils.getMinutes(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setSeconds(d, _utils.DateUtils.getSeconds(calendarDate));\n    })(nextValue));\n    handleDateChange(nextValue);\n\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n    }\n  }, [formatStr, handleDateChange, oneTap, calendarDate, setCalendarDate, updateValue]);\n  var disabledDate = (0, _react.useCallback)(function (date) {\n    var _disabledDateProp;\n\n    return (_disabledDateProp = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date)) !== null && _disabledDateProp !== void 0 ? _disabledDateProp : false;\n  }, [disabledDateProp]);\n  /**\n   * Callback after the input box value is changed.\n   */\n\n  var handleInputChange = (0, _react.useCallback)(function (value, event) {\n    setInputState('Typing'); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true\n    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false\n\n    if (!_utils.DateUtils.isMatch(value, formatStr, {\n      locale: locale.dateLocale\n    })) {\n      setInputState('Error');\n      return;\n    }\n\n    var date = parseDate(value, formatStr); // If only the time is included in the characters, it will default to today.\n\n    if (_utils.DateUtils.shouldOnlyTime(formatStr)) {\n      date = new Date(_utils.DateUtils.format(new Date(), 'yyyy-MM-dd') + \" \" + value);\n    }\n\n    if (!_utils.DateUtils.isValid(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    if (disabledDate(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    handleSelect(date, event, false);\n  }, [formatStr, locale, parseDate, disabledDate, handleSelect]);\n  /**\n   * The callback after the enter key is triggered on the input\n   */\n\n  var handleInputPressEnd = (0, _react.useCallback)(function (event) {\n    if (inputState === 'Typing') {\n      updateValue(event, calendarDate);\n    }\n\n    setInputState('Initial');\n  }, [inputState, calendarDate, updateValue]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    reset();\n    setActive(false);\n  }, [onClose, reset]); // Check whether the time is within the time range of the shortcut option in the toolbar.\n\n  var disabledToolbarHandle = (0, _react.useCallback)(function (date) {\n    var _disabledDateProp2;\n\n    var allowDate = (_disabledDateProp2 = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date)) !== null && _disabledDateProp2 !== void 0 ? _disabledDateProp2 : false;\n\n    var allowTime = _utils.DateUtils.disabledTime(props, date);\n\n    return allowDate || allowTime;\n  }, [disabledDateProp, props]);\n  var calendarProps = (0, _react.useMemo)(function () {\n    return (0, _mapValues.default)((0, _pick.default)(props, _utils.DateUtils.calendarOnlyProps), function (disabledOrHiddenTimeFunc) {\n      return function (next, date) {\n        var _disabledOrHiddenTime;\n\n        return (_disabledOrHiddenTime = disabledOrHiddenTimeFunc === null || disabledOrHiddenTimeFunc === void 0 ? void 0 : disabledOrHiddenTimeFunc(next, date)) !== null && _disabledOrHiddenTime !== void 0 ? _disabledOrHiddenTime : false;\n      };\n    });\n  }, [props]);\n  var inSameMonth = (0, _react.useCallback)(function (date) {\n    return _utils.DateUtils.isSameMonth(date, calendarDate);\n  }, [calendarDate]);\n\n  var calendar = /*#__PURE__*/_react.default.createElement(_Calendar2.Calendar, (0, _extends2.default)({}, calendarProps, {\n    locale: locale,\n    showWeekNumbers: showWeekNumbers,\n    showMeridian: showMeridian,\n    disabledDate: disabledDate,\n    limitEndYear: limitEndYear,\n    format: formatStr,\n    isoWeek: isoWeek,\n    inSameMonth: inSameMonth,\n    calendarState: calendarState,\n    calendarDate: calendarDate,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onSelect: handleSelect,\n    onToggleMonthDropdown: handleMonthDropdown,\n    onToggleTimeDropdown: handleTimeDropdown,\n    onChangePageDate: handleChangePageDate,\n    onChangePageTime: handleChangePageTime,\n    onToggleMeridian: handleToggleMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 473,\n      columnNumber: 7\n    }\n  }));\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(menuClassName, className, prefix('date-menu'));\n    var styles = {\n      left: left,\n      top: top\n    };\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      style: styles,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 501,\n        columnNumber: 9\n      }\n    }, calendar, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: ranges,\n      calendarDate: calendarDate,\n      disabledOkBtn: disabledToolbarHandle,\n      disabledShortcut: disabledToolbarHandle,\n      onClickShortcut: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 508,\n        columnNumber: 11\n      }\n    }));\n  };\n\n  var hasValue = !!value;\n\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\n  var renderDate = (0, _react.useCallback)(function () {\n    var _renderValue;\n\n    if (!value) {\n      return placeholder || formatStr;\n    }\n\n    return (_renderValue = renderValue === null || renderValue === void 0 ? void 0 : renderValue(value, formatStr)) !== null && _renderValue !== void 0 ? _renderValue : formatDate(value, formatStr);\n  }, [formatStr, formatDate, placeholder, renderValue, value]);\n  var caretAs = (0, _react.useMemo)(function () {\n    return _utils.DateUtils.shouldOnlyTime(formatStr) ? _ClockO.default : _Calendar.default;\n  }, [formatStr]);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 547,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes),\n    style: style,\n    ref: rootRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 556,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils.DateUtils.calendarOnlyProps)), {\n    className: prefix({\n      error: inputState === 'Error'\n    }),\n    as: toggleAs,\n    ref: targetRef,\n    appearance: appearance,\n    input: true,\n    inputValue: value ? formatDate(value, formatStr) : '',\n    inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : formatStr,\n    inputMask: _utils.DateUtils.getDateMask(formatStr),\n    onInputChange: handleInputChange,\n    onInputBlur: handleInputPressEnd,\n    onInputPressEnter: handleInputPressEnd,\n    onKeyDown: onPickerKeyDown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    disabled: disabled,\n    caretAs: caretAs,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 557,\n      columnNumber: 11\n    }\n  }), renderDate())));\n});\n\nDatePicker.displayName = 'DatePicker';\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _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  limitEndYear: _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  panelContainerRef: _propTypes.default.any,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = DatePicker;\nexports.default = _default;\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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\n\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\n\nvar _Calendar2 = __webpack_require__(/*! ../Calendar */ \"./src/Calendar/index.tsx\");\n\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n    _this = void 0;\n\nvar DatePicker = /*#__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 ? 'picker' : _props$classPrefix,\n      calendarDefaultDate = props.calendarDefaultDate,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      _props$format = props.format,\n      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      isoWeek = props.isoWeek,\n      _props$limitEndYear = props.limitEndYear,\n      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n      overrideLocale = props.locale,\n      menuClassName = props.menuClassName,\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      toggleAs = props.toggleAs,\n      disabledDateProp = props.disabledDate,\n      renderValue = props.renderValue,\n      onChange = props.onChange,\n      onChangeCalendarDate = props.onChangeCalendarDate,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onNextMonth = props.onNextMonth,\n      onOk = props.onOk,\n      onOpen = props.onOpen,\n      onPrevMonth = props.onPrevMonth,\n      onSelect = props.onSelect,\n      onToggleMonthDropdown = props.onToggleMonthDropdown,\n      onToggleTimeDropdown = props.onToggleTimeDropdown,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"defaultValue\", \"disabled\", \"format\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"appearance\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"toggleAs\", \"disabledDate\", \"renderValue\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onClose\", \"onEntered\", \"onExited\", \"onNextMonth\", \"onOk\", \"onOpen\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\"]);\n\n  var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate,\n      parseDate = _useCustom.parseDate;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var _useCalendarDate = (0, _useCalendarDate2.default)(valueProp, calendarDefaultDate),\n      calendarDate = _useCalendarDate.calendarDate,\n      setCalendarDate = _useCalendarDate.setCalendarDate;\n\n  var _useState = (0, _react.useState)(),\n      inputState = _useState[0],\n      setInputState = _useState[1];\n\n  var _useCalendarState = (0, _utils2.useCalendarState)(),\n      calendarState = _useCalendarState.calendarState,\n      reset = _useCalendarState.reset,\n      openMonth = _useCalendarState.openMonth,\n      openTime = _useCalendarState.openTime;\n\n  var _useState2 = (0, _react.useState)(false),\n      active = _useState2[0],\n      setActive = _useState2[1];\n\n  var triggerRef = (0, _react.useRef)(null);\n  var rootRef = (0, _react.useRef)(null);\n  var targetRef = (0, _react.useRef)(null);\n  var overlayRef = (0, _react.useRef)(null);\n  (0, _Picker.usePublicMethods)(ref, {\n    rootRef: rootRef,\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n\n  var handleMoveForward = (0, _react.useCallback)(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  }, [onChangeCalendarDate, onNextMonth, setCalendarDate]);\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n\n  var handleMoveBackward = (0, _react.useCallback)(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  }, [onChangeCalendarDate, onPrevMonth, setCalendarDate]);\n  /**\n   * The callback triggered when the date changes.\n   */\n\n  var handleDateChange = (0, _react.useCallback)(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  }, [onChangeCalendarDate, onSelect]);\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n\n  var handleChangePageDate = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    reset();\n    handleDateChange(nextPageDate);\n  }, [handleDateChange, reset, setCalendarDate]);\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n\n  var handleChangePageTime = (0, _react.useCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  }, [handleDateChange, setCalendarDate]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n\n  var handleToggleMeridian = (0, _react.useCallback)(function () {\n    var hours = _utils.DateUtils.getHours(calendarDate);\n\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n\n    var nextDate = _utils.DateUtils.setHours(calendarDate, nextHours);\n\n    setCalendarDate(nextDate);\n  }, [calendarDate, setCalendarDate]);\n  var updateValue = (0, _react.useCallback)(function (event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var nextValue = !(0, _isNil.default)(nextPageDate) ? nextPageDate : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n\n    if (nextValue !== value || !_utils.DateUtils.isSameDay(nextValue, value)) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  }, [handleClose, onChange, calendarDate, setCalendarDate, setValue, value]);\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n\n  var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n  }, [handleDateChange, updateValue]);\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n\n  var handleOK = (0, _react.useCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n  }, [updateValue, onOk, calendarDate]);\n  /**\n   * Toggle month selection panel\n   */\n\n  var handleMonthDropdown = (0, _react.useCallback)(function () {\n    if (calendarState === _Calendar2.CalendarState.DROP_MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _Calendar2.CalendarState.DROP_MONTH);\n  }, [calendarState, onToggleMonthDropdown, openMonth, reset]);\n  /**\n   * Switch time selection panel\n   */\n\n  var handleTimeDropdown = (0, _react.useCallback)(function () {\n    if (calendarState === _Calendar2.CalendarState.DROP_TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _Calendar2.CalendarState.DROP_TIME);\n  }, [calendarState, onToggleTimeDropdown, openTime, reset]);\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _react.useCallback)(function (event) {\n    setCalendarDate(new Date());\n    updateValue(event, null);\n  }, [setCalendarDate, updateValue]);\n  /**\n   * Handle keyboard events.\n   */\n\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    active: active,\n    onExit: handleClean\n  }, rest));\n  /**\n   * Callback after the date is selected.\n   */\n\n  var handleSelect = (0, _react.useCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n\n    setCalendarDate( // Determine whether the current value contains time, if not, use calendarDate.\n    _utils.DateUtils.shouldTime(formatStr) ? nextValue : (0, _utils.composeFunctions)(function (d) {\n      return _utils.DateUtils.setHours(d, _utils.DateUtils.getHours(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setMinutes(d, _utils.DateUtils.getMinutes(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setSeconds(d, _utils.DateUtils.getSeconds(calendarDate));\n    })(nextValue));\n    handleDateChange(nextValue);\n\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n    }\n  }, [formatStr, handleDateChange, oneTap, calendarDate, setCalendarDate, updateValue]);\n  var disabledDate = (0, _react.useCallback)(function (date) {\n    var _disabledDateProp;\n\n    return (_disabledDateProp = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date)) !== null && _disabledDateProp !== void 0 ? _disabledDateProp : false;\n  }, [disabledDateProp]);\n  /**\n   * Callback after the input box value is changed.\n   */\n\n  var handleInputChange = (0, _react.useCallback)(function (value, event) {\n    setInputState('Typing'); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true\n    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false\n\n    if (!_utils.DateUtils.isMatch(value, formatStr, {\n      locale: locale.dateLocale\n    })) {\n      setInputState('Error');\n      return;\n    }\n\n    var date = parseDate(value, formatStr); // If only the time is included in the characters, it will default to today.\n\n    if (_utils.DateUtils.shouldOnlyTime(formatStr)) {\n      date = new Date(_utils.DateUtils.format(new Date(), 'yyyy-MM-dd') + \" \" + value);\n    }\n\n    if (!_utils.DateUtils.isValid(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    if (disabledDate(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    handleSelect(date, event, false);\n  }, [formatStr, locale, parseDate, disabledDate, handleSelect]);\n  /**\n   * The callback after the enter key is triggered on the input\n   */\n\n  var handleInputPressEnd = (0, _react.useCallback)(function (event) {\n    if (inputState === 'Typing') {\n      updateValue(event, calendarDate);\n    }\n\n    setInputState('Initial');\n  }, [inputState, calendarDate, updateValue]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    reset();\n    setActive(false);\n  }, [onClose, reset]); // Check whether the time is within the time range of the shortcut option in the toolbar.\n\n  var disabledToolbarHandle = (0, _react.useCallback)(function (date) {\n    var _disabledDateProp2;\n\n    var allowDate = (_disabledDateProp2 = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date)) !== null && _disabledDateProp2 !== void 0 ? _disabledDateProp2 : false;\n\n    var allowTime = _utils.DateUtils.disabledTime(props, date);\n\n    return allowDate || allowTime;\n  }, [disabledDateProp, props]);\n  var calendarProps = (0, _react.useMemo)(function () {\n    return (0, _mapValues.default)((0, _pick.default)(props, _utils.DateUtils.calendarOnlyProps), function (disabledOrHiddenTimeFunc) {\n      return function (next, date) {\n        var _disabledOrHiddenTime;\n\n        return (_disabledOrHiddenTime = disabledOrHiddenTimeFunc === null || disabledOrHiddenTimeFunc === void 0 ? void 0 : disabledOrHiddenTimeFunc(next, date)) !== null && _disabledOrHiddenTime !== void 0 ? _disabledOrHiddenTime : false;\n      };\n    });\n  }, [props]);\n  var inSameMonth = (0, _react.useCallback)(function (date) {\n    return _utils.DateUtils.isSameMonth(date, calendarDate);\n  }, [calendarDate]);\n\n  var calendar = /*#__PURE__*/_react.default.createElement(_Calendar2.Calendar, (0, _extends2.default)({}, calendarProps, {\n    locale: locale,\n    showWeekNumbers: showWeekNumbers,\n    showMeridian: showMeridian,\n    disabledDate: disabledDate,\n    limitEndYear: limitEndYear,\n    format: formatStr,\n    isoWeek: isoWeek,\n    inSameMonth: inSameMonth,\n    calendarState: calendarState,\n    calendarDate: calendarDate,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onSelect: handleSelect,\n    onToggleMonthDropdown: handleMonthDropdown,\n    onToggleTimeDropdown: handleTimeDropdown,\n    onChangePageDate: handleChangePageDate,\n    onChangePageTime: handleChangePageTime,\n    onToggleMeridian: handleToggleMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 474,\n      columnNumber: 7\n    }\n  }));\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(menuClassName, className, prefix('date-menu'));\n    var styles = {\n      left: left,\n      top: top\n    };\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      role: \"dialog\",\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      style: styles,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 502,\n        columnNumber: 9\n      }\n    }, calendar, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: ranges,\n      calendarDate: calendarDate,\n      disabledOkBtn: disabledToolbarHandle,\n      disabledShortcut: disabledToolbarHandle,\n      onClickShortcut: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 510,\n        columnNumber: 11\n      }\n    }));\n  };\n\n  var hasValue = !!value;\n\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\n  var renderDate = (0, _react.useCallback)(function () {\n    var _renderValue;\n\n    if (!value) {\n      return placeholder || formatStr;\n    }\n\n    return (_renderValue = renderValue === null || renderValue === void 0 ? void 0 : renderValue(value, formatStr)) !== null && _renderValue !== void 0 ? _renderValue : formatDate(value, formatStr);\n  }, [formatStr, formatDate, placeholder, renderValue, value]);\n  var caretAs = (0, _react.useMemo)(function () {\n    return _utils.DateUtils.shouldOnlyTime(formatStr) ? _ClockO.default : _Calendar.default;\n  }, [formatStr]);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 549,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes),\n    style: style,\n    ref: rootRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 558,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils.DateUtils.calendarOnlyProps)), {\n    className: prefix({\n      error: inputState === 'Error'\n    }),\n    as: toggleAs,\n    ref: targetRef,\n    appearance: appearance,\n    input: true,\n    inputValue: value ? formatDate(value, formatStr) : '',\n    inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : formatStr,\n    inputMask: _utils.DateUtils.getDateMask(formatStr),\n    onInputChange: handleInputChange,\n    onInputBlur: handleInputPressEnd,\n    onInputPressEnter: handleInputPressEnd,\n    onKeyDown: onPickerKeyDown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    disabled: disabled,\n    caretAs: caretAs,\n    \"aria-haspopup\": \"dialog\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 559,\n      columnNumber: 11\n    }\n  }), renderDate())));\n});\n\nDatePicker.displayName = 'DatePicker';\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _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  limitEndYear: _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  panelContainerRef: _propTypes.default.any,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = DatePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
 
 /***/ }),
 
@@ -2353,7 +2353,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar _Calendar2 = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/DateRangePicker/Calendar.tsx\"));\n\nvar disabledDateUtils = _interopRequireWildcard(__webpack_require__(/*! ./disabledDateUtils */ \"./src/DateRangePicker/disabledDateUtils.ts\"));\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\",\n    _this = void 0;\n\nvar DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _ref2, _merge;\n\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$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      defaultCalendarValue = props.defaultCalendarValue,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      disabledDateProp = props.disabledDate,\n      _props$format = props.format,\n      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      hoverRange = props.hoverRange,\n      _props$isoWeek = props.isoWeek,\n      isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n      _props$limitEndYear = props.limitEndYear,\n      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n      overrideLocale = props.locale,\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      renderValue = props.renderValue,\n      _props$showOneCalenda = props.showOneCalendar,\n      showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,\n      showWeekNumbers = props.showWeekNumbers,\n      showMeridian = props.showMeridian,\n      style = props.style,\n      toggleAs = props.toggleAs,\n      valueProp = props.value,\n      onChange = props.onChange,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onEnter = props.onEnter,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onOk = props.onOk,\n      onOpen = props.onOpen,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"appearance\", \"cleanable\", \"character\", \"defaultCalendarValue\", \"defaultValue\", \"disabled\", \"disabledDate\", \"format\", \"hoverRange\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"renderValue\", \"showOneCalendar\", \"showWeekNumbers\", \"showMeridian\", \"style\", \"toggleAs\", \"value\", \"onChange\", \"onClean\", \"onClose\", \"onEnter\", \"onEntered\", \"onExited\", \"onOk\", \"onOpen\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useCustom = (0, _utils.useCustom)('DateRangePicker', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate,\n      parseDate = _useCustom.parseDate;\n\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\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\n\n  var hasDoneSelect = (0, _react.useRef)(true);\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\n  var _useState = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),\n      selectedDates = _useState[0],\n      setSelectedDates = _useState[1]; // The date of the current hover, used to reduce the calculation of `handleMouseMove`\n\n\n  var _useState2 = (0, _react.useState)(null),\n      hoverDateRange = _useState2[0],\n      setHoverDateRange = _useState2[1]; // The displayed calendar panel is rendered based on this value.\n\n\n  var _useState3 = (0, _react.useState)((0, _utils2.getCalendarDate)({\n    value: (_ref2 = valueProp !== null && valueProp !== void 0 ? valueProp : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null\n  })),\n      calendarDate = _useState3[0],\n      setCalendarDate = _useState3[1];\n\n  var _useState4 = (0, _react.useState)(),\n      inputState = _useState4[0],\n      setInputState = _useState4[1];\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\n\n  var selectRangeValueRef = (0, _react.useRef)(null);\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\n  var updateCalendarDate = (0, _react.useCallback)(function (value) {\n    setCalendarDate((0, _utils2.getCalendarDate)({\n      value: value\n    }));\n  }, []); // if valueProp changed then update selectValue/hoverValue\n\n  (0, _react.useEffect)(function () {\n    setSelectedDates(valueProp !== null && valueProp !== void 0 ? valueProp : []);\n    setHoverDateRange(valueProp !== null && valueProp !== void 0 ? valueProp : null);\n  }, [valueProp]);\n\n  var _useState5 = (0, _react.useState)(false),\n      isPickerToggleActive = _useState5[0],\n      setPickerToggleActive = _useState5[1];\n\n  var rootRef = (0, _react.useRef)(null);\n  var overlayRef = (0, _react.useRef)(null);\n  var targetRef = (0, _react.useRef)(null);\n  var triggerRef = (0, _react.useRef)(null);\n  var handleCloseDropdown = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef,\n    rootRef: rootRef\n  });\n  var getDisplayString = (0, _react.useCallback)(function (nextValue, isPlaintext) {\n    var _nextValue$, _nextValue$2;\n\n    var startDate = (_nextValue$ = nextValue === null || nextValue === void 0 ? void 0 : nextValue[0]) !== null && _nextValue$ !== void 0 ? _nextValue$ : null;\n    var endDate = (_nextValue$2 = nextValue === null || nextValue === void 0 ? void 0 : nextValue[1]) !== null && _nextValue$2 !== void 0 ? _nextValue$2 : null;\n\n    if (startDate && endDate) {\n      var displayValue = [startDate, endDate].sort(_dateUtils.compareAsc);\n\n      if (isPlaintext) {\n        return formatDate(displayValue[0], formatStr) + character + formatDate(displayValue[1], formatStr);\n      }\n\n      return renderValue ? renderValue(displayValue, formatStr) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[0],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 268,\n          columnNumber: 13\n        }\n      }), character, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[1],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 270,\n          columnNumber: 13\n        }\n      }));\n    }\n\n    return isPlaintext ? '' : placeholder || rangeFormatStr;\n  }, [character, formatDate, formatStr, placeholder, rangeFormatStr, renderValue, value]);\n  /**\n   * preset hover range\n   */\n\n  var getHoverRangeValue = (0, _react.useCallback)(function (date) {\n    function getHoverRangeFunc() {\n      if (hoverRange === 'week') {\n        return (0, _partial.default)(_utils2.getWeekHoverRange, isoWeek);\n      } else if (hoverRange === 'month') {\n        return _utils2.getMonthHoverRange;\n      }\n\n      return hoverRange;\n    }\n\n    var hoverRangeFunc = getHoverRangeFunc();\n\n    if ((0, _isNil.default)(hoverRangeFunc)) {\n      return null;\n    }\n\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n\n    if (!isHoverRangeValid) {\n      return null;\n    }\n\n    if (_utils.DateUtils.isAfter(hoverValues[0], hoverValues[1])) {\n      hoverValues.reverse();\n    }\n\n    return hoverValues;\n  }, [hoverRange, isoWeek]);\n  var handleValueUpdate = (0, _react.useCallback)(function (event, nextValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\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\n    if (!(0, _utils2.isSameRange)(nextValue, value, formatStr)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      handleCloseDropdown();\n    }\n  }, [formatStr, handleCloseDropdown, onChange, selectedDates, setValue, value]);\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\n  var handleMouseMove = (0, _react.useCallback)(function (date) {\n    var nextHoverDateRange = getHoverRangeValue(date); // 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\n    if (!hasDoneSelect.current) {\n      // If `hoverRange` is set, you need to change the value of hoverDateRange according to the rules\n      if (!(0, _isNil.default)(nextHoverDateRange)) {\n        var nextSelectedDates = [selectRangeValueRef.current[0], nextHoverDateRange[1]];\n\n        if (_utils.DateUtils.isBefore(nextHoverDateRange[0], selectRangeValueRef.current[0])) {\n          nextSelectedDates = [nextHoverDateRange[0], selectRangeValueRef.current[1]];\n        }\n\n        setSelectedDates(nextSelectedDates);\n      } else {\n        setHoverDateRange(function (prevHoverValue) {\n          return (0, _isNil.default)(prevHoverValue) ? null : [prevHoverValue[0], date];\n        });\n      } // Before the first click, if nextHoverDateRange has a value, hoverDateRange needs to be updated\n\n    } else if (!(0, _isNil.default)(nextHoverDateRange)) {\n      setHoverDateRange(nextHoverDateRange);\n    }\n  }, [getHoverRangeValue, hoverRange]);\n  /**\n   * Callback for selecting a date cell in the calendar grid\n   */\n\n  var handleSelectDate = (0, _react.useCallback)(function (date, event) {\n    var nextSelectDates = hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : [];\n    var hoverRangeValue = getHoverRangeValue(date);\n    var noHoverRangeValid = (0, _isNil.default)(hoverRangeValue); // in `oneTap` mode\n\n    if (hasDoneSelect.current && oneTap) {\n      handleValueUpdate(event, noHoverRangeValid ? [(0, _utils2.setTimingMargin)(date), (0, _utils2.setTimingMargin)(date, 'right')] : hoverRangeValue);\n      hasDoneSelect.current = false;\n      return;\n    } // no preset hover range can use\n\n\n    if (noHoverRangeValid) {\n      // start select\n      if (hasDoneSelect.current) {\n        nextSelectDates = [date];\n      } else {\n        // finish select\n        nextSelectDates[1] = date;\n      }\n    } else {\n      if (!hasDoneSelect.current) {\n        nextSelectDates = selectedDates;\n        selectRangeValueRef.current = null;\n      } else {\n        nextSelectDates = hoverRangeValue;\n        selectRangeValueRef.current = hoverRangeValue;\n      }\n    } // If user have completed the selection, then sort\n\n\n    if (nextSelectDates.length === 2 && _utils.DateUtils.isAfter(nextSelectDates[0], nextSelectDates[1])) {\n      nextSelectDates.reverse();\n    }\n\n    setHoverDateRange(nextSelectDates.length === 2 ? nextSelectDates : [nextSelectDates[0], nextSelectDates[0]]);\n    setSelectedDates(nextSelectDates);\n    updateCalendarDate(nextSelectDates);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n    hasDoneSelect.current = !hasDoneSelect.current;\n  }, [getHoverRangeValue, handleValueUpdate, hoverDateRange, onSelect, oneTap, selectedDates, updateCalendarDate]);\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\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 handleChangeCalendarDate = (0, _react.useCallback)(function (index, date) {\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    updateCalendarDate(nextCalendarDate);\n  }, [calendarDate, updateCalendarDate]);\n  var handleChangeCalendarTime = (0, _react.useCallback)(function (index, date) {\n    setSelectedDates(function (prev) {\n      var next = [].concat(prev);\n      var clonedDate = new Date(date.valueOf()); // if next[index] is not empty, only update the time after aligning the year, month and day\n\n      if (next[index]) {\n        clonedDate.setFullYear(next[index].getFullYear(), next[index].getMonth(), next[index].getDate());\n      }\n\n      next[index] = clonedDate;\n      return next;\n    });\n    handleChangeCalendarDate(index, date);\n  }, [handleChangeCalendarDate]);\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n\n  var handleToggleMeridian = (0, _react.useCallback)(function (index) {\n    var next = Array.from(calendarDate);\n    var clonedDate = new Date(next[index].valueOf());\n\n    var hours = _utils.DateUtils.getHours(clonedDate);\n\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n    next[index] = _utils.DateUtils.setHours(clonedDate, nextHours);\n    setCalendarDate(next); // If the value already exists, update the value again.\n\n    if (selectedDates.length === 2) {\n      setSelectedDates(next);\n    }\n  }, [calendarDate, selectedDates]);\n  /**\n   * Toolbar operation callback function\n   */\n\n  var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {\n    if (closeOverlay === void 0) {\n      closeOverlay = false;\n    }\n\n    handleValueUpdate(event, value, closeOverlay);\n  }, [handleValueUpdate]);\n  var handleOK = (0, _react.useCallback)(function (event) {\n    handleValueUpdate(event, selectedDates);\n    onOk === null || onOk === void 0 ? void 0 : onOk(selectedDates, event);\n  }, [handleValueUpdate, onOk, selectedDates]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    updateCalendarDate(null);\n    handleValueUpdate(event, null);\n  }, [handleValueUpdate, updateCalendarDate]);\n  /**\n   * Callback after the input box value is changed.\n   */\n\n  var handleInputChange = (0, _react.useCallback)(function (value) {\n    setInputState('Typing');\n    var rangeValue = value.split(character); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true\n    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false\n\n    if (!_utils.DateUtils.isMatch(rangeValue[0], formatStr, {\n      locale: locale.dateLocale\n    }) || !_utils.DateUtils.isMatch(rangeValue[1], formatStr, {\n      locale: locale.dateLocale\n    })) {\n      setInputState('Error');\n      return;\n    }\n\n    var startDate = parseDate(rangeValue[0], formatStr);\n    var endDate = parseDate(rangeValue[1], formatStr);\n    var selectValue = [startDate, endDate];\n\n    if (!_utils.DateUtils.isValid(startDate) || !_utils.DateUtils.isValid(endDate)) {\n      setInputState('Error');\n      return;\n    }\n\n    if (isDateDisabled(startDate, selectValue, true, _utils.DATERANGE_DISABLED_TARGET.CALENDAR)) {\n      setInputState('Error');\n      return;\n    }\n\n    setHoverDateRange(selectValue);\n    setSelectedDates(selectValue);\n    updateCalendarDate(selectValue);\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  [character, rangeFormatStr, updateCalendarDate]);\n  /**\n   * The callback after the enter key is triggered on the input\n   */\n\n  var handleInputPressEnd = (0, _react.useCallback)(function (event) {\n    if (inputState === 'Typing') {\n      handleValueUpdate(event, selectedDates.length === 2 ? selectedDates : null);\n    }\n\n    setInputState('Initial');\n  }, [handleValueUpdate, selectedDates, inputState]);\n  var handleEnter = (0, _react.useCallback)(function () {\n    var nextCalendarDate;\n\n    if (value && value.length) {\n      var _startDate = value[0],\n          endData = value[1];\n      nextCalendarDate = [_startDate, (0, _dateUtils.isSameMonth)(_startDate, endData) ? (0, _dateUtils.addMonths)(endData, 1) : endData];\n    } else {\n      nextCalendarDate = (0, _utils2.getCalendarDate)({\n        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null\n      });\n    }\n\n    setSelectedDates(value !== null && value !== void 0 ? value : []);\n    updateCalendarDate(nextCalendarDate);\n  }, [defaultCalendarValue, updateCalendarDate, setSelectedDates, value]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setPickerToggleActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    setPickerToggleActive(false);\n    hasDoneSelect.current = true;\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [onClose]);\n  var isDateDisabled = (0, _react.useCallback)(function (date, selectDate, selectedDone, target) {\n    var _disabledDateProp;\n\n    return (_disabledDateProp = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date, selectDate, selectedDone, target)) !== null && _disabledDateProp !== void 0 ? _disabledDateProp : false;\n  }, [disabledDateProp]);\n  var disabledByBetween = (0, _react.useCallback)(function (start, end, type) {\n    // If the date is between the start and the end\n    // the button is disabled\n    while (_utils.DateUtils.isBefore(start, end) || _utils.DateUtils.isSameDay(start, end)) {\n      if (isDateDisabled(start, selectedDates, hasDoneSelect.current, type)) {\n        return true;\n      }\n\n      start = _utils.DateUtils.addDays(start, 1);\n    }\n\n    return false;\n  }, [isDateDisabled, selectedDates]);\n  var disabledOkButton = (0, _react.useCallback)(function () {\n    var start = selectedDates[0],\n        end = selectedDates[1];\n\n    if (!start || !end || !hasDoneSelect.current) {\n      return true;\n    }\n\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_BUTTON_OK);\n  }, [disabledByBetween, selectedDates]);\n  var disabledShortcutButton = (0, _react.useCallback)(function (value) {\n    if (value === void 0) {\n      value = [];\n    }\n\n    var _value = value,\n        start = _value[0],\n        end = _value[1];\n\n    if (!start || !end) {\n      return true;\n    }\n\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n  }, [disabledByBetween]);\n  var handleDisabledDate = (0, _react.useCallback)(function (date, values, type) {\n    return isDateDisabled(date, values, hasDoneSelect.current, type);\n  }, [isDateDisabled]);\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    active: isPickerToggleActive,\n    onExit: handleClean\n  }, rest));\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('daterange-menu'));\n    var panelClasses = prefix('daterange-panel', {\n      'daterange-panel-show-one-calendar': showOneCalendar\n    });\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var panelProps = {\n      calendarDate: calendarDate,\n      disabledDate: handleDisabledDate,\n      format: formatStr,\n      hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,\n      isoWeek: isoWeek,\n      limitEndYear: limitEndYear,\n      locale: locale,\n      showOneCalendar: showOneCalendar,\n      showWeekNumbers: showWeekNumbers,\n      value: selectedDates,\n      showMeridian: showMeridian,\n      onChangeCalendarDate: handleChangeCalendarDate,\n      onChangeCalendarTime: handleChangeCalendarTime,\n      onMouseMove: handleMouseMove,\n      onSelect: handleSelectDate,\n      onToggleMeridian: handleToggleMeridian\n    };\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      target: triggerRef,\n      style: styles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 707,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 713,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 714,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-header'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 715,\n        columnNumber: 13\n      }\n    }, getDisplayString(selectedDates)), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 716,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 0\n    }, panelProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 717,\n        columnNumber: 15\n      }\n    })), !showOneCalendar && /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 1\n    }, panelProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 718,\n        columnNumber: 36\n      }\n    })))), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      calendarDate: selectedDates,\n      disabledOkBtn: disabledOkButton,\n      disabledShortcut: disabledShortcutButton,\n      hideOkBtn: oneTap,\n      onOk: handleOK,\n      onClickShortcut: handleShortcutPageDate,\n      ranges: ranges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 721,\n        columnNumber: 11\n      }\n    })));\n  };\n\n  var hasValue = !(0, _isNil.default)(value) && value.length > 1;\n\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\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 747,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    ref: rootRef,\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = inputState === 'Error', _merge)),\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 756,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils.DateUtils.calendarOnlyProps)), {\n    as: toggleAs,\n    ref: targetRef,\n    appearance: appearance,\n    input: true,\n    inputMask: _utils.DateUtils.getDateMask(rangeFormatStr),\n    inputValue: value ? getDisplayString(value, true) : '',\n    inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : rangeFormatStr,\n    onInputChange: handleInputChange,\n    onInputBlur: handleInputPressEnd,\n    onInputPressEnter: handleInputPressEnd,\n    onKeyDown: onPickerKeyDown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: isPickerToggleActive,\n    placement: placement,\n    caretAs: _Calendar.default,\n    disabled: disabled,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 763,\n      columnNumber: 9\n    }\n  }), getDisplayString(value))));\n});\n\nDateRangePicker.after = disabledDateUtils.after;\nDateRangePicker.afterToday = disabledDateUtils.afterToday;\nDateRangePicker.allowedDays = disabledDateUtils.allowedDays;\nDateRangePicker.allowedMaxDays = disabledDateUtils.allowedMaxDays;\nDateRangePicker.allowedRange = disabledDateUtils.allowedRange;\nDateRangePicker.before = disabledDateUtils.before;\nDateRangePicker.beforeToday = disabledDateUtils.beforeToday;\nDateRangePicker.combine = disabledDateUtils.combine;\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([_propTypes.default.oneOf(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: _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 = DateRangePicker;\nexports.default = _default;\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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar _Calendar2 = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/DateRangePicker/Calendar.tsx\"));\n\nvar disabledDateUtils = _interopRequireWildcard(__webpack_require__(/*! ./disabledDateUtils */ \"./src/DateRangePicker/disabledDateUtils.ts\"));\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\",\n    _this = void 0;\n\nvar DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _ref2, _merge;\n\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$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      defaultCalendarValue = props.defaultCalendarValue,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      disabledDateProp = props.disabledDate,\n      _props$format = props.format,\n      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      hoverRange = props.hoverRange,\n      _props$isoWeek = props.isoWeek,\n      isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n      _props$limitEndYear = props.limitEndYear,\n      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n      overrideLocale = props.locale,\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      renderValue = props.renderValue,\n      _props$showOneCalenda = props.showOneCalendar,\n      showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,\n      showWeekNumbers = props.showWeekNumbers,\n      showMeridian = props.showMeridian,\n      style = props.style,\n      toggleAs = props.toggleAs,\n      valueProp = props.value,\n      onChange = props.onChange,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onEnter = props.onEnter,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onOk = props.onOk,\n      onOpen = props.onOpen,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"appearance\", \"cleanable\", \"character\", \"defaultCalendarValue\", \"defaultValue\", \"disabled\", \"disabledDate\", \"format\", \"hoverRange\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"renderValue\", \"showOneCalendar\", \"showWeekNumbers\", \"showMeridian\", \"style\", \"toggleAs\", \"value\", \"onChange\", \"onClean\", \"onClose\", \"onEnter\", \"onEntered\", \"onExited\", \"onOk\", \"onOpen\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useCustom = (0, _utils.useCustom)('DateRangePicker', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate,\n      parseDate = _useCustom.parseDate;\n\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\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\n\n  var hasDoneSelect = (0, _react.useRef)(true);\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\n  var _useState = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),\n      selectedDates = _useState[0],\n      setSelectedDates = _useState[1]; // The date of the current hover, used to reduce the calculation of `handleMouseMove`\n\n\n  var _useState2 = (0, _react.useState)(null),\n      hoverDateRange = _useState2[0],\n      setHoverDateRange = _useState2[1]; // The displayed calendar panel is rendered based on this value.\n\n\n  var _useState3 = (0, _react.useState)((0, _utils2.getCalendarDate)({\n    value: (_ref2 = valueProp !== null && valueProp !== void 0 ? valueProp : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null\n  })),\n      calendarDate = _useState3[0],\n      setCalendarDate = _useState3[1];\n\n  var _useState4 = (0, _react.useState)(),\n      inputState = _useState4[0],\n      setInputState = _useState4[1];\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\n\n  var selectRangeValueRef = (0, _react.useRef)(null);\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\n  var updateCalendarDate = (0, _react.useCallback)(function (value) {\n    setCalendarDate((0, _utils2.getCalendarDate)({\n      value: value\n    }));\n  }, []); // if valueProp changed then update selectValue/hoverValue\n\n  (0, _react.useEffect)(function () {\n    setSelectedDates(valueProp !== null && valueProp !== void 0 ? valueProp : []);\n    setHoverDateRange(valueProp !== null && valueProp !== void 0 ? valueProp : null);\n  }, [valueProp]);\n\n  var _useState5 = (0, _react.useState)(false),\n      isPickerToggleActive = _useState5[0],\n      setPickerToggleActive = _useState5[1];\n\n  var rootRef = (0, _react.useRef)(null);\n  var overlayRef = (0, _react.useRef)(null);\n  var targetRef = (0, _react.useRef)(null);\n  var triggerRef = (0, _react.useRef)(null);\n  var handleCloseDropdown = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef,\n    rootRef: rootRef\n  });\n  var getDisplayString = (0, _react.useCallback)(function (nextValue, isPlaintext) {\n    var _nextValue$, _nextValue$2;\n\n    var startDate = (_nextValue$ = nextValue === null || nextValue === void 0 ? void 0 : nextValue[0]) !== null && _nextValue$ !== void 0 ? _nextValue$ : null;\n    var endDate = (_nextValue$2 = nextValue === null || nextValue === void 0 ? void 0 : nextValue[1]) !== null && _nextValue$2 !== void 0 ? _nextValue$2 : null;\n\n    if (startDate && endDate) {\n      var displayValue = [startDate, endDate].sort(_dateUtils.compareAsc);\n\n      if (isPlaintext) {\n        return formatDate(displayValue[0], formatStr) + character + formatDate(displayValue[1], formatStr);\n      }\n\n      return renderValue ? renderValue(displayValue, formatStr) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[0],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 268,\n          columnNumber: 13\n        }\n      }), character, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[1],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 270,\n          columnNumber: 13\n        }\n      }));\n    }\n\n    return isPlaintext ? '' : placeholder || rangeFormatStr;\n  }, [character, formatDate, formatStr, placeholder, rangeFormatStr, renderValue]);\n  /**\n   * preset hover range\n   */\n\n  var getHoverRangeValue = (0, _react.useCallback)(function (date) {\n    function getHoverRangeFunc() {\n      if (hoverRange === 'week') {\n        return (0, _partial.default)(_utils2.getWeekHoverRange, isoWeek);\n      } else if (hoverRange === 'month') {\n        return _utils2.getMonthHoverRange;\n      }\n\n      return hoverRange;\n    }\n\n    var hoverRangeFunc = getHoverRangeFunc();\n\n    if ((0, _isNil.default)(hoverRangeFunc)) {\n      return null;\n    }\n\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n\n    if (!isHoverRangeValid) {\n      return null;\n    }\n\n    if (_utils.DateUtils.isAfter(hoverValues[0], hoverValues[1])) {\n      hoverValues.reverse();\n    }\n\n    return hoverValues;\n  }, [hoverRange, isoWeek]);\n  var handleValueUpdate = (0, _react.useCallback)(function (event, nextValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\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\n    if (!(0, _utils2.isSameRange)(nextValue, value, formatStr)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      handleCloseDropdown();\n    }\n  }, [formatStr, handleCloseDropdown, onChange, setValue, value]);\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\n  var handleMouseMove = (0, _react.useCallback)(function (date) {\n    var nextHoverDateRange = getHoverRangeValue(date); // 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\n    if (!hasDoneSelect.current) {\n      // If `hoverRange` is set, you need to change the value of hoverDateRange according to the rules\n      if (!(0, _isNil.default)(nextHoverDateRange)) {\n        var nextSelectedDates = [selectRangeValueRef.current[0], nextHoverDateRange[1]];\n\n        if (_utils.DateUtils.isBefore(nextHoverDateRange[0], selectRangeValueRef.current[0])) {\n          nextSelectedDates = [nextHoverDateRange[0], selectRangeValueRef.current[1]];\n        }\n\n        setSelectedDates(nextSelectedDates);\n      } else {\n        setHoverDateRange(function (prevHoverValue) {\n          return (0, _isNil.default)(prevHoverValue) ? null : [prevHoverValue[0], date];\n        });\n      } // Before the first click, if nextHoverDateRange has a value, hoverDateRange needs to be updated\n\n    } else if (!(0, _isNil.default)(nextHoverDateRange)) {\n      setHoverDateRange(nextHoverDateRange);\n    }\n  }, [getHoverRangeValue]);\n  /**\n   * Callback for selecting a date cell in the calendar grid\n   */\n\n  var handleSelectDate = (0, _react.useCallback)(function (date, event) {\n    var nextSelectDates = hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : [];\n    var hoverRangeValue = getHoverRangeValue(date);\n    var noHoverRangeValid = (0, _isNil.default)(hoverRangeValue); // in `oneTap` mode\n\n    if (hasDoneSelect.current && oneTap) {\n      handleValueUpdate(event, noHoverRangeValid ? [(0, _utils2.setTimingMargin)(date), (0, _utils2.setTimingMargin)(date, 'right')] : hoverRangeValue);\n      hasDoneSelect.current = false;\n      return;\n    } // no preset hover range can use\n\n\n    if (noHoverRangeValid) {\n      // start select\n      if (hasDoneSelect.current) {\n        nextSelectDates = [date];\n      } else {\n        // finish select\n        nextSelectDates[1] = date;\n      }\n    } else {\n      if (!hasDoneSelect.current) {\n        nextSelectDates = selectedDates;\n        selectRangeValueRef.current = null;\n      } else {\n        nextSelectDates = hoverRangeValue;\n        selectRangeValueRef.current = hoverRangeValue;\n      }\n    } // If user have completed the selection, then sort\n\n\n    if (nextSelectDates.length === 2 && _utils.DateUtils.isAfter(nextSelectDates[0], nextSelectDates[1])) {\n      nextSelectDates.reverse();\n    }\n\n    setHoverDateRange(nextSelectDates.length === 2 ? nextSelectDates : [nextSelectDates[0], nextSelectDates[0]]);\n    setSelectedDates(nextSelectDates);\n    updateCalendarDate(nextSelectDates);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n    hasDoneSelect.current = !hasDoneSelect.current;\n  }, [getHoverRangeValue, handleValueUpdate, hoverDateRange, onSelect, oneTap, selectedDates, updateCalendarDate]);\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\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 handleChangeCalendarDate = (0, _react.useCallback)(function (index, date) {\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    updateCalendarDate(nextCalendarDate);\n  }, [calendarDate, updateCalendarDate]);\n  var handleChangeCalendarTime = (0, _react.useCallback)(function (index, date) {\n    setSelectedDates(function (prev) {\n      var next = [].concat(prev);\n      var clonedDate = new Date(date.valueOf()); // if next[index] is not empty, only update the time after aligning the year, month and day\n\n      if (next[index]) {\n        clonedDate.setFullYear(next[index].getFullYear(), next[index].getMonth(), next[index].getDate());\n      }\n\n      next[index] = clonedDate;\n      return next;\n    });\n    handleChangeCalendarDate(index, date);\n  }, [handleChangeCalendarDate]);\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n\n  var handleToggleMeridian = (0, _react.useCallback)(function (index) {\n    var next = Array.from(calendarDate);\n    var clonedDate = new Date(next[index].valueOf());\n\n    var hours = _utils.DateUtils.getHours(clonedDate);\n\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n    next[index] = _utils.DateUtils.setHours(clonedDate, nextHours);\n    setCalendarDate(next); // If the value already exists, update the value again.\n\n    if (selectedDates.length === 2) {\n      setSelectedDates(next);\n    }\n  }, [calendarDate, selectedDates]);\n  /**\n   * Toolbar operation callback function\n   */\n\n  var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {\n    if (closeOverlay === void 0) {\n      closeOverlay = false;\n    }\n\n    handleValueUpdate(event, value, closeOverlay);\n  }, [handleValueUpdate]);\n  var handleOK = (0, _react.useCallback)(function (event) {\n    handleValueUpdate(event, selectedDates);\n    onOk === null || onOk === void 0 ? void 0 : onOk(selectedDates, event);\n  }, [handleValueUpdate, onOk, selectedDates]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    updateCalendarDate(null);\n    handleValueUpdate(event, null);\n  }, [handleValueUpdate, updateCalendarDate]);\n  /**\n   * Callback after the input box value is changed.\n   */\n\n  var handleInputChange = (0, _react.useCallback)(function (value) {\n    setInputState('Typing');\n    var rangeValue = value.split(character); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true\n    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false\n\n    if (!_utils.DateUtils.isMatch(rangeValue[0], formatStr, {\n      locale: locale.dateLocale\n    }) || !_utils.DateUtils.isMatch(rangeValue[1], formatStr, {\n      locale: locale.dateLocale\n    })) {\n      setInputState('Error');\n      return;\n    }\n\n    var startDate = parseDate(rangeValue[0], formatStr);\n    var endDate = parseDate(rangeValue[1], formatStr);\n    var selectValue = [startDate, endDate];\n\n    if (!_utils.DateUtils.isValid(startDate) || !_utils.DateUtils.isValid(endDate)) {\n      setInputState('Error');\n      return;\n    }\n\n    if (isDateDisabled(startDate, selectValue, true, _utils.DATERANGE_DISABLED_TARGET.CALENDAR)) {\n      setInputState('Error');\n      return;\n    }\n\n    setHoverDateRange(selectValue);\n    setSelectedDates(selectValue);\n    updateCalendarDate(selectValue);\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  [character, rangeFormatStr, updateCalendarDate]);\n  /**\n   * The callback after the enter key is triggered on the input\n   */\n\n  var handleInputPressEnd = (0, _react.useCallback)(function (event) {\n    if (inputState === 'Typing') {\n      handleValueUpdate(event, selectedDates.length === 2 ? selectedDates : null);\n    }\n\n    setInputState('Initial');\n  }, [handleValueUpdate, selectedDates, inputState]);\n  var handleEnter = (0, _react.useCallback)(function () {\n    var nextCalendarDate;\n\n    if (value && value.length) {\n      var _startDate = value[0],\n          endData = value[1];\n      nextCalendarDate = [_startDate, (0, _dateUtils.isSameMonth)(_startDate, endData) ? (0, _dateUtils.addMonths)(endData, 1) : endData];\n    } else {\n      nextCalendarDate = (0, _utils2.getCalendarDate)({\n        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null\n      });\n    }\n\n    setSelectedDates(value !== null && value !== void 0 ? value : []);\n    updateCalendarDate(nextCalendarDate);\n  }, [defaultCalendarValue, updateCalendarDate, setSelectedDates, value]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setPickerToggleActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    setPickerToggleActive(false);\n    hasDoneSelect.current = true;\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [onClose]);\n  var isDateDisabled = (0, _react.useCallback)(function (date, selectDate, selectedDone, target) {\n    var _disabledDateProp;\n\n    return (_disabledDateProp = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date, selectDate, selectedDone, target)) !== null && _disabledDateProp !== void 0 ? _disabledDateProp : false;\n  }, [disabledDateProp]);\n  var disabledByBetween = (0, _react.useCallback)(function (start, end, type) {\n    // If the date is between the start and the end\n    // the button is disabled\n    while (_utils.DateUtils.isBefore(start, end) || _utils.DateUtils.isSameDay(start, end)) {\n      if (isDateDisabled(start, selectedDates, hasDoneSelect.current, type)) {\n        return true;\n      }\n\n      start = _utils.DateUtils.addDays(start, 1);\n    }\n\n    return false;\n  }, [isDateDisabled, selectedDates]);\n  var disabledOkButton = (0, _react.useCallback)(function () {\n    var start = selectedDates[0],\n        end = selectedDates[1];\n\n    if (!start || !end || !hasDoneSelect.current) {\n      return true;\n    }\n\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_BUTTON_OK);\n  }, [disabledByBetween, selectedDates]);\n  var disabledShortcutButton = (0, _react.useCallback)(function (value) {\n    if (value === void 0) {\n      value = [];\n    }\n\n    var _value = value,\n        start = _value[0],\n        end = _value[1];\n\n    if (!start || !end) {\n      return true;\n    }\n\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n  }, [disabledByBetween]);\n  var handleDisabledDate = (0, _react.useCallback)(function (date, values, type) {\n    return isDateDisabled(date, values, hasDoneSelect.current, type);\n  }, [isDateDisabled]);\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    active: isPickerToggleActive,\n    onExit: handleClean\n  }, rest));\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('daterange-menu'));\n    var panelClasses = prefix('daterange-panel', {\n      'daterange-panel-show-one-calendar': showOneCalendar\n    });\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var panelProps = {\n      calendarDate: calendarDate,\n      disabledDate: handleDisabledDate,\n      format: formatStr,\n      hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,\n      isoWeek: isoWeek,\n      limitEndYear: limitEndYear,\n      locale: locale,\n      showOneCalendar: showOneCalendar,\n      showWeekNumbers: showWeekNumbers,\n      value: selectedDates,\n      showMeridian: showMeridian,\n      onChangeCalendarDate: handleChangeCalendarDate,\n      onChangeCalendarTime: handleChangeCalendarTime,\n      onMouseMove: handleMouseMove,\n      onSelect: handleSelectDate,\n      onToggleMeridian: handleToggleMeridian\n    };\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      target: triggerRef,\n      style: styles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 707,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 713,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 714,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-header'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 715,\n        columnNumber: 13\n      }\n    }, getDisplayString(selectedDates)), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 716,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 0\n    }, panelProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 717,\n        columnNumber: 15\n      }\n    })), !showOneCalendar && /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 1\n    }, panelProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 718,\n        columnNumber: 36\n      }\n    })))), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      calendarDate: selectedDates,\n      disabledOkBtn: disabledOkButton,\n      disabledShortcut: disabledShortcutButton,\n      hideOkBtn: oneTap,\n      onOk: handleOK,\n      onClickShortcut: handleShortcutPageDate,\n      ranges: ranges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 721,\n        columnNumber: 11\n      }\n    })));\n  };\n\n  var hasValue = !(0, _isNil.default)(value) && value.length > 1;\n\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\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 747,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    ref: rootRef,\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = inputState === 'Error', _merge)),\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 756,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils.DateUtils.calendarOnlyProps)), {\n    as: toggleAs,\n    ref: targetRef,\n    appearance: appearance,\n    input: true,\n    inputMask: _utils.DateUtils.getDateMask(rangeFormatStr),\n    inputValue: value ? getDisplayString(value, true) : '',\n    inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : rangeFormatStr,\n    onInputChange: handleInputChange,\n    onInputBlur: handleInputPressEnd,\n    onInputPressEnter: handleInputPressEnd,\n    onKeyDown: onPickerKeyDown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: isPickerToggleActive,\n    placement: placement,\n    caretAs: _Calendar.default,\n    disabled: disabled,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 763,\n      columnNumber: 9\n    }\n  }), getDisplayString(value))));\n});\n\nDateRangePicker.after = disabledDateUtils.after;\nDateRangePicker.afterToday = disabledDateUtils.afterToday;\nDateRangePicker.allowedDays = disabledDateUtils.allowedDays;\nDateRangePicker.allowedMaxDays = disabledDateUtils.allowedMaxDays;\nDateRangePicker.allowedRange = disabledDateUtils.allowedRange;\nDateRangePicker.before = disabledDateUtils.before;\nDateRangePicker.beforeToday = disabledDateUtils.beforeToday;\nDateRangePicker.combine = disabledDateUtils.combine;\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([_propTypes.default.oneOf(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: _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 = DateRangePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.tsx?");
 
 /***/ }),
 
@@ -2397,7 +2397,7 @@ eval("\n\nexports.__esModule = true;\nexports.getCalendarDate = getCalendarDate;
 /***/ (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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _DisclosureContext = _interopRequireWildcard(__webpack_require__(/*! ./DisclosureContext */ \"./src/Disclosure/DisclosureContext.ts\"));\n\nvar _DisclosureButton = _interopRequireDefault(__webpack_require__(/*! ./DisclosureButton */ \"./src/Disclosure/DisclosureButton.tsx\"));\n\nvar _DisclosureContent = _interopRequireDefault(__webpack_require__(/*! ./DisclosureContent */ \"./src/Disclosure/DisclosureContent.tsx\"));\n\nvar _useClickOutside = _interopRequireDefault(__webpack_require__(/*! ../utils/useClickOutside */ \"./src/utils/useClickOutside.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Disclosure/Disclosure.tsx\";\nvar initialDisclosureState = {\n  open: false\n};\n\nfunction disclosureReducer(state, action) {\n  switch (action.type) {\n    case _DisclosureContext.DisclosureActionTypes.Show:\n      return (0, _extends2.default)({}, state, {\n        open: true\n      });\n\n    case _DisclosureContext.DisclosureActionTypes.Hide:\n      return (0, _extends2.default)({}, state, {\n        open: false\n      });\n  }\n\n  return state;\n}\n\nfunction Disclosure(props) {\n  var children = props.children,\n      openProp = props.open,\n      _props$defaultOpen = props.defaultOpen,\n      defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,\n      _props$hideOnClickOut = props.hideOnClickOutside,\n      hideOnClickOutside = _props$hideOnClickOut === void 0 ? false : _props$hideOnClickOut,\n      onToggle = props.onToggle;\n\n  var _useReducer = (0, _react.useReducer)(disclosureReducer, (0, _extends2.default)({}, initialDisclosureState, {\n    open: defaultOpen\n  })),\n      openState = _useReducer[0].open,\n      dispatch = _useReducer[1];\n\n  var containerElementRef = (0, _react.useRef)(null);\n  var open = openProp !== null && openProp !== void 0 ? openProp : openState;\n  (0, _useClickOutside.default)({\n    enabled: hideOnClickOutside,\n    isOutside: function isOutside(event) {\n      var _containerElementRef$;\n\n      return !((_containerElementRef$ = containerElementRef.current) !== null && _containerElementRef$ !== void 0 && _containerElementRef$.contains(event.target));\n    },\n    handle: function handle() {\n      return dispatch({\n        type: _DisclosureContext.DisclosureActionTypes.Hide\n      });\n    }\n  });\n  var context = (0, _react.useMemo)(function () {\n    return [{\n      open: open\n    }, dispatch, {\n      onToggle: onToggle\n    }];\n  }, [open, dispatch, onToggle]);\n  return /*#__PURE__*/_react.default.createElement(_DisclosureContext.default.Provider, {\n    value: context,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 5\n    }\n  }, children({\n    open: open\n  }, containerElementRef));\n}\n\nDisclosure.Button = _DisclosureButton.default;\nDisclosure.Content = _DisclosureContent.default;\nvar _default = Disclosure;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Disclosure/Disclosure.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _DisclosureContext = _interopRequireWildcard(__webpack_require__(/*! ./DisclosureContext */ \"./src/Disclosure/DisclosureContext.ts\"));\n\nvar _DisclosureButton = _interopRequireDefault(__webpack_require__(/*! ./DisclosureButton */ \"./src/Disclosure/DisclosureButton.tsx\"));\n\nvar _DisclosureContent = _interopRequireDefault(__webpack_require__(/*! ./DisclosureContent */ \"./src/Disclosure/DisclosureContent.tsx\"));\n\nvar _useClickOutside = _interopRequireDefault(__webpack_require__(/*! ../utils/useClickOutside */ \"./src/utils/useClickOutside.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Disclosure/Disclosure.tsx\";\nvar initialDisclosureState = {\n  open: false\n};\n\nfunction disclosureReducer(state, action) {\n  switch (action.type) {\n    case _DisclosureContext.DisclosureActionTypes.Show:\n      return (0, _extends2.default)({}, state, {\n        open: true\n      });\n\n    case _DisclosureContext.DisclosureActionTypes.Hide:\n      return (0, _extends2.default)({}, state, {\n        open: false\n      });\n  }\n\n  return state;\n}\n\nfunction Disclosure(props) {\n  var children = props.children,\n      openProp = props.open,\n      _props$defaultOpen = props.defaultOpen,\n      defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,\n      _props$hideOnClickOut = props.hideOnClickOutside,\n      hideOnClickOutside = _props$hideOnClickOut === void 0 ? false : _props$hideOnClickOut,\n      onToggle = props.onToggle;\n\n  var _useReducer = (0, _react.useReducer)(disclosureReducer, (0, _extends2.default)({}, initialDisclosureState, {\n    open: defaultOpen\n  })),\n      openState = _useReducer[0].open,\n      dispatch = _useReducer[1];\n\n  var containerElementRef = (0, _react.useRef)(null);\n  var open = openProp !== null && openProp !== void 0 ? openProp : openState;\n  (0, _useClickOutside.default)({\n    enabled: hideOnClickOutside,\n    isOutside: function isOutside(event) {\n      var _containerElementRef$;\n\n      return !((_containerElementRef$ = containerElementRef.current) !== null && _containerElementRef$ !== void 0 && _containerElementRef$.contains(event.target));\n    },\n    handle: function handle() {\n      return dispatch({\n        type: _DisclosureContext.DisclosureActionTypes.Hide\n      });\n    }\n  });\n  var contextValue = (0, _react.useMemo)(function () {\n    return [{\n      open: open\n    }, dispatch, {\n      onToggle: onToggle\n    }];\n  }, [open, dispatch, onToggle]);\n  return /*#__PURE__*/_react.default.createElement(_DisclosureContext.default.Provider, {\n    value: contextValue,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 5\n    }\n  }, children({\n    open: open\n  }, containerElementRef));\n}\n\nDisclosure.Button = _DisclosureButton.default;\nDisclosure.Content = _DisclosureContent.default;\nvar _default = Disclosure;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Disclosure/Disclosure.tsx?");
 
 /***/ }),
 
@@ -2529,7 +2529,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _useCustom2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useCustom */ \"./src/utils/useCustom.ts\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menubar */ \"./src/Menu/Menubar.tsx\"));\n\nvar _SidenavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdownMenu */ \"./src/Sidenav/SidenavDropdownMenu.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownMenu.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\n/**\n * The <Dropdown.Menu> API\n *\n * @description\n * Note the difference between this component and <Menu> component:\n * <Menu> is used for ARIA menu control logic and is used internally only.\n * This component is only used for supporting submenu syntax and is\n * assigned to Dropdown.Menu\n *\n * @example\n *\n * <Dropdown>\n *   <Dropdown.Item>Item 1</Dropdown.Item>\n *   <Dropdown.Menu title=\"Submenu\">\n *     <Dropdown.Item>Sub item</Dropdown.Item>\n *   </Dropdown.Menu>\n * </Dropdown>\n */\nvar DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var onToggle = props.onToggle,\n      eventKey = props.eventKey,\n      title = props.title,\n      activeKey = props.activeKey,\n      onSelect = props.onSelect,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,\n      children = props.children,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onToggle\", \"eventKey\", \"title\", \"activeKey\", \"onSelect\", \"classPrefix\", \"children\"]);\n  var dropdown = (0, _react.useContext)(_DropdownContext.default);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),\n      rtl = _useCustom.rtl;\n\n  var handleToggleSubmenu = (0, _react.useCallback)(function (_, event) {\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(eventKey, event);\n  }, [eventKey, onToggle]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),\n      mergeItemClassNames = _useClassNames3.merge,\n      withItemClassPrefix = _useClassNames3.withClassPrefix,\n      prefixItemClassName = _useClassNames3.prefix; // <Dropdown.Menu> is used outside of <Dropdown>\n  // renders a vertical `menubar`\n\n\n  if (!dropdown) {\n    var classes = merge(props.className, withClassPrefix());\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: {\n        activeKey: activeKey,\n        onSelect: onSelect\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 103,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: true,\n      onActivateItem: function onActivateItem(event) {\n        var _dataset = event.target.dataset,\n            eventKey = _dataset.eventKey,\n            eventKeyType = _dataset.eventKeyType; // Only cast number type for now\n\n        var eventKeyToEmit = eventKeyType === 'number' ? Number(eventKey) : eventKey;\n        onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKeyToEmit, event);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 9\n      }\n    }, function (menubar, menubarRef) {\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(menubarRef, ref),\n        className: classes\n      }, menubar, rest, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 115,\n          columnNumber: 13\n        }\n      }), children);\n    }));\n  }\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavDropdownMenu.default, (0, _extends2.default)({}, (0, _omit2.default)(props, 'classPrefix'), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 125,\n        columnNumber: 12\n      }\n    }));\n  } // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n\n\n  var _omit = (0, _omit2.default)(rest, ['trigger']),\n      icon = _omit.icon,\n      className = _omit.className,\n      disabled = _omit.disabled,\n      menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, [\"icon\", \"className\", \"disabled\"]);\n\n  var Icon = rtl ? _AngleLeft.default : _AngleRight.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: function renderMenuButton(_ref, buttonRef) {\n      var open = _ref.open,\n          menuButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"open\"]);\n      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n        disabled: disabled,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 138,\n          columnNumber: 9\n        }\n      }, function (_ref2, menuitemRef) {\n        var selected = _ref2.selected,\n            active = _ref2.active,\n            menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"selected\", \"active\"]);\n        var classes = mergeItemClassNames(className, prefixItemClassName(\"pull-\" + (rtl ? 'left' : 'right')), prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"toggle\"]))), // prefixItemClassName`submenu`,\n        withItemClassPrefix({\n          'with-icon': icon,\n          open: open,\n          active: selected,\n          disabled: disabled,\n          focus: active\n        }));\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n          className: classes,\n          \"data-event-key\": eventKey,\n          \"data-event-key-type\": typeof eventKey\n        }, menuitem, (0, _omit2.default)(menuButtonProps, ['role']), {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 155,\n            columnNumber: 15\n          }\n        }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n          className: prefix('menu-icon')\n        }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n          className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle-icon\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 165,\n            columnNumber: 17\n          }\n        }));\n      });\n    },\n    renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {\n      var open = _ref3.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open\n      }, popupProps, menuProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 175,\n          columnNumber: 11\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 135,\n      columnNumber: 5\n    }\n  }, function (_ref4, menuContainerRef) {\n    var open = _ref4.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref4, [\"open\"]);\n    var classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled: disabled,\n      open: open,\n      submenu: true // focus: hasFocus\n\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 199,\n        columnNumber: 11\n      }\n    }));\n  });\n});\n\nDropdownMenu.displayName = 'Dropdown.Menu';\nDropdownMenu.propTypes = {\n  active: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  pullLeft: _propTypes.default.bool,\n  title: _propTypes.default.node,\n  open: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOf(['click', 'hover']),\n  eventKey: _propTypes.default.any,\n  expanded: _propTypes.default.bool,\n  collapsible: _propTypes.default.bool,\n  onSelect: _propTypes.default.func,\n  onToggle: _propTypes.default.func\n};\nvar _default = DropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownMenu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _useCustom2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useCustom */ \"./src/utils/useCustom.ts\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menubar */ \"./src/Menu/Menubar.tsx\"));\n\nvar _SidenavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdownMenu */ \"./src/Sidenav/SidenavDropdownMenu.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownMenu.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\n/**\n * The <Dropdown.Menu> API\n *\n * @description\n * Note the difference between this component and <Menu> component:\n * <Menu> is used for ARIA menu control logic and is used internally only.\n * This component is only used for supporting submenu syntax and is\n * assigned to Dropdown.Menu\n *\n * @example\n *\n * <Dropdown>\n *   <Dropdown.Item>Item 1</Dropdown.Item>\n *   <Dropdown.Menu title=\"Submenu\">\n *     <Dropdown.Item>Sub item</Dropdown.Item>\n *   </Dropdown.Menu>\n * </Dropdown>\n */\nvar DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var onToggle = props.onToggle,\n      eventKey = props.eventKey,\n      title = props.title,\n      activeKey = props.activeKey,\n      onSelect = props.onSelect,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,\n      children = props.children,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onToggle\", \"eventKey\", \"title\", \"activeKey\", \"onSelect\", \"classPrefix\", \"children\"]);\n  var dropdown = (0, _react.useContext)(_DropdownContext.default);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),\n      rtl = _useCustom.rtl;\n\n  var handleToggleSubmenu = (0, _react.useCallback)(function (_, event) {\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(eventKey, event);\n  }, [eventKey, onToggle]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),\n      mergeItemClassNames = _useClassNames3.merge,\n      withItemClassPrefix = _useClassNames3.withClassPrefix,\n      prefixItemClassName = _useClassNames3.prefix;\n\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      activeKey: activeKey,\n      onSelect: onSelect\n    };\n  }, [activeKey, onSelect]); // <Dropdown.Menu> is used outside of <Dropdown>\n  // renders a vertical `menubar`\n\n  if (!dropdown) {\n    var classes = merge(props.className, withClassPrefix());\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: true,\n      onActivateItem: function onActivateItem(event) {\n        var _dataset = event.target.dataset,\n            eventKey = _dataset.eventKey,\n            eventKeyType = _dataset.eventKeyType; // Only cast number type for now\n\n        var eventKeyToEmit = eventKeyType === 'number' ? Number(eventKey) : eventKey;\n        onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKeyToEmit, event);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 106,\n        columnNumber: 9\n      }\n    }, function (menubar, menubarRef) {\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(menubarRef, ref),\n        className: classes\n      }, menubar, rest, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 117,\n          columnNumber: 13\n        }\n      }), children);\n    }));\n  }\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavDropdownMenu.default, (0, _extends2.default)({}, (0, _omit2.default)(props, 'classPrefix'), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 127,\n        columnNumber: 12\n      }\n    }));\n  } // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n\n\n  var _omit = (0, _omit2.default)(rest, ['trigger']),\n      icon = _omit.icon,\n      className = _omit.className,\n      disabled = _omit.disabled,\n      menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, [\"icon\", \"className\", \"disabled\"]);\n\n  var Icon = rtl ? _AngleLeft.default : _AngleRight.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: function renderMenuButton(_ref, buttonRef) {\n      var open = _ref.open,\n          menuButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"open\"]);\n      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n        disabled: disabled,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 140,\n          columnNumber: 9\n        }\n      }, function (_ref2, menuitemRef) {\n        var selected = _ref2.selected,\n            active = _ref2.active,\n            menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"selected\", \"active\"]);\n        var classes = mergeItemClassNames(className, prefixItemClassName(\"pull-\" + (rtl ? 'left' : 'right')), prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"toggle\"]))), // prefixItemClassName`submenu`,\n        withItemClassPrefix({\n          'with-icon': icon,\n          open: open,\n          active: selected,\n          disabled: disabled,\n          focus: active\n        }));\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n          className: classes,\n          \"data-event-key\": eventKey,\n          \"data-event-key-type\": typeof eventKey\n        }, menuitem, (0, _omit2.default)(menuButtonProps, ['role']), {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 157,\n            columnNumber: 15\n          }\n        }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n          className: prefix('menu-icon')\n        }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n          className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle-icon\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 167,\n            columnNumber: 17\n          }\n        }));\n      });\n    },\n    renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {\n      var open = _ref3.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open\n      }, popupProps, menuProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 177,\n          columnNumber: 11\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 137,\n      columnNumber: 5\n    }\n  }, function (_ref4, menuContainerRef) {\n    var open = _ref4.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref4, [\"open\"]);\n    var classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled: disabled,\n      open: open,\n      submenu: true // focus: hasFocus\n\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 201,\n        columnNumber: 11\n      }\n    }));\n  });\n});\n\nDropdownMenu.displayName = 'Dropdown.Menu';\nDropdownMenu.propTypes = {\n  active: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  pullLeft: _propTypes.default.bool,\n  title: _propTypes.default.node,\n  open: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOf(['click', 'hover']),\n  eventKey: _propTypes.default.any,\n  expanded: _propTypes.default.bool,\n  collapsible: _propTypes.default.bool,\n  onSelect: _propTypes.default.func,\n  onToggle: _propTypes.default.func\n};\nvar _default = DropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownMenu.tsx?");
 
 /***/ }),
 
@@ -2738,7 +2738,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\");\n\nexports.__esModule = true;\nexports.default = exports.FormGroupContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormGroup/FormGroup.tsx\",\n    _this = void 0;\n\nvar FormGroupContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.FormGroupContext = FormGroupContext;\n\nvar FormGroup = /*#__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 ? 'form-group' : _props$classPrefix,\n      controlId = props.controlId,\n      className = props.className,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"controlId\", \"className\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(FormGroupContext.Provider, {\n    value: {\n      controlId: controlId\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    role: \"group\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 9\n    }\n  })));\n});\n\nFormGroup.displayName = 'FormGroup';\nFormGroup.propTypes = {\n  controlId: _propTypes.default.string,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = FormGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormGroup/FormGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.FormGroupContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormGroup/FormGroup.tsx\",\n    _this = void 0;\n\nvar FormGroupContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.FormGroupContext = FormGroupContext;\n\nvar FormGroup = /*#__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 ? 'form-group' : _props$classPrefix,\n      controlId = props.controlId,\n      className = props.className,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"controlId\", \"className\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix());\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      controlId: controlId\n    };\n  }, [controlId]);\n  return /*#__PURE__*/_react.default.createElement(FormGroupContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    role: \"group\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 9\n    }\n  })));\n});\n\nFormGroup.displayName = 'FormGroup';\nFormGroup.propTypes = {\n  controlId: _propTypes.default.string,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = FormGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormGroup/FormGroup.tsx?");
 
 /***/ }),
 
@@ -3189,7 +3189,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\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 _react = __webpack_require__(/*! react */ \"react\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\n/**\n * Headless ARIA `menuitem`\n */\nfunction MenuItem(props) {\n  var children = props.children,\n      _props$selected = props.selected,\n      selected = _props$selected === void 0 ? false : _props$selected,\n      _props$disabled = props.disabled,\n      disabled = _props$disabled === void 0 ? false : _props$disabled,\n      onActivate = props.onActivate;\n  var menuitemRef = (0, _react.useRef)(null);\n  var menuitemId = (0, _useUniqueId.default)('menuitem-');\n  var menu = (0, _react.useContext)(_MenuContext.default);\n\n  if (!menu) {\n    throw new Error('<MenuItem> must be rendered within a <Menu>');\n  }\n\n  var menuState = menu[0],\n      dispatch = menu[1]; // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)\n\n  var hasFocus = !(0, _isNil.default)(menuitemRef.current) && !(0, _isNil.default)(menuState.activeItemIndex) && menuState.items[menuState.activeItemIndex].element === menuitemRef.current;\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onActivate === null || onActivate === void 0 ? void 0 : onActivate(event);\n  }, [disabled, onActivate]); // Gain/release focus on mousedown in `menubar`\n\n  var handleMouseDown = (0, _react.useCallback)(function () {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [dispatch]); // Gain/release focus on mouseenter/mouseleave in `menu`\n\n  var handleMouseMove = (0, _react.useCallback)(function () {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [hasFocus, dispatch]);\n  var handleMouseLeave = (0, _react.useCallback)(function () {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n  }, [dispatch]);\n  (0, _react.useEffect)(function () {\n    var menuitemElement = menuitemRef.current;\n    dispatch({\n      type: _MenuContext.MenuActionTypes.RegisterItem,\n      element: menuitemElement,\n      props: {\n        disabled: disabled\n      }\n    });\n    return function () {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.UnregisterItem,\n        id: menuitemElement.id\n      });\n    };\n  }, [menuitemRef, disabled, dispatch]);\n  var menuitemProps = {\n    id: menuitemId,\n    role: 'menuitem',\n    // fixme Only use `aria-checked` on menuitemradio and menuitemcheckbox\n    'aria-checked': selected || undefined,\n    'aria-disabled': disabled,\n    tabIndex: -1,\n    onClick: handleClick,\n    // render props\n    selected: selected,\n    active: hasFocus\n  }; // Only move focus on hover in a `menu`, not `menubar`\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menu') {\n    menuitemProps.onMouseMove = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menubar') {\n    menuitemProps.onMouseDown = handleMouseDown;\n  }\n\n  return children(menuitemProps, menuitemRef);\n}\n\nMenuItem.displayName = 'MenuItem';\nMenuItem.propTypes = {\n  selected: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  children: _propTypes.default.func.isRequired,\n  onActivate: _propTypes.default.func\n};\nvar _default = MenuItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Menu/MenuItem.tsx?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\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 _react = __webpack_require__(/*! react */ \"react\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\n/**\n * Headless ARIA `menuitem`\n */\nfunction MenuItem(props) {\n  var children = props.children,\n      _props$selected = props.selected,\n      selected = _props$selected === void 0 ? false : _props$selected,\n      _props$disabled = props.disabled,\n      disabled = _props$disabled === void 0 ? false : _props$disabled,\n      onActivate = props.onActivate;\n  var menuitemRef = (0, _react.useRef)(null);\n  var menuitemId = (0, _useUniqueId.default)('menuitem-');\n  var menu = (0, _react.useContext)(_MenuContext.default);\n\n  if (!menu) {\n    throw new Error('<MenuItem> must be rendered within a <Menu>');\n  }\n\n  var menuState = menu[0],\n      dispatch = menu[1]; // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)\n\n  var hasFocus = !(0, _isNil.default)(menuitemRef.current) && !(0, _isNil.default)(menuState.activeItemIndex) && menuState.items[menuState.activeItemIndex].element === menuitemRef.current;\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onActivate === null || onActivate === void 0 ? void 0 : onActivate(event);\n  }, [disabled, onActivate]); // Gain/release focus on mousedown in `menubar`\n\n  var handleMouseDown = (0, _react.useCallback)(function () {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [dispatch, hasFocus]); // Gain/release focus on mouseenter/mouseleave in `menu`\n\n  var handleMouseMove = (0, _react.useCallback)(function () {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [hasFocus, dispatch]);\n  var handleMouseLeave = (0, _react.useCallback)(function () {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n  }, [dispatch]);\n  (0, _react.useEffect)(function () {\n    var menuitemElement = menuitemRef.current;\n    dispatch({\n      type: _MenuContext.MenuActionTypes.RegisterItem,\n      element: menuitemElement,\n      props: {\n        disabled: disabled\n      }\n    });\n    return function () {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.UnregisterItem,\n        id: menuitemElement.id\n      });\n    };\n  }, [menuitemRef, disabled, dispatch]);\n  var menuitemProps = {\n    id: menuitemId,\n    role: 'menuitem',\n    // fixme Only use `aria-checked` on menuitemradio and menuitemcheckbox\n    'aria-checked': selected || undefined,\n    'aria-disabled': disabled,\n    tabIndex: -1,\n    onClick: handleClick,\n    // render props\n    selected: selected,\n    active: hasFocus\n  }; // Only move focus on hover in a `menu`, not `menubar`\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menu') {\n    menuitemProps.onMouseMove = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menubar') {\n    menuitemProps.onMouseDown = handleMouseDown;\n  }\n\n  return children(menuitemProps, menuitemRef);\n}\n\nMenuItem.displayName = 'MenuItem';\nMenuItem.propTypes = {\n  selected: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  children: _propTypes.default.func.isRequired,\n  onActivate: _propTypes.default.func\n};\nvar _default = MenuItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Menu/MenuItem.tsx?");
 
 /***/ }),
 
@@ -3387,7 +3387,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _NavItem = _interopRequireDefault(__webpack_require__(/*! ./NavItem */ \"./src/Nav/NavItem.tsx\"));\n\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ \"./src/Dropdown/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _useEnsuredRef = _interopRequireDefault(__webpack_require__(/*! ../utils/useEnsuredRef */ \"./src/utils/useEnsuredRef.ts\"));\n\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menubar */ \"./src/Menu/Menubar.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/Nav.tsx\",\n    _this = void 0;\n\nvar Nav = /*#__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 ? 'nav' : _props$classPrefix,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      vertical = props.vertical,\n      justified = props.justified,\n      reversed = props.reversed,\n      pullRight = props.pullRight,\n      className = props.className,\n      children = props.children,\n      activeKeyProp = props.activeKey,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"appearance\", \"vertical\", \"justified\", \"reversed\", \"pullRight\", \"className\", \"children\", \"activeKey\", \"onSelect\"]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext); // Whether inside a <Navbar>\n\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var menubarRef = (0, _useEnsuredRef.default)(ref);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      rootPrefix = _useClassNames.rootPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, rootPrefix({\n    'navbar-nav': navbar,\n    'navbar-right': pullRight,\n    'sidenav-nav': sidenav\n  }), withClassPrefix(appearance, {\n    horizontal: navbar || !vertical && !sidenav,\n    vertical: vertical || sidenav,\n    justified: justified,\n    reversed: reversed\n  }));\n\n  var _ref = sidenav || {},\n      activeKeyFromSidenav = _ref.activeKey,\n      _ref$onSelect = _ref.onSelect,\n      onSelectFromSidenav = _ref$onSelect === void 0 ? onSelectProp : _ref$onSelect;\n\n  var activeKey = activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav;\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: {\n        withinNav: true,\n        activeKey: activeKey,\n        onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 90,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n      ref: ref,\n      className: classes\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 97,\n        columnNumber: 9\n      }\n    }), children));\n  }\n\n  var hasWaterline = appearance !== 'default'; // If inside a collapsed <Sidenav>, render an ARIA `menubar` (vertical)\n\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: {\n        withinNav: true,\n        activeKey: activeKey,\n        onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 109,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: !!sidenav,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 116,\n        columnNumber: 9\n      }\n    }, function (menubar, ref) {\n      return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n        ref: ref\n      }, rest, {\n        className: classes\n      }, menubar, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 118,\n          columnNumber: 13\n        }\n      }), children);\n    }));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n    value: {\n      withinNav: true,\n      activeKey: activeKey,\n      onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 127,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: menubarRef,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 134,\n      columnNumber: 7\n    }\n  }), children, hasWaterline && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('bar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 136,\n      columnNumber: 26\n    }\n  })));\n});\n\nNav.Dropdown = _Dropdown.default;\nNav.Item = _NavItem.default;\nNav.displayName = 'Nav';\nNav.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  appearance: _propTypes.default.oneOf(['default', 'subtle', 'tabs']),\n  // Reverse Direction of tabs/subtle\n  reversed: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  pullRight: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func\n};\nvar _default = Nav;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/Nav.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _NavItem = _interopRequireDefault(__webpack_require__(/*! ./NavItem */ \"./src/Nav/NavItem.tsx\"));\n\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ \"./src/Dropdown/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _useEnsuredRef = _interopRequireDefault(__webpack_require__(/*! ../utils/useEnsuredRef */ \"./src/utils/useEnsuredRef.ts\"));\n\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menubar */ \"./src/Menu/Menubar.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/Nav.tsx\",\n    _this = void 0;\n\nvar Nav = /*#__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 ? 'nav' : _props$classPrefix,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      vertical = props.vertical,\n      justified = props.justified,\n      reversed = props.reversed,\n      pullRight = props.pullRight,\n      className = props.className,\n      children = props.children,\n      activeKeyProp = props.activeKey,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"appearance\", \"vertical\", \"justified\", \"reversed\", \"pullRight\", \"className\", \"children\", \"activeKey\", \"onSelect\"]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext); // Whether inside a <Navbar>\n\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var menubarRef = (0, _useEnsuredRef.default)(ref);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      rootPrefix = _useClassNames.rootPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, rootPrefix({\n    'navbar-nav': navbar,\n    'navbar-right': pullRight,\n    'sidenav-nav': sidenav\n  }), withClassPrefix(appearance, {\n    horizontal: navbar || !vertical && !sidenav,\n    vertical: vertical || sidenav,\n    justified: justified,\n    reversed: reversed\n  }));\n\n  var _ref = sidenav || {},\n      activeKeyFromSidenav = _ref.activeKey,\n      _ref$onSelect = _ref.onSelect,\n      onSelectFromSidenav = _ref$onSelect === void 0 ? onSelectProp : _ref$onSelect;\n\n  var activeKey = activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav;\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      withinNav: true,\n      activeKey: activeKey,\n      onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav\n    };\n  }, [activeKey, onSelectFromSidenav, onSelectProp]);\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 98,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n      ref: ref,\n      className: classes\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99,\n        columnNumber: 9\n      }\n    }), children));\n  }\n\n  var hasWaterline = appearance !== 'default'; // If inside a collapsed <Sidenav>, render an ARIA `menubar` (vertical)\n\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: !!sidenav,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\n        columnNumber: 9\n      }\n    }, function (menubar, ref) {\n      return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n        ref: ref\n      }, rest, {\n        className: classes\n      }, menubar, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 114,\n          columnNumber: 13\n        }\n      }), children);\n    }));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 123,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: menubarRef,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124,\n      columnNumber: 7\n    }\n  }), children, hasWaterline && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('bar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 126,\n      columnNumber: 26\n    }\n  })));\n});\n\nNav.Dropdown = _Dropdown.default;\nNav.Item = _NavItem.default;\nNav.displayName = 'Nav';\nNav.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  appearance: _propTypes.default.oneOf(['default', 'subtle', 'tabs']),\n  // Reverse Direction of tabs/subtle\n  reversed: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  pullRight: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func\n};\nvar _default = Nav;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/Nav.tsx?");
 
 /***/ }),
 
@@ -3519,7 +3519,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.modalPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _contains = _interopRequireDefault(__webpack_require__(/*! dom-lib/contains */ \"./node_modules/dom-lib/esm/contains.js\"));\n\nvar _getContainer = _interopRequireDefault(__webpack_require__(/*! dom-lib/getContainer */ \"./node_modules/dom-lib/esm/getContainer.js\"));\n\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\n\nvar _ModalManager = _interopRequireDefault(__webpack_require__(/*! ./ModalManager */ \"./src/Overlay/ModalManager.ts\"));\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../Animation/utils */ \"./src/Animation/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _OverlayContext = _interopRequireDefault(__webpack_require__(/*! ./OverlayContext */ \"./src/Overlay/OverlayContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Overlay/Modal.tsx\",\n    _this = void 0;\n\nvar manager;\n\nfunction getManager() {\n  if (!manager) manager = new _ModalManager.default();\n  return manager;\n}\n\nvar useModalManager = function useModalManager() {\n  var modalManager = getManager();\n  var modal = (0, _react.useRef)({\n    dialog: null,\n    backdrop: null\n  });\n  return {\n    get dialog() {\n      var _modal$current;\n\n      return (_modal$current = modal.current) === null || _modal$current === void 0 ? void 0 : _modal$current.dialog;\n    },\n\n    add: function add(containerElement, containerClassName) {\n      return modalManager.add(modal.current, containerElement, containerClassName);\n    },\n    remove: function remove() {\n      return modalManager.remove(modal.current);\n    },\n    isTopModal: function isTopModal() {\n      return modalManager.isTopModal(modal.current);\n    },\n    setDialogRef: (0, _react.useCallback)(function (ref) {\n      modal.current.dialog = ref;\n    }, []),\n    setBackdropRef: (0, _react.useCallback)(function (ref) {\n      modal.current.backdrop = ref;\n    }, [])\n  };\n};\n\nvar Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      children = props.children,\n      Transition = props.transition,\n      dialogTransitionTimeout = props.dialogTransitionTimeout,\n      style = props.style,\n      className = props.className,\n      container = props.container,\n      animationProps = props.animationProps,\n      containerClassName = props.containerClassName,\n      _props$keyboard = props.keyboard,\n      keyboard = _props$keyboard === void 0 ? true : _props$keyboard,\n      _props$enforceFocus = props.enforceFocus,\n      enforceFocus = _props$enforceFocus === void 0 ? true : _props$enforceFocus,\n      _props$backdrop = props.backdrop,\n      backdrop = _props$backdrop === void 0 ? true : _props$backdrop,\n      backdropTransitionTimeout = props.backdropTransitionTimeout,\n      backdropStyle = props.backdropStyle,\n      backdropClassName = props.backdropClassName,\n      open = props.open,\n      _props$autoFocus = props.autoFocus,\n      autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,\n      onBackdropClick = props.onBackdropClick,\n      onEsc = props.onEsc,\n      onExit = props.onExit,\n      onExiting = props.onExiting,\n      onExited = props.onExited,\n      onEnter = props.onEnter,\n      onEntering = props.onEntering,\n      onEntered = props.onEntered,\n      onClose = props.onClose,\n      onOpen = props.onOpen,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"transition\", \"dialogTransitionTimeout\", \"style\", \"className\", \"container\", \"animationProps\", \"containerClassName\", \"keyboard\", \"enforceFocus\", \"backdrop\", \"backdropTransitionTimeout\", \"backdropStyle\", \"backdropClassName\", \"open\", \"autoFocus\", \"onBackdropClick\", \"onEsc\", \"onExit\", \"onExiting\", \"onExited\", \"onEnter\", \"onEntering\", \"onEntered\", \"onClose\", \"onOpen\"]);\n\n  var _useState = (0, _react.useState)(!open),\n      exited = _useState[0],\n      setExited = _useState[1];\n\n  var _usePortal = (0, _utils2.usePortal)({\n    container: container\n  }),\n      Portal = _usePortal.Portal;\n\n  var modal = useModalManager();\n\n  if (open) {\n    if (exited) setExited(false);\n  } else if (!Transition && !exited) {\n    setExited(true);\n  }\n\n  var mountModal = open || Transition && !exited;\n  var lastFocus = (0, _react.useRef)(null);\n  var handleDocumentKeyDown = (0, _utils2.useEventCallback)(function (event) {\n    if (keyboard && event.key === _utils2.KEY_VALUES.ESC && modal.isTopModal()) {\n      onEsc === null || onEsc === void 0 ? void 0 : onEsc(event);\n      onClose === null || onClose === void 0 ? void 0 : onClose(event);\n    }\n  });\n  var restoreLastFocus = (0, _react.useCallback)(function () {\n    if (lastFocus.current) {\n      var _lastFocus$current$fo, _lastFocus$current;\n\n      (_lastFocus$current$fo = (_lastFocus$current = lastFocus.current).focus) === null || _lastFocus$current$fo === void 0 ? void 0 : _lastFocus$current$fo.call(_lastFocus$current);\n      lastFocus.current = null;\n    }\n  }, []);\n  /**\n   * Determines if the currently focused element is inside the dialog,\n   * and if not, returns the focus to the dialog.\n   *\n   */\n\n  var handleFocusDialog = (0, _utils2.useEventCallback)(function (onBeforeFocusCallback) {\n    var currentActiveElement = document.activeElement;\n    var dialog = modal.dialog;\n\n    if (dialog && currentActiveElement && !(0, _contains.default)(dialog, currentActiveElement)) {\n      onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 ? void 0 : onBeforeFocusCallback();\n      dialog.focus();\n    }\n  });\n  var handleEnforceFocus = (0, _utils2.useEventCallback)(function () {\n    if (!enforceFocus || !modal.isTopModal()) {\n      return;\n    }\n\n    handleFocusDialog();\n  });\n  var handleBackdropClick = (0, _utils2.useEventCallback)(function (event) {\n    if (event.target !== event.currentTarget) {\n      return;\n    }\n\n    onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick(event);\n\n    if (backdrop === true) {\n      onClose === null || onClose === void 0 ? void 0 : onClose(event);\n    }\n  });\n  var documentKeyDownListener = (0, _react.useRef)();\n  var documentFocusListener = (0, _react.useRef)();\n  var handleOpen = (0, _utils2.useEventCallback)(function () {\n    var containerElement = (0, _getContainer.default)(container, document.body);\n    modal.add(containerElement, containerClassName);\n\n    if (!documentKeyDownListener.current) {\n      documentKeyDownListener.current = (0, _on.default)(document, 'keydown', handleDocumentKeyDown);\n    }\n\n    if (!documentFocusListener.current) {\n      documentFocusListener.current = (0, _on.default)(document, 'focus', handleEnforceFocus, true);\n    }\n\n    if (autoFocus) {\n      handleFocusDialog(function () {\n        lastFocus.current = document.activeElement;\n      });\n    }\n\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  });\n  var handleClose = (0, _utils2.useEventCallback)(function () {\n    var _documentKeyDownListe, _documentFocusListene;\n\n    modal.remove();\n    (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 ? void 0 : _documentKeyDownListe.off();\n    documentKeyDownListener.current = null;\n    (_documentFocusListene = documentFocusListener.current) === null || _documentFocusListene === void 0 ? void 0 : _documentFocusListene.off();\n    documentFocusListener.current = null;\n    restoreLastFocus();\n  });\n  (0, _react.useEffect)(function () {\n    if (!open) {\n      return;\n    }\n\n    handleOpen();\n  }, [open, handleOpen]);\n  (0, _react.useEffect)(function () {\n    if (!exited) {\n      return;\n    }\n\n    handleClose();\n  }, [exited, handleClose]);\n  (0, _utils2.useWillUnmount)(function () {\n    handleClose();\n  });\n  var handleExited = (0, _react.useCallback)(function () {\n    setExited(true);\n  }, []);\n\n  if (!mountModal) {\n    return null;\n  }\n\n  var renderBackdrop = function renderBackdrop() {\n    var backdropPorps = {\n      style: backdropStyle,\n      onClick: handleBackdropClick\n    };\n\n    if (Transition) {\n      return /*#__PURE__*/_react.default.createElement(_Fade.default, {\n        transitionAppear: true,\n        in: open,\n        timeout: backdropTransitionTimeout,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 277,\n          columnNumber: 9\n        }\n      }, function (fadeProps, ref) {\n        var className = fadeProps.className,\n            rest = (0, _objectWithoutPropertiesLoose2.default)(fadeProps, [\"className\"]);\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          \"aria-hidden\": true\n        }, rest, backdropPorps, {\n          ref: (0, _utils2.mergeRefs)(modal.setBackdropRef, ref),\n          className: (0, _classnames.default)(backdropClassName, className),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 281,\n            columnNumber: 15\n          }\n        }));\n      });\n    }\n\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      \"aria-hidden\": true\n    }, backdropPorps, {\n      className: backdropClassName,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 294,\n        columnNumber: 12\n      }\n    }));\n  };\n\n  var dialogElement = Transition ? /*#__PURE__*/_react.default.createElement(Transition, (0, _extends2.default)({}, animationProps, {\n    transitionAppear: true,\n    unmountOnExit: true,\n    in: open,\n    timeout: dialogTransitionTimeout,\n    onExit: onExit,\n    onExiting: onExiting,\n    onExited: (0, _utils2.createChainedFunction)(handleExited, onExited),\n    onEnter: onEnter,\n    onEntering: onEntering,\n    onEntered: onEntered,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 298,\n      columnNumber: 5\n    }\n  }), children) : children;\n  return /*#__PURE__*/_react.default.createElement(_OverlayContext.default.Provider, {\n    value: {\n      overlayContainer: function overlayContainer() {\n        return modal.dialog;\n      }\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 318,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 325,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: (0, _utils2.mergeRefs)(modal.setDialogRef, ref),\n    style: style,\n    className: className,\n    tabIndex: -1,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 326,\n      columnNumber: 9\n    }\n  }), backdrop && renderBackdrop(), dialogElement)));\n});\n\nvar modalPropTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  backdropClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  backdropStyle: _propTypes.default.object,\n  open: _propTypes.default.bool,\n  backdrop: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),\n  keyboard: _propTypes.default.bool,\n  autoFocus: _propTypes.default.bool,\n  enforceFocus: _propTypes.default.bool,\n  animationProps: _propTypes.default.object,\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func\n};\nexports.modalPropTypes = modalPropTypes;\nModal.displayName = 'OverlayModal';\nModal.propTypes = (0, _extends2.default)({}, _utils.animationPropTypes, modalPropTypes, {\n  children: _propTypes.default.func,\n  container: _propTypes.default.any,\n  containerClassName: _propTypes.default.string,\n  dialogTransitionTimeout: _propTypes.default.number,\n  backdropTransitionTimeout: _propTypes.default.number,\n  transition: _propTypes.default.any,\n  onEsc: _propTypes.default.func,\n  onBackdropClick: _propTypes.default.func\n});\nvar _default = Modal;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Modal.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.modalPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _contains = _interopRequireDefault(__webpack_require__(/*! dom-lib/contains */ \"./node_modules/dom-lib/esm/contains.js\"));\n\nvar _getContainer = _interopRequireDefault(__webpack_require__(/*! dom-lib/getContainer */ \"./node_modules/dom-lib/esm/getContainer.js\"));\n\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\n\nvar _ModalManager = _interopRequireDefault(__webpack_require__(/*! ./ModalManager */ \"./src/Overlay/ModalManager.ts\"));\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../Animation/utils */ \"./src/Animation/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _OverlayContext = _interopRequireDefault(__webpack_require__(/*! ./OverlayContext */ \"./src/Overlay/OverlayContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Overlay/Modal.tsx\",\n    _this = void 0;\n\nvar manager;\n\nfunction getManager() {\n  if (!manager) manager = new _ModalManager.default();\n  return manager;\n}\n\nvar useModalManager = function useModalManager() {\n  var modalManager = getManager();\n  var modal = (0, _react.useRef)({\n    dialog: null,\n    backdrop: null\n  });\n  return {\n    get dialog() {\n      var _modal$current;\n\n      return (_modal$current = modal.current) === null || _modal$current === void 0 ? void 0 : _modal$current.dialog;\n    },\n\n    add: function add(containerElement, containerClassName) {\n      return modalManager.add(modal.current, containerElement, containerClassName);\n    },\n    remove: function remove() {\n      return modalManager.remove(modal.current);\n    },\n    isTopModal: function isTopModal() {\n      return modalManager.isTopModal(modal.current);\n    },\n    setDialogRef: (0, _react.useCallback)(function (ref) {\n      modal.current.dialog = ref;\n    }, []),\n    setBackdropRef: (0, _react.useCallback)(function (ref) {\n      modal.current.backdrop = ref;\n    }, [])\n  };\n};\n\nvar Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      children = props.children,\n      Transition = props.transition,\n      dialogTransitionTimeout = props.dialogTransitionTimeout,\n      style = props.style,\n      className = props.className,\n      container = props.container,\n      animationProps = props.animationProps,\n      containerClassName = props.containerClassName,\n      _props$keyboard = props.keyboard,\n      keyboard = _props$keyboard === void 0 ? true : _props$keyboard,\n      _props$enforceFocus = props.enforceFocus,\n      enforceFocus = _props$enforceFocus === void 0 ? true : _props$enforceFocus,\n      _props$backdrop = props.backdrop,\n      backdrop = _props$backdrop === void 0 ? true : _props$backdrop,\n      backdropTransitionTimeout = props.backdropTransitionTimeout,\n      backdropStyle = props.backdropStyle,\n      backdropClassName = props.backdropClassName,\n      open = props.open,\n      _props$autoFocus = props.autoFocus,\n      autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,\n      onBackdropClick = props.onBackdropClick,\n      onEsc = props.onEsc,\n      onExit = props.onExit,\n      onExiting = props.onExiting,\n      onExited = props.onExited,\n      onEnter = props.onEnter,\n      onEntering = props.onEntering,\n      onEntered = props.onEntered,\n      onClose = props.onClose,\n      onOpen = props.onOpen,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"transition\", \"dialogTransitionTimeout\", \"style\", \"className\", \"container\", \"animationProps\", \"containerClassName\", \"keyboard\", \"enforceFocus\", \"backdrop\", \"backdropTransitionTimeout\", \"backdropStyle\", \"backdropClassName\", \"open\", \"autoFocus\", \"onBackdropClick\", \"onEsc\", \"onExit\", \"onExiting\", \"onExited\", \"onEnter\", \"onEntering\", \"onEntered\", \"onClose\", \"onOpen\"]);\n\n  var _useState = (0, _react.useState)(!open),\n      exited = _useState[0],\n      setExited = _useState[1];\n\n  var _usePortal = (0, _utils2.usePortal)({\n    container: container\n  }),\n      Portal = _usePortal.Portal;\n\n  var modal = useModalManager();\n\n  if (open) {\n    if (exited) setExited(false);\n  } else if (!Transition && !exited) {\n    setExited(true);\n  }\n\n  var mountModal = open || Transition && !exited;\n  var lastFocus = (0, _react.useRef)(null);\n  var handleDocumentKeyDown = (0, _utils2.useEventCallback)(function (event) {\n    if (keyboard && event.key === _utils2.KEY_VALUES.ESC && modal.isTopModal()) {\n      onEsc === null || onEsc === void 0 ? void 0 : onEsc(event);\n      onClose === null || onClose === void 0 ? void 0 : onClose(event);\n    }\n  });\n  var restoreLastFocus = (0, _react.useCallback)(function () {\n    if (lastFocus.current) {\n      var _lastFocus$current$fo, _lastFocus$current;\n\n      (_lastFocus$current$fo = (_lastFocus$current = lastFocus.current).focus) === null || _lastFocus$current$fo === void 0 ? void 0 : _lastFocus$current$fo.call(_lastFocus$current);\n      lastFocus.current = null;\n    }\n  }, []);\n  /**\n   * Determines if the currently focused element is inside the dialog,\n   * and if not, returns the focus to the dialog.\n   *\n   */\n\n  var handleFocusDialog = (0, _utils2.useEventCallback)(function (onBeforeFocusCallback) {\n    var currentActiveElement = document.activeElement;\n    var dialog = modal.dialog;\n\n    if (dialog && currentActiveElement && !(0, _contains.default)(dialog, currentActiveElement)) {\n      onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 ? void 0 : onBeforeFocusCallback();\n      dialog.focus();\n    }\n  });\n  var handleEnforceFocus = (0, _utils2.useEventCallback)(function () {\n    if (!enforceFocus || !modal.isTopModal()) {\n      return;\n    }\n\n    handleFocusDialog();\n  });\n  var handleBackdropClick = (0, _utils2.useEventCallback)(function (event) {\n    if (event.target !== event.currentTarget) {\n      return;\n    }\n\n    onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick(event);\n\n    if (backdrop === true) {\n      onClose === null || onClose === void 0 ? void 0 : onClose(event);\n    }\n  });\n  var documentKeyDownListener = (0, _react.useRef)();\n  var documentFocusListener = (0, _react.useRef)();\n  var handleOpen = (0, _utils2.useEventCallback)(function () {\n    var containerElement = (0, _getContainer.default)(container, document.body);\n    modal.add(containerElement, containerClassName);\n\n    if (!documentKeyDownListener.current) {\n      documentKeyDownListener.current = (0, _on.default)(document, 'keydown', handleDocumentKeyDown);\n    }\n\n    if (!documentFocusListener.current) {\n      documentFocusListener.current = (0, _on.default)(document, 'focus', handleEnforceFocus, true);\n    }\n\n    if (autoFocus) {\n      handleFocusDialog(function () {\n        lastFocus.current = document.activeElement;\n      });\n    }\n\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  });\n  var handleClose = (0, _utils2.useEventCallback)(function () {\n    var _documentKeyDownListe, _documentFocusListene;\n\n    modal.remove();\n    (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 ? void 0 : _documentKeyDownListe.off();\n    documentKeyDownListener.current = null;\n    (_documentFocusListene = documentFocusListener.current) === null || _documentFocusListene === void 0 ? void 0 : _documentFocusListene.off();\n    documentFocusListener.current = null;\n    restoreLastFocus();\n  });\n  (0, _react.useEffect)(function () {\n    if (!open) {\n      return;\n    }\n\n    handleOpen();\n  }, [open, handleOpen]);\n  (0, _react.useEffect)(function () {\n    if (!exited) {\n      return;\n    }\n\n    handleClose();\n  }, [exited, handleClose]);\n  (0, _utils2.useWillUnmount)(function () {\n    handleClose();\n  });\n  var handleExited = (0, _react.useCallback)(function () {\n    setExited(true);\n  }, []);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      overlayContainer: function overlayContainer() {\n        return modal.dialog;\n      }\n    };\n  }, [modal.dialog]);\n\n  if (!mountModal) {\n    return null;\n  }\n\n  var renderBackdrop = function renderBackdrop() {\n    var backdropPorps = {\n      style: backdropStyle,\n      onClick: handleBackdropClick\n    };\n\n    if (Transition) {\n      return /*#__PURE__*/_react.default.createElement(_Fade.default, {\n        transitionAppear: true,\n        in: open,\n        timeout: backdropTransitionTimeout,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 286,\n          columnNumber: 9\n        }\n      }, function (fadeProps, ref) {\n        var className = fadeProps.className,\n            rest = (0, _objectWithoutPropertiesLoose2.default)(fadeProps, [\"className\"]);\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          \"aria-hidden\": true\n        }, rest, backdropPorps, {\n          ref: (0, _utils2.mergeRefs)(modal.setBackdropRef, ref),\n          className: (0, _classnames.default)(backdropClassName, className),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 290,\n            columnNumber: 15\n          }\n        }));\n      });\n    }\n\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      \"aria-hidden\": true\n    }, backdropPorps, {\n      className: backdropClassName,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 303,\n        columnNumber: 12\n      }\n    }));\n  };\n\n  var dialogElement = Transition ? /*#__PURE__*/_react.default.createElement(Transition, (0, _extends2.default)({}, animationProps, {\n    transitionAppear: true,\n    unmountOnExit: true,\n    in: open,\n    timeout: dialogTransitionTimeout,\n    onExit: onExit,\n    onExiting: onExiting,\n    onExited: (0, _utils2.createChainedFunction)(handleExited, onExited),\n    onEnter: onEnter,\n    onEntering: onEntering,\n    onEntered: onEntered,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 307,\n      columnNumber: 5\n    }\n  }), children) : children;\n  return /*#__PURE__*/_react.default.createElement(_OverlayContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 327,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 328,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: (0, _utils2.mergeRefs)(modal.setDialogRef, ref),\n    style: style,\n    className: className,\n    tabIndex: -1,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 329,\n      columnNumber: 9\n    }\n  }), backdrop && renderBackdrop(), dialogElement)));\n});\n\nvar modalPropTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  backdropClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  backdropStyle: _propTypes.default.object,\n  open: _propTypes.default.bool,\n  backdrop: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),\n  keyboard: _propTypes.default.bool,\n  autoFocus: _propTypes.default.bool,\n  enforceFocus: _propTypes.default.bool,\n  animationProps: _propTypes.default.object,\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func\n};\nexports.modalPropTypes = modalPropTypes;\nModal.displayName = 'OverlayModal';\nModal.propTypes = (0, _extends2.default)({}, _utils.animationPropTypes, modalPropTypes, {\n  children: _propTypes.default.func,\n  container: _propTypes.default.any,\n  containerClassName: _propTypes.default.string,\n  dialogTransitionTimeout: _propTypes.default.number,\n  backdropTransitionTimeout: _propTypes.default.number,\n  transition: _propTypes.default.any,\n  onEsc: _propTypes.default.func,\n  onBackdropClick: _propTypes.default.func\n});\nvar _default = Modal;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Modal.tsx?");
 
 /***/ }),
 
@@ -3662,7 +3662,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.PanelGroupContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/PanelGroup/PanelGroup.tsx\",\n    _this = void 0;\n\nvar PanelGroupContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.PanelGroupContext = PanelGroupContext;\n\nvar PanelGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      accordion = props.accordion,\n      defaultActiveKey = props.defaultActiveKey,\n      bordered = props.bordered,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'panel-group' : _props$classPrefix,\n      children = props.children,\n      activeProp = props.activeKey,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"accordion\", \"defaultActiveKey\", \"bordered\", \"className\", \"classPrefix\", \"children\", \"activeKey\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var _useControlled = (0, _utils.useControlled)(activeProp, defaultActiveKey),\n      activeKey = _useControlled[0],\n      setActiveKey = _useControlled[1];\n\n  var classes = merge(className, withClassPrefix({\n    accordion: accordion,\n    bordered: bordered\n  }));\n  var handleSelect = (0, _react.useCallback)(function (activeKey, event) {\n    setActiveKey(activeKey);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeKey, event);\n  }, [onSelect, setActiveKey]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: accordion ? 'tablist' : undefined,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(PanelGroupContext.Provider, {\n    value: {\n      accordion: accordion,\n      activeKey: activeKey,\n      onGroupSelect: handleSelect\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 7\n    }\n  }, children));\n});\n\nPanelGroup.displayName = 'PanelGroup';\nPanelGroup.propTypes = {\n  accordion: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  bordered: _propTypes.default.bool,\n  defaultActiveKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  onSelect: _propTypes.default.func\n};\nvar _default = PanelGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/PanelGroup/PanelGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.PanelGroupContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/PanelGroup/PanelGroup.tsx\",\n    _this = void 0;\n\nvar PanelGroupContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.PanelGroupContext = PanelGroupContext;\n\nvar PanelGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      accordion = props.accordion,\n      defaultActiveKey = props.defaultActiveKey,\n      bordered = props.bordered,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'panel-group' : _props$classPrefix,\n      children = props.children,\n      activeProp = props.activeKey,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"accordion\", \"defaultActiveKey\", \"bordered\", \"className\", \"classPrefix\", \"children\", \"activeKey\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var _useControlled = (0, _utils.useControlled)(activeProp, defaultActiveKey),\n      activeKey = _useControlled[0],\n      setActiveKey = _useControlled[1];\n\n  var classes = merge(className, withClassPrefix({\n    accordion: accordion,\n    bordered: bordered\n  }));\n  var handleSelect = (0, _react.useCallback)(function (activeKey, event) {\n    setActiveKey(activeKey);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeKey, event);\n  }, [onSelect, setActiveKey]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      accordion: accordion,\n      activeKey: activeKey,\n      onGroupSelect: handleSelect\n    };\n  }, [accordion, activeKey, handleSelect]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: accordion ? 'tablist' : undefined,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(PanelGroupContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 7\n    }\n  }, children));\n});\n\nPanelGroup.displayName = 'PanelGroup';\nPanelGroup.propTypes = {\n  accordion: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  bordered: _propTypes.default.bool,\n  defaultActiveKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  onSelect: _propTypes.default.func\n};\nvar _default = PanelGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/PanelGroup/PanelGroup.tsx?");
 
 /***/ }),
 
@@ -4597,7 +4597,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ../Loader */ \"./src/Loader/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Toggle/Toggle.tsx\",\n    _this = void 0;\n\nvar Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'span' : _props$as,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      _props$loading = props.loading,\n      loading = _props$loading === void 0 ? false : _props$loading,\n      plaintext = props.plaintext,\n      className = props.className,\n      checkedChildren = props.checkedChildren,\n      unCheckedChildren = props.unCheckedChildren,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'toggle' : _props$classPrefix,\n      checkedProp = props.checked,\n      defaultChecked = props.defaultChecked,\n      size = props.size,\n      localeProp = props.locale,\n      onChange = props.onChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"disabled\", \"readOnly\", \"loading\", \"plaintext\", \"className\", \"checkedChildren\", \"unCheckedChildren\", \"classPrefix\", \"checked\", \"defaultChecked\", \"size\", \"locale\", \"onChange\"]);\n  var inputRef = (0, _react.useRef)(null);\n\n  var _useControlled = (0, _utils.useControlled)(checkedProp, defaultChecked),\n      checked = _useControlled[0],\n      setChecked = _useControlled[1];\n\n  var _useCustom = (0, _utils.useCustom)('Toggle', localeProp),\n      locale = _useCustom.locale;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix(size, {\n    checked: checked,\n    disabled: disabled,\n    loading: loading\n  }));\n  var inner = checked ? checkedChildren : unCheckedChildren;\n  var label = checked ? locale.on : locale.off;\n  var handleInputChange = (0, _react.useCallback)(function (e) {\n    if (disabled || readOnly || loading) {\n      return;\n    }\n\n    var checked = e.target.checked;\n    setChecked(checked);\n    onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);\n  }, [disabled, readOnly, loading, setChecked, onChange]);\n\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 12\n      }\n    }, inner || label);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(\"label\", (0, _extends2.default)({\n    ref: ref,\n    className: classes\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"input\", {\n    ref: inputRef,\n    type: \"checkbox\",\n    checked: checked,\n    disabled: disabled,\n    readOnly: readOnly,\n    onChange: handleInputChange,\n    className: prefix('input'),\n    role: \"switch\",\n    \"aria-checked\": checked,\n    \"aria-disabled\": disabled,\n    \"aria-label\": typeof inner === 'string' ? inner : label,\n    \"aria-busy\": loading || undefined,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(Component, {\n    className: prefix('presentation'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 107,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('inner'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 108,\n      columnNumber: 9\n    }\n  }, inner), loading && /*#__PURE__*/_react.default.createElement(_Loader.default, {\n    className: prefix('loader'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109,\n      columnNumber: 21\n    }\n  })));\n});\n\nToggle.displayName = 'Toggle';\nToggle.propTypes = {\n  disabled: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  checked: _propTypes.default.bool,\n  defaultChecked: _propTypes.default.bool,\n  checkedChildren: _propTypes.default.node,\n  unCheckedChildren: _propTypes.default.node,\n  loading: _propTypes.default.bool,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  as: _propTypes.default.elementType,\n  size: _propTypes.default.oneOf(['sm', 'md', 'lg']),\n  locale: _propTypes.default.shape({\n    on: _propTypes.default.string,\n    off: _propTypes.default.string\n  })\n};\nvar _default = Toggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Toggle/Toggle.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ../Loader */ \"./src/Loader/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Toggle/Toggle.tsx\",\n    _this = void 0;\n\nvar Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'span' : _props$as,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      _props$loading = props.loading,\n      loading = _props$loading === void 0 ? false : _props$loading,\n      plaintext = props.plaintext,\n      className = props.className,\n      checkedChildren = props.checkedChildren,\n      unCheckedChildren = props.unCheckedChildren,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'toggle' : _props$classPrefix,\n      checkedProp = props.checked,\n      defaultChecked = props.defaultChecked,\n      size = props.size,\n      localeProp = props.locale,\n      onChange = props.onChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"disabled\", \"readOnly\", \"loading\", \"plaintext\", \"className\", \"checkedChildren\", \"unCheckedChildren\", \"classPrefix\", \"checked\", \"defaultChecked\", \"size\", \"locale\", \"onChange\"]);\n  var inputRef = (0, _react.useRef)(null);\n\n  var _useControlled = (0, _utils.useControlled)(checkedProp, defaultChecked),\n      checked = _useControlled[0],\n      setChecked = _useControlled[1];\n\n  var _useCustom = (0, _utils.useCustom)('Toggle', localeProp),\n      locale = _useCustom.locale;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix(size, {\n    checked: checked,\n    disabled: disabled,\n    loading: loading\n  }));\n  var inner = checked ? checkedChildren : unCheckedChildren;\n  var label = checked ? locale.on : locale.off;\n  var handleInputChange = (0, _react.useCallback)(function (e) {\n    if (disabled || readOnly || loading) {\n      return;\n    }\n\n    var checked = e.target.checked;\n    setChecked(checked);\n    onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);\n  }, [disabled, readOnly, loading, setChecked, onChange]);\n\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 12\n      }\n    }, inner || label);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(\"label\", (0, _extends2.default)({\n    ref: ref,\n    className: classes\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"input\", {\n    ref: inputRef,\n    type: \"checkbox\",\n    checked: checkedProp,\n    defaultChecked: defaultChecked,\n    disabled: disabled,\n    readOnly: readOnly,\n    onChange: handleInputChange,\n    className: prefix('input'),\n    role: \"switch\",\n    \"aria-checked\": checked,\n    \"aria-disabled\": disabled,\n    \"aria-label\": typeof inner === 'string' ? inner : label,\n    \"aria-busy\": loading || undefined,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(Component, {\n    className: prefix('presentation'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 108,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('inner'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109,\n      columnNumber: 9\n    }\n  }, inner), loading && /*#__PURE__*/_react.default.createElement(_Loader.default, {\n    className: prefix('loader'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 110,\n      columnNumber: 21\n    }\n  })));\n});\n\nToggle.displayName = 'Toggle';\nToggle.propTypes = {\n  disabled: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  checked: _propTypes.default.bool,\n  defaultChecked: _propTypes.default.bool,\n  checkedChildren: _propTypes.default.node,\n  unCheckedChildren: _propTypes.default.node,\n  loading: _propTypes.default.bool,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  as: _propTypes.default.elementType,\n  size: _propTypes.default.oneOf(['sm', 'md', 'lg']),\n  locale: _propTypes.default.shape({\n    on: _propTypes.default.string,\n    off: _propTypes.default.string\n  })\n};\nvar _default = Toggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Toggle/Toggle.tsx?");
 
 /***/ }),
 
@@ -4641,7 +4641,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\");\n\nexports.__esModule = true;\nexports.default = exports.TREE_NODE_DROP_POSITION = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ../TreePicker */ \"./src/TreePicker/index.tsx\"));\n\nvar _TreeContext = _interopRequireDefault(__webpack_require__(/*! ./TreeContext */ \"./src/Tree/TreeContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Tree/Tree.tsx\",\n    _this = void 0;\n\n/**\n * Tree Node Drag Type\n */\nvar TREE_NODE_DROP_POSITION;\nexports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION;\n\n(function (TREE_NODE_DROP_POSITION) {\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER\"] = 0] = \"DRAG_OVER\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_TOP\"] = 1] = \"DRAG_OVER_TOP\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_BOTTOM\"] = 2] = \"DRAG_OVER_BOTTOM\";\n})(TREE_NODE_DROP_POSITION || (exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION = {}));\n\nvar Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {\n    value: {\n      inline: true\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 148,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_TreePicker.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 149,\n      columnNumber: 9\n    }\n  })));\n});\n\nTree.displayName = 'Tree';\nvar _default = Tree;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Tree/Tree.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.TREE_NODE_DROP_POSITION = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ../TreePicker */ \"./src/TreePicker/index.tsx\"));\n\nvar _TreeContext = _interopRequireDefault(__webpack_require__(/*! ./TreeContext */ \"./src/Tree/TreeContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Tree/Tree.tsx\",\n    _this = void 0;\n\n/**\n * Tree Node Drag Type\n */\nvar TREE_NODE_DROP_POSITION;\nexports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION;\n\n(function (TREE_NODE_DROP_POSITION) {\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER\"] = 0] = \"DRAG_OVER\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_TOP\"] = 1] = \"DRAG_OVER_TOP\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_BOTTOM\"] = 2] = \"DRAG_OVER_BOTTOM\";\n})(TREE_NODE_DROP_POSITION || (exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION = {}));\n\nvar Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      inline: true\n    };\n  }, []);\n  return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 150,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_TreePicker.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 151,\n      columnNumber: 9\n    }\n  })));\n});\n\nTree.displayName = 'Tree';\nvar _default = Tree;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Tree/Tree.tsx?");
 
 /***/ }),