rsuite 5.59.0 → 5.59.2

package/dist/rsuite.js

@@ -6032,7 +6032,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _AvatarGroup = __webpack_require__(/*! ../AvatarGroup/AvatarGroup */ \"./src/AvatarGroup/AvatarGroup.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _AvatarIcon = _interopRequireDefault(__webpack_require__(/*! ./AvatarIcon */ \"./src/Avatar/AvatarIcon.tsx\"));\nvar _useImage2 = _interopRequireDefault(__webpack_require__(/*! ./useImage */ \"./src/Avatar/useImage.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Avatar/Avatar.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2;\n/**\n * The Avatar component is used to represent user or brand.\n * @see https://rsuitejs.com/components/avatar\n */\nvar Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useContext = (0, _react.useContext)(_AvatarGroup.AvatarGroupContext),\n    groupSize = _useContext.size;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    bordered = props.bordered,\n    alt = props.alt,\n    className = props.className,\n    children = props.children,\n    circle = props.circle,\n    color = props.color,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'avatar' : _props$classPrefix,\n    _props$size = props.size,\n    size = _props$size === void 0 ? groupSize : _props$size,\n    src = props.src,\n    srcSet = props.srcSet,\n    sizes = props.sizes,\n    imgProps = props.imgProps,\n    onError = props.onError,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"bordered\", \"alt\", \"className\", \"children\", \"circle\", \"color\", \"classPrefix\", \"size\", \"src\", \"srcSet\", \"sizes\", \"imgProps\", \"onError\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix(size, color, {\n    circle: circle,\n    bordered: bordered\n  }));\n  var imageProps = (0, _extends2.default)({}, imgProps, {\n    alt: alt,\n    src: src,\n    srcSet: srcSet,\n    sizes: sizes\n  });\n  var _useImage = (0, _useImage2.default)((0, _extends2.default)({}, imageProps, {\n      onError: onError\n    })),\n    loaded = _useImage.loaded;\n  var altComponent = (0, _react.useMemo)(function () {\n    if (alt) {\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        role: \"img\",\n        \"aria-label\": alt,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 104,\n          columnNumber: 11\n        }\n      }, alt);\n    }\n    return null;\n  }, [alt]);\n  var placeholder = children || altComponent || /*#__PURE__*/_react.default.createElement(_AvatarIcon.default, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"icon\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 113,\n      columnNumber: 53\n    }\n  });\n  var image = loaded ? /*#__PURE__*/_react.default.createElement(\"img\", (0, _extends2.default)({}, imageProps, {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"image\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 114,\n      columnNumber: 28\n    }\n  })) : placeholder;\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: 117,\n      columnNumber: 7\n    }\n  }), src ? image : placeholder);\n});\nAvatar.displayName = 'Avatar';\nAvatar.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  size: (0, _propTypes2.oneOf)(['xxl', 'xl', 'lg', 'md', 'sm', 'xs']),\n  src: _propTypes.default.string,\n  sizes: _propTypes.default.string,\n  srcSet: _propTypes.default.string,\n  imgProps: _propTypes.default.object,\n  circle: _propTypes.default.bool,\n  alt: _propTypes.default.string\n};\nvar _default = Avatar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Avatar/Avatar.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _AvatarGroup = __webpack_require__(/*! ../AvatarGroup/AvatarGroup */ \"./src/AvatarGroup/AvatarGroup.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _AvatarIcon = _interopRequireDefault(__webpack_require__(/*! ./AvatarIcon */ \"./src/Avatar/AvatarIcon.tsx\"));\nvar _useImage2 = _interopRequireDefault(__webpack_require__(/*! ./useImage */ \"./src/Avatar/useImage.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Avatar/Avatar.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2;\n/**\n * The Avatar component is used to represent user or brand.\n * @see https://rsuitejs.com/components/avatar\n */\nvar Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _extends2;\n  var _useContext = (0, _react.useContext)(_AvatarGroup.AvatarGroupContext),\n    groupSize = _useContext.size,\n    spacing = _useContext.spacing;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    bordered = props.bordered,\n    alt = props.alt,\n    className = props.className,\n    children = props.children,\n    circle = props.circle,\n    color = props.color,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'avatar' : _props$classPrefix,\n    _props$size = props.size,\n    size = _props$size === void 0 ? groupSize : _props$size,\n    src = props.src,\n    srcSet = props.srcSet,\n    sizes = props.sizes,\n    style = props.style,\n    imgProps = props.imgProps,\n    onError = props.onError,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"bordered\", \"alt\", \"className\", \"children\", \"circle\", \"color\", \"classPrefix\", \"size\", \"src\", \"srcSet\", \"sizes\", \"style\", \"imgProps\", \"onError\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix(size, color, {\n    circle: circle,\n    bordered: bordered\n  }));\n  var imageProps = (0, _extends3.default)({}, imgProps, {\n    alt: alt,\n    src: src,\n    srcSet: srcSet,\n    sizes: sizes\n  });\n  var _useImage = (0, _useImage2.default)((0, _extends3.default)({}, imageProps, {\n      onError: onError\n    })),\n    loaded = _useImage.loaded;\n  var _useCustom = (0, _utils.useCustom)('Avatar'),\n    rtl = _useCustom.rtl;\n  var altComponent = (0, _react.useMemo)(function () {\n    if (alt) {\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        role: \"img\",\n        \"aria-label\": alt,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 106,\n          columnNumber: 11\n        }\n      }, alt);\n    }\n    return null;\n  }, [alt]);\n  var placeholder = children || altComponent || /*#__PURE__*/_react.default.createElement(_AvatarIcon.default, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"icon\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115,\n      columnNumber: 53\n    }\n  });\n  var image = loaded ? /*#__PURE__*/_react.default.createElement(\"img\", (0, _extends3.default)({}, imageProps, {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"image\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116,\n      columnNumber: 28\n    }\n  })) : placeholder;\n  var margin = rtl ? 'marginLeft' : 'marginRight';\n  var insertStyles = (0, _utils.isIE)() && spacing ? (0, _extends3.default)((_extends2 = {}, _extends2[margin] = spacing, _extends2), style) : style;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    style: insertStyles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122,\n      columnNumber: 7\n    }\n  }), src ? image : placeholder);\n});\nAvatar.displayName = 'Avatar';\nAvatar.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  size: (0, _propTypes2.oneOf)(['xxl', 'xl', 'lg', 'md', 'sm', 'xs']),\n  src: _propTypes.default.string,\n  sizes: _propTypes.default.string,\n  srcSet: _propTypes.default.string,\n  imgProps: _propTypes.default.object,\n  circle: _propTypes.default.bool,\n  alt: _propTypes.default.string\n};\nvar _default = Avatar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Avatar/Avatar.tsx?");
 
 /***/ }),
 
@@ -6065,7 +6065,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n/**\n * A hook that loads an image and returns the status of the image.\n *\n * @example\n * ```jsx\n * const { loaded } = useImage({ src:'https://example.com/image.jpg' });\n *\n * return loaded ? <img src=\"https://example.com/image.jpg\" /> : <Placeholder />;\n * ```\n */\nvar useImage = function useImage(props) {\n  var src = props.src,\n    srcSet = props.srcSet,\n    sizes = props.sizes,\n    crossOrigin = props.crossOrigin,\n    onError = props.onError;\n  var _useState = (0, _react.useState)('pending'),\n    status = _useState[0],\n    setStatus = _useState[1];\n  var imgRef = (0, _react.useRef)(null);\n  var flush = function flush() {\n    if (imgRef.current) {\n      imgRef.current.onload = null;\n      imgRef.current.onerror = null;\n      imgRef.current = null;\n    }\n  };\n  var handleLoad = (0, _react.useCallback)(function () {\n    setStatus('loaded');\n    flush();\n  }, []);\n  var handleError = (0, _react.useCallback)(function (event) {\n    setStatus('error');\n    flush();\n    onError === null || onError === void 0 ? void 0 : onError(event);\n  }, [onError]);\n  (0, _react.useEffect)(function () {\n    setStatus(src ? 'loading' : 'pending');\n  }, [src]);\n  var loadImge = (0, _react.useCallback)(function () {\n    if (!src) {\n      return;\n    }\n    var img = new Image();\n    img.onload = handleLoad;\n    img.onerror = handleError;\n    if (src) img.src = src;\n    if (srcSet) img.srcset = srcSet;\n    if (sizes) img.sizes = sizes;\n    if (crossOrigin) img.crossOrigin = crossOrigin;\n    imgRef.current = img;\n  }, [crossOrigin, handleError, handleLoad, sizes, src, srcSet]);\n  (0, _utils.useIsomorphicLayoutEffect)(function () {\n    if (status === 'loading') {\n      loadImge();\n    }\n  }, [loadImge, status]);\n  (0, _react.useEffect)(function () {\n    return flush;\n  }, []);\n  console.log('status', status);\n  return {\n    loaded: status === 'loaded',\n    status: status\n  };\n};\nvar _default = useImage;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Avatar/useImage.ts?");
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n/**\n * A hook that loads an image and returns the status of the image.\n *\n * @example\n * ```jsx\n * const { loaded } = useImage({ src:'https://example.com/image.jpg' });\n *\n * return loaded ? <img src=\"https://example.com/image.jpg\" /> : <Placeholder />;\n * ```\n */\nvar useImage = function useImage(props) {\n  var src = props.src,\n    srcSet = props.srcSet,\n    sizes = props.sizes,\n    crossOrigin = props.crossOrigin,\n    onError = props.onError;\n  var _useState = (0, _react.useState)('pending'),\n    status = _useState[0],\n    setStatus = _useState[1];\n  var imgRef = (0, _react.useRef)(null);\n  var flush = function flush() {\n    if (imgRef.current) {\n      imgRef.current.onload = null;\n      imgRef.current.onerror = null;\n      imgRef.current = null;\n    }\n  };\n  var handleLoad = (0, _react.useCallback)(function () {\n    setStatus('loaded');\n    flush();\n  }, []);\n  var handleError = (0, _react.useCallback)(function (event) {\n    setStatus('error');\n    flush();\n    onError === null || onError === void 0 ? void 0 : onError(event);\n  }, [onError]);\n  (0, _react.useEffect)(function () {\n    setStatus(src ? 'loading' : 'pending');\n  }, [src]);\n  var loadImge = (0, _react.useCallback)(function () {\n    if (!src) {\n      return;\n    }\n    var img = new Image();\n    img.onload = handleLoad;\n    img.onerror = handleError;\n    if (src) img.src = src;\n    if (srcSet) img.srcset = srcSet;\n    if (sizes) img.sizes = sizes;\n    if (crossOrigin) img.crossOrigin = crossOrigin;\n    imgRef.current = img;\n  }, [crossOrigin, handleError, handleLoad, sizes, src, srcSet]);\n  (0, _utils.useIsomorphicLayoutEffect)(function () {\n    if (status === 'loading') {\n      loadImge();\n    }\n  }, [loadImge, status]);\n  (0, _react.useEffect)(function () {\n    return flush;\n  }, []);\n  return {\n    loaded: status === 'loaded',\n    status: status\n  };\n};\nvar _default = useImage;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Avatar/useImage.ts?");
 
 /***/ }),
 
@@ -6076,7 +6076,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react
 /***/ (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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.AvatarGroupContext = void 0;\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/AvatarGroup/AvatarGroup.tsx\",\n  _this = void 0;\nvar AvatarGroupContext = /*#__PURE__*/_react.default.createContext({});\n\n/**\n * The AvatarGroup component is used to represent a collection of avatars.\n * @see https://rsuitejs.com/components/avatar\n */\nexports.AvatarGroupContext = AvatarGroupContext;\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  var _useCustom = (0, _utils.useCustom)('AvatarGroup'),\n    rtl = _useCustom.rtl;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\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: 52,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(AvatarGroupContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 9\n    }\n  }, spacing ? _react.default.Children.map(children, function (child) {\n    var _extends2;\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});\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: (0, _propTypes2.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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.AvatarGroupContext = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/AvatarGroup/AvatarGroup.tsx\",\n  _this = void 0;\nvar AvatarGroupContext = /*#__PURE__*/_react.default.createContext({});\n\n/**\n * The AvatarGroup component is used to represent a collection of avatars.\n * @see https://rsuitejs.com/components/avatar\n */\nexports.AvatarGroupContext = AvatarGroupContext;\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    style = props.style,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"spacing\", \"className\", \"children\", \"stack\", \"size\", \"style\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\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  var styles = (0, _utils.isIE)() ? style : (0, _extends2.default)({}, style, {\n    gap: spacing\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"group\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(AvatarGroupContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 9\n    }\n  }, children));\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: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs'])\n};\nvar _default = AvatarGroup;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/AvatarGroup/AvatarGroup.tsx?");
 
 /***/ }),
 
@@ -6252,7 +6252,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _MonthDropdown = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\"));\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown.tsx\"));\nvar _CalendarBody = _interopRequireDefault(__webpack_require__(/*! ./CalendarBody */ \"./src/Calendar/CalendarBody.tsx\"));\nvar _CalendarHeader = _interopRequireDefault(__webpack_require__(/*! ./CalendarHeader */ \"./src/Calendar/CalendarHeader.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _useCalendarState2 = _interopRequireWildcard(__webpack_require__(/*! ./useCalendarState */ \"./src/Calendar/useCalendarState.ts\"));\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarContainer.tsx\",\n  _this = void 0;\nvar CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n    dateRange = props.dateRange,\n    disabledBackward = props.disabledBackward,\n    defaultState = props.defaultState,\n    disabledDate = props.disabledDate,\n    disabledForward = props.disabledForward,\n    format = props.format,\n    hoverRangeValue = props.hoverRangeValue,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    targetId = props.targetId,\n    limitEndYear = props.limitEndYear,\n    limitStartYear = props.limitStartYear,\n    locale = props.locale,\n    onChangeMonth = props.onChangeMonth,\n    onChangeTime = props.onChangeTime,\n    onMouseMove = props.onMouseMove,\n    onMoveBackward = props.onMoveBackward,\n    onMoveForward = props.onMoveForward,\n    onSelect = props.onSelect,\n    onToggleMeridian = props.onToggleMeridian,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    calendarDateProp = props.calendarDate,\n    cellClassName = props.cellClassName,\n    renderCell = props.renderCell,\n    renderCellOnPicker = props.renderCellOnPicker,\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\", \"dateRange\", \"disabledBackward\", \"defaultState\", \"disabledDate\", \"disabledForward\", \"format\", \"hoverRangeValue\", \"isoWeek\", \"targetId\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"onChangeMonth\", \"onChangeTime\", \"onMouseMove\", \"onMoveBackward\", \"onMoveForward\", \"onSelect\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"calendarDate\", \"cellClassName\", \"renderCell\", \"renderCellOnPicker\", \"renderTitle\", \"renderToolbar\", \"showMeridian\", \"showWeekNumbers\", \"inline\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCalendarState = (0, _useCalendarState2.default)(defaultState),\n    calendarState = _useCalendarState.calendarState,\n    reset = _useCalendarState.reset,\n    openMonth = _useCalendarState.openMonth,\n    openTime = _useCalendarState.openTime;\n  var calendarDate = (0, _react.useMemo)(function () {\n    return (0, _dateUtils.isValid)(calendarDateProp) ? calendarDateProp : new Date();\n  }, [calendarDateProp]);\n  var isDisabledDate = (0, _utils.useEventCallback)(function (date) {\n    var _disabledDate;\n    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;\n  });\n  var isTimeDisabled = function isTimeDisabled(date) {\n    return (0, _dateUtils.disabledTime)(props, date);\n  };\n  var handleMoveForward = (0, _utils.useEventCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(calendarDate, 1));\n  });\n  var handleMoveBackward = (0, _utils.useEventCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.addMonths)(calendarDate, -1));\n  });\n\n  // It is displayed as the month to be selected.\n  var toggleMonthView = (0, _utils.useEventCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _useCalendarState2.CalendarState.MONTH);\n  });\n\n  // It is displayed as a time to be selected.\n  var toggleTimeView = (0, _utils.useEventCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _useCalendarState2.CalendarState.TIME);\n  });\n  var handleCloseDropdown = (0, _utils.useEventCallback)(function () {\n    return reset();\n  });\n  var renderDate = (0, _dateUtils.shouldRenderDate)(format);\n  var renderTime = (0, _dateUtils.shouldRenderTime)(format);\n  var renderMonth = (0, _dateUtils.shouldRenderMonth)(format);\n  var onlyShowTime = renderTime && !renderDate && !renderMonth;\n  var onlyShowMonth = renderMonth && !renderDate && !renderTime;\n  var showTime = calendarState === _useCalendarState2.CalendarState.TIME || onlyShowTime;\n  var showMonth = calendarState === _useCalendarState2.CalendarState.MONTH || onlyShowMonth;\n  var inSameThisMonthDate = function inSameThisMonthDate(date) {\n    return (0, _dateUtils.isSameMonth)(calendarDate, date);\n  };\n  var calendarClasses = merge(className, withClassPrefix({\n    'time-view': showTime,\n    'month-view': showMonth,\n    'show-week-numbers': showWeekNumbers\n  }));\n  var timeDropdownProps = (0, _pick.default)(rest, _dateUtils.calendarOnlyProps);\n  var handleChangeMonth = (0, _utils.useEventCallback)(function (date, event) {\n    reset();\n    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth(date, event);\n  });\n  var contextValue = {\n    date: calendarDate,\n    dateRange: dateRange,\n    disabledDate: isDisabledDate,\n    format: format,\n    hoverRangeValue: hoverRangeValue,\n    inSameMonth: inSameThisMonthDate,\n    isoWeek: isoWeek,\n    targetId: targetId,\n    locale: locale,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: onChangeTime,\n    onMouseMove: onMouseMove,\n    onSelect: onSelect,\n    cellClassName: cellClassName,\n    renderCell: renderCell,\n    renderCellOnPicker: renderCellOnPicker,\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: 253,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    \"data-testid\": \"calendar\"\n  }, (0, _dateUtils.omitHideDisabledProps)(rest), {\n    className: calendarClasses,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 254,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, {\n    showMonth: renderMonth,\n    showDate: renderDate,\n    showTime: renderTime,\n    showMeridian: showMeridian,\n    disabledTime: isTimeDisabled,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onToggleMonthDropdown: toggleMonthView,\n    onToggleTimeDropdown: toggleTimeView,\n    onToggleMeridian: onToggleMeridian,\n    renderTitle: renderTitle,\n    renderToolbar: renderToolbar,\n    disabledBackward: disabledBackward,\n    disabledForward: disabledForward,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 260,\n      columnNumber: 11\n    }\n  }), renderDate && /*#__PURE__*/_react.default.createElement(_CalendarBody.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 276,\n      columnNumber: 26\n    }\n  }), renderMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {\n    show: showMonth,\n    limitEndYear: limitEndYear,\n    limitStartYear: limitStartYear,\n    disabledMonth: isDisabledDate,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 278,\n      columnNumber: 13\n    }\n  }), renderTime && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {\n    show: showTime,\n    showMeridian: showMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 286,\n      columnNumber: 13\n    }\n  })), (showMonth || showTime) && renderDate && /*#__PURE__*/_react.default.createElement(\"button\", {\n    className: prefix('btn-close'),\n    onClick: handleCloseDropdown,\n    \"aria-label\": \"Collapse \" + (showMonth ? 'month' : 'time') + \" view\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 290,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 295,\n      columnNumber: 15\n    }\n  }))));\n});\nCalendarContainer.displayName = 'CalendarContainer';\nCalendarContainer.propTypes = {\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  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  locale: _propTypes.default.object,\n  onChangeMonth: _propTypes.default.func,\n  onChangeTime: _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 = CalendarContainer;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarContainer.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _MonthDropdown = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\"));\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown.tsx\"));\nvar _CalendarBody = _interopRequireDefault(__webpack_require__(/*! ./CalendarBody */ \"./src/Calendar/CalendarBody.tsx\"));\nvar _CalendarHeader = _interopRequireDefault(__webpack_require__(/*! ./CalendarHeader */ \"./src/Calendar/CalendarHeader.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _useCalendarState2 = _interopRequireWildcard(__webpack_require__(/*! ./useCalendarState */ \"./src/Calendar/useCalendarState.ts\"));\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarContainer.tsx\",\n  _this = void 0;\nvar CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n    dateRange = props.dateRange,\n    disabledBackward = props.disabledBackward,\n    defaultState = props.defaultState,\n    disabledDate = props.disabledDate,\n    disabledForward = props.disabledForward,\n    format = props.format,\n    hoverRangeValue = props.hoverRangeValue,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    targetId = props.targetId,\n    limitEndYear = props.limitEndYear,\n    limitStartYear = props.limitStartYear,\n    locale = props.locale,\n    onChangeMonth = props.onChangeMonth,\n    onChangeTime = props.onChangeTime,\n    onMouseMove = props.onMouseMove,\n    onMoveBackward = props.onMoveBackward,\n    onMoveForward = props.onMoveForward,\n    onSelect = props.onSelect,\n    onToggleMeridian = props.onToggleMeridian,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    calendarDateProp = props.calendarDate,\n    cellClassName = props.cellClassName,\n    renderCell = props.renderCell,\n    renderCellOnPicker = props.renderCellOnPicker,\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\", \"dateRange\", \"disabledBackward\", \"defaultState\", \"disabledDate\", \"disabledForward\", \"format\", \"hoverRangeValue\", \"isoWeek\", \"targetId\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"onChangeMonth\", \"onChangeTime\", \"onMouseMove\", \"onMoveBackward\", \"onMoveForward\", \"onSelect\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"calendarDate\", \"cellClassName\", \"renderCell\", \"renderCellOnPicker\", \"renderTitle\", \"renderToolbar\", \"showMeridian\", \"showWeekNumbers\", \"inline\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCalendarState = (0, _useCalendarState2.default)(defaultState),\n    calendarState = _useCalendarState.calendarState,\n    reset = _useCalendarState.reset,\n    openMonth = _useCalendarState.openMonth,\n    openTime = _useCalendarState.openTime;\n  var calendarDate = (0, _react.useMemo)(function () {\n    return (0, _dateUtils.isValid)(calendarDateProp) ? calendarDateProp : new Date();\n  }, [calendarDateProp]);\n  var isDateDisabled = (0, _utils.useEventCallback)(function (date) {\n    var _disabledDate;\n    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;\n  });\n  var isTimeDisabled = function isTimeDisabled(date) {\n    return (0, _dateUtils.disableTime)(props, date);\n  };\n  var handleMoveForward = (0, _utils.useEventCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(calendarDate, 1));\n  });\n  var handleMoveBackward = (0, _utils.useEventCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.addMonths)(calendarDate, -1));\n  });\n\n  // It is displayed as the month to be selected.\n  var toggleMonthView = (0, _utils.useEventCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _useCalendarState2.CalendarState.MONTH);\n  });\n\n  // It is displayed as a time to be selected.\n  var toggleTimeView = (0, _utils.useEventCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _useCalendarState2.CalendarState.TIME);\n  });\n  var handleCloseDropdown = (0, _utils.useEventCallback)(function () {\n    return reset();\n  });\n  var renderDate = (0, _dateUtils.shouldRenderDate)(format);\n  var renderTime = (0, _dateUtils.shouldRenderTime)(format);\n  var renderMonth = (0, _dateUtils.shouldRenderMonth)(format);\n  var onlyShowTime = renderTime && !renderDate && !renderMonth;\n  var onlyShowMonth = renderMonth && !renderDate && !renderTime;\n  var showTime = calendarState === _useCalendarState2.CalendarState.TIME || onlyShowTime;\n  var showMonth = calendarState === _useCalendarState2.CalendarState.MONTH || onlyShowMonth;\n  var inSameThisMonthDate = function inSameThisMonthDate(date) {\n    return (0, _dateUtils.isSameMonth)(calendarDate, date);\n  };\n  var calendarClasses = merge(className, withClassPrefix({\n    'time-view': showTime,\n    'month-view': showMonth,\n    'show-week-numbers': showWeekNumbers\n  }));\n  var timeDropdownProps = (0, _pick.default)(rest, _dateUtils.calendarOnlyProps);\n  var handleChangeMonth = (0, _utils.useEventCallback)(function (date, event) {\n    reset();\n    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth(date, event);\n  });\n  var contextValue = {\n    date: calendarDate,\n    dateRange: dateRange,\n    disabledDate: isDateDisabled,\n    format: format,\n    hoverRangeValue: hoverRangeValue,\n    inSameMonth: inSameThisMonthDate,\n    isoWeek: isoWeek,\n    targetId: targetId,\n    locale: locale,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: onChangeTime,\n    onMouseMove: onMouseMove,\n    onSelect: onSelect,\n    cellClassName: cellClassName,\n    renderCell: renderCell,\n    renderCellOnPicker: renderCellOnPicker,\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: 253,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    \"data-testid\": \"calendar\"\n  }, (0, _dateUtils.omitHideDisabledProps)(rest), {\n    className: calendarClasses,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 254,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, {\n    showMonth: renderMonth,\n    showDate: renderDate,\n    showTime: renderTime,\n    showMeridian: showMeridian,\n    disabledTime: isTimeDisabled,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onToggleMonthDropdown: toggleMonthView,\n    onToggleTimeDropdown: toggleTimeView,\n    onToggleMeridian: onToggleMeridian,\n    renderTitle: renderTitle,\n    renderToolbar: renderToolbar,\n    disabledBackward: disabledBackward,\n    disabledForward: disabledForward,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 260,\n      columnNumber: 11\n    }\n  }), renderDate && /*#__PURE__*/_react.default.createElement(_CalendarBody.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 276,\n      columnNumber: 26\n    }\n  }), renderMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {\n    show: showMonth,\n    limitEndYear: limitEndYear,\n    limitStartYear: limitStartYear,\n    disabledMonth: isDateDisabled,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 278,\n      columnNumber: 13\n    }\n  }), renderTime && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {\n    show: showTime,\n    showMeridian: showMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 286,\n      columnNumber: 13\n    }\n  })), (showMonth || showTime) && renderDate && /*#__PURE__*/_react.default.createElement(\"button\", {\n    className: prefix('btn-close'),\n    onClick: handleCloseDropdown,\n    \"aria-label\": \"Collapse \" + (showMonth ? 'month' : 'time') + \" view\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 290,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 295,\n      columnNumber: 15\n    }\n  }))));\n});\nCalendarContainer.displayName = 'CalendarContainer';\nCalendarContainer.propTypes = {\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  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  locale: _propTypes.default.object,\n  onChangeMonth: _propTypes.default.func,\n  onChangeTime: _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 = CalendarContainer;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarContainer.tsx?");
 
 /***/ }),
 
@@ -6637,7 +6637,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _CheckboxGroup = __webpack_require__(/*! ../CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Checkbox/Checkbox.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3,\n  _templateObject4;\n/**\n * The Checkbox component is used for selecting multiple options from a set.\n * @see https://rsuitejs.com/components/checkbox\n */\nvar Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var checkboxGroupContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext);\n  var _ref = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {},\n    inlineContext = _ref.inline,\n    nameContext = _ref.name,\n    disabledContext = _ref.disabled,\n    readOnlyContext = _ref.readOnly,\n    plaintextContext = _ref.plaintext,\n    onGroupChange = _ref.onChange;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    controlledChecked = props.checked,\n    className = props.className,\n    children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,\n    _props$checkable = props.checkable,\n    checkable = _props$checkable === void 0 ? true : _props$checkable,\n    color = props.color,\n    _props$defaultChecked = props.defaultChecked,\n    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,\n    title = props.title,\n    inputRef = props.inputRef,\n    inputProps = props.inputProps,\n    indeterminate = props.indeterminate,\n    _props$labelClickable = props.labelClickable,\n    labelClickable = _props$labelClickable === void 0 ? true : _props$labelClickable,\n    _props$tabIndex = props.tabIndex,\n    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n    _props$readOnly = props.readOnly,\n    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n    _props$plaintext = props.plaintext,\n    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n    _props$inline = props.inline,\n    inline = _props$inline === void 0 ? inlineContext : _props$inline,\n    _props$name = props.name,\n    name = _props$name === void 0 ? nameContext : _props$name,\n    value = props.value,\n    onClick = props.onClick,\n    onCheckboxClick = props.onCheckboxClick,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"checked\", \"className\", \"children\", \"classPrefix\", \"checkable\", \"color\", \"defaultChecked\", \"title\", \"inputRef\", \"inputProps\", \"indeterminate\", \"labelClickable\", \"tabIndex\", \"disabled\", \"readOnly\", \"plaintext\", \"inline\", \"name\", \"value\", \"onClick\", \"onCheckboxClick\", \"onChange\"]);\n  var _useControlled = (0, _utils.useControlled)(controlledChecked, defaultChecked),\n    selfChecked = _useControlled[0],\n    setSelfChecked = _useControlled[1],\n    selfControlled = _useControlled[2]; // Either <Checkbox> is checked itself or by parent <CheckboxGroup>\n  var checked = (0, _react.useMemo)(function () {\n    var _checkboxGroupContext, _checkboxGroupContext2;\n    if (!checkboxGroupContext) {\n      return selfChecked;\n    }\n\n    // fixme value from group should not be nullable\n    return (_checkboxGroupContext = (_checkboxGroupContext2 = checkboxGroupContext.value) === null || _checkboxGroupContext2 === void 0 ? void 0 : _checkboxGroupContext2.some(function (checkedValue) {\n      return checkedValue === value;\n    })) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;\n  }, [checkboxGroupContext, selfChecked, value]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix(color, {\n    inline: inline,\n    indeterminate: indeterminate,\n    disabled: disabled,\n    checked: checked\n  }));\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(rest),\n    htmlInputProps = _partitionHTMLProps[0],\n    restProps = _partitionHTMLProps[1]; // If <Checkbox> is within a <CheckboxGroup>, it's bound to be controlled\n  // because its checked state is inferred from group's value, not retrieved from the DOM\n  var controlled = checkboxGroupContext ? true : selfControlled;\n  if (typeof controlled !== 'undefined') {\n    // In uncontrolled situations, use defaultChecked instead of checked\n    htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;\n  }\n  var checkboxRef = (0, _react.useRef)(null);\n  var handleChange = (0, _utils.useEventCallback)(function (event) {\n    var nextChecked = event.target.checked;\n    if (disabled || readOnly) {\n      return;\n    }\n    setSelfChecked(nextChecked);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, nextChecked, event);\n    onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, nextChecked, event);\n  });\n  var handleLabelClick = (0, _utils.useEventCallback)(function (event) {\n    // Prevent check when label is not clickable\n    if (!labelClickable && event.target !== checkboxRef.current) {\n      event.preventDefault();\n    }\n  });\n  var labelId = (0, _utils.useUniqueId)('label-');\n  if (plaintext) {\n    return checked ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n      ref: ref,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 219,\n        columnNumber: 9\n      }\n    }), children) : null;\n  }\n  var control = /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"control\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 226,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, inputProps, {\n    \"aria-disabled\": disabled,\n    \"aria-checked\": indeterminate ? 'mixed' : checked,\n    \"aria-labelledby\": labelId,\n    name: name,\n    value: value,\n    type: \"checkbox\",\n    ref: (0, _utils.mergeRefs)(checkboxRef, inputRef),\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    disabled: disabled,\n    onClick: onCheckboxClick,\n    onChange: handleChange,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 227,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"inner\"]))),\n    \"aria-hidden\": true,\n    role: \"presentation\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 243,\n      columnNumber: 9\n    }\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n    ref: ref,\n    onClick: onClick,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 248,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"checker\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 249,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"label\", {\n    title: title,\n    onClick: handleLabelClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 250,\n      columnNumber: 11\n    }\n  }, checkable ? control : null, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: labelId,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 252,\n      columnNumber: 13\n    }\n  }, children))));\n});\nCheckbox.displayName = 'Checkbox';\nCheckbox.propTypes = {\n  as: _propTypes.default.elementType,\n  checked: _propTypes.default.bool,\n  checkable: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  defaultChecked: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  indeterminate: _propTypes.default.bool,\n  inputProps: _propTypes.default.any,\n  inputRef: _propTypes2.refType,\n  value: _propTypes.default.any,\n  onChange: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  onCheckboxClick: _propTypes.default.func\n};\nvar _default = Checkbox;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Checkbox/Checkbox.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _CheckboxGroup = __webpack_require__(/*! ../CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Checkbox/Checkbox.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3,\n  _templateObject4;\n/**\n * The Checkbox component is used for selecting multiple options from a set.\n * @see https://rsuitejs.com/components/checkbox\n */\nvar Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var checkboxGroupContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext);\n  var _ref = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {},\n    inlineContext = _ref.inline,\n    nameContext = _ref.name,\n    disabledContext = _ref.disabled,\n    readOnlyContext = _ref.readOnly,\n    plaintextContext = _ref.plaintext,\n    onGroupChange = _ref.onChange;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    controlledChecked = props.checked,\n    className = props.className,\n    children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,\n    _props$checkable = props.checkable,\n    checkable = _props$checkable === void 0 ? true : _props$checkable,\n    color = props.color,\n    _props$defaultChecked = props.defaultChecked,\n    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,\n    title = props.title,\n    inputRef = props.inputRef,\n    inputProps = props.inputProps,\n    indeterminate = props.indeterminate,\n    _props$labelClickable = props.labelClickable,\n    labelClickable = _props$labelClickable === void 0 ? true : _props$labelClickable,\n    _props$tabIndex = props.tabIndex,\n    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n    _props$readOnly = props.readOnly,\n    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n    _props$plaintext = props.plaintext,\n    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n    _props$inline = props.inline,\n    inline = _props$inline === void 0 ? inlineContext : _props$inline,\n    _props$name = props.name,\n    name = _props$name === void 0 ? nameContext : _props$name,\n    value = props.value,\n    onClick = props.onClick,\n    onCheckboxClick = props.onCheckboxClick,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"checked\", \"className\", \"children\", \"classPrefix\", \"checkable\", \"color\", \"defaultChecked\", \"title\", \"inputRef\", \"inputProps\", \"indeterminate\", \"labelClickable\", \"tabIndex\", \"disabled\", \"readOnly\", \"plaintext\", \"inline\", \"name\", \"value\", \"onClick\", \"onCheckboxClick\", \"onChange\"]);\n  var _useControlled = (0, _utils.useControlled)(controlledChecked, defaultChecked),\n    selfChecked = _useControlled[0],\n    setSelfChecked = _useControlled[1],\n    selfControlled = _useControlled[2]; // Either <Checkbox> is checked itself or by parent <CheckboxGroup>\n  var checked = (0, _react.useMemo)(function () {\n    var _checkboxGroupContext, _checkboxGroupContext2;\n    if (!checkboxGroupContext) {\n      return selfChecked;\n    }\n\n    // fixme value from group should not be nullable\n    return (_checkboxGroupContext = (_checkboxGroupContext2 = checkboxGroupContext.value) === null || _checkboxGroupContext2 === void 0 ? void 0 : _checkboxGroupContext2.some(function (checkedValue) {\n      return checkedValue === value;\n    })) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;\n  }, [checkboxGroupContext, selfChecked, value]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix(color, {\n    inline: inline,\n    indeterminate: indeterminate,\n    disabled: disabled,\n    checked: checked\n  }));\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(rest),\n    htmlInputProps = _partitionHTMLProps[0],\n    restProps = _partitionHTMLProps[1]; // If <Checkbox> is within a <CheckboxGroup>, it's bound to be controlled\n  // because its checked state is inferred from group's value, not retrieved from the DOM\n  var controlled = checkboxGroupContext ? true : selfControlled;\n  if (typeof controlled !== 'undefined') {\n    // In uncontrolled situations, use defaultChecked instead of checked\n    htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;\n  }\n  var checkboxRef = (0, _react.useRef)(null);\n  var handleChange = (0, _utils.useEventCallback)(function (event) {\n    var nextChecked = event.target.checked;\n    if (disabled || readOnly) {\n      return;\n    }\n    setSelfChecked(nextChecked);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, nextChecked, event);\n    onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, nextChecked, event);\n  });\n  var handleLabelClick = (0, _utils.useEventCallback)(function (event) {\n    // Prevent check when label is not clickable\n    if (!labelClickable && event.target !== checkboxRef.current) {\n      event.preventDefault();\n    }\n  });\n  var labelId = (0, _utils.useUniqueId)('label-');\n  if (plaintext) {\n    return checked ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n      ref: ref,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 219,\n        columnNumber: 9\n      }\n    }), children) : null;\n  }\n  var control = /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"control\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 226,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, inputProps, {\n    \"aria-disabled\": disabled,\n    \"aria-checked\": indeterminate ? 'mixed' : checked,\n    \"aria-labelledby\": labelId,\n    name: name,\n    value: value,\n    type: \"checkbox\",\n    ref: (0, _utils.mergeRefs)(checkboxRef, inputRef),\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    disabled: disabled,\n    onClick: onCheckboxClick,\n    onChange: handleChange,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 227,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"inner\"]))),\n    \"aria-hidden\": true,\n    \"data-testid\": \"checkbox-control-inner\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 243,\n      columnNumber: 9\n    }\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n    ref: ref,\n    onClick: onClick,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 248,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"checker\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 249,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"label\", {\n    title: title,\n    onClick: handleLabelClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 250,\n      columnNumber: 11\n    }\n  }, checkable ? control : null, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: labelId,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 252,\n      columnNumber: 13\n    }\n  }, children))));\n});\nCheckbox.displayName = 'Checkbox';\nCheckbox.propTypes = {\n  as: _propTypes.default.elementType,\n  checked: _propTypes.default.bool,\n  checkable: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  defaultChecked: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  indeterminate: _propTypes.default.bool,\n  inputProps: _propTypes.default.any,\n  inputRef: _propTypes2.refType,\n  value: _propTypes.default.any,\n  onChange: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  onCheckboxClick: _propTypes.default.func\n};\nvar _default = Checkbox;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Checkbox/Checkbox.tsx?");
 
 /***/ }),
 
@@ -6890,7 +6890,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _delay = _interopRequireDefault(__webpack_require__(/*! lodash/delay */ \"./node_modules/lodash/delay.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\nvar _MonthDropdown = __webpack_require__(/*! ../Calendar/MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\");\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ./PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _OverlayTrigger = __webpack_require__(/*! ../internals/Overlay/OverlayTrigger */ \"./src/internals/Overlay/OverlayTrigger.tsx\");\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ../DateInput */ \"./src/DateInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../Calendar/utils */ \"./src/Calendar/utils.ts\");\nvar _utils3 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * A date picker allows users to select a date from a calendar.\n *\n * @see https://rsuitejs.com/components/date-picker\n */\nvar DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    calendarDefaultDate = props.calendarDefaultDate,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    defaultValue = props.defaultValue,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    idProp = props.id,\n    isoWeek = props.isoWeek,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    ranges = props.ranges,\n    valueProp = props.value,\n    showMeridian = props.showMeridian,\n    showWeekNumbers = props.showWeekNumbers,\n    style = props.style,\n    size = props.size,\n    caretAsProp = props.caretAs,\n    DEPRECATED_disabledDate = props.disabledDate,\n    DEPRECATED_disabledHours = props.disabledHours,\n    DEPRECATED_disabledMinutes = props.disabledMinutes,\n    DEPRECATED_disabledSeconds = props.disabledSeconds,\n    shouldDisableDate = props.shouldDisableDate,\n    shouldDisableHour = props.shouldDisableHour,\n    shouldDisableMinute = props.shouldDisableMinute,\n    shouldDisableSecond = props.shouldDisableSecond,\n    onChange = props.onChange,\n    onChangeCalendarDate = props.onChangeCalendarDate,\n    onClean = props.onClean,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    onNextMonth = props.onNextMonth,\n    onOk = props.onOk,\n    onPrevMonth = props.onPrevMonth,\n    onSelect = props.onSelect,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    onShortcutClick = props.onShortcutClick,\n    renderCell = props.renderCell,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"editable\", \"defaultValue\", \"disabled\", \"readOnly\", \"plaintext\", \"format\", \"id\", \"isoWeek\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"appearance\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"size\", \"caretAs\", \"disabledDate\", \"disabledHours\", \"disabledMinutes\", \"disabledSeconds\", \"shouldDisableDate\", \"shouldDisableHour\", \"shouldDisableMinute\", \"shouldDisableSecond\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onEntered\", \"onExited\", \"onNextMonth\", \"onOk\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"onShortcutClick\", \"renderCell\"]);\n  var id = (0, _utils.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useCalendarDate = (0, _useCalendarDate2.default)(value, calendarDefaultDate),\n    calendarDate = _useCalendarDate.calendarDate,\n    setCalendarDate = _useCalendarDate.setCalendarDate,\n    resetCalendarDate = _useCalendarDate.resetCalendarDate;\n  var _useState = (0, _react.useState)(false),\n    showMonthDropdown = _useState[0],\n    setShowMonthDropdown = _useState[1]; // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = (0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr);\n  var showMonth = onlyShowMonth || showMonthDropdown;\n  var isDateDisabled = function isDateDisabled(date) {\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date);\n    }\n    if (typeof DEPRECATED_disabledDate === 'function') {\n      return DEPRECATED_disabledDate(date);\n    }\n    return false;\n  };\n  var isErrorValue = function isErrorValue(value) {\n    if (!(0, _dateUtils.isValid)(value)) {\n      return true;\n    } else if (value && isDateDisabled(value)) {\n      return true;\n    }\n    return false;\n  };\n\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n  var handleMoveForward = (0, _utils.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n  var handleMoveBackward = (0, _utils.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * The callback triggered when the date changes.\n   */\n  var handleDateChange = (0, _utils.useEventCallback)(function (nextValue, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);\n  });\n\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n  var handleChangeTime = (0, _utils.useEventCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  });\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n  var handleToggleMeridian = (0, _utils.useEventCallback)(function () {\n    var hours = (0, _dateUtils.getHours)(calendarDate);\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n    var nextDate = (0, _dateUtils.setHours)(calendarDate, nextHours);\n    handleChangeTime(nextDate);\n  });\n  var updateValue = function updateValue(event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    var nextValue = typeof nextPageDate !== 'undefined' ? nextPageDate : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n    if (nextValue !== value) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n  var handleShortcutPageDate = (0, _utils.useEventCallback)(function (range, closeOverlay, event) {\n    var value = range.value;\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n  });\n\n  /**\n   * Get the corresponding container based on date selection and month selection\n   */\n  var getOverlayContainer = function getOverlayContainer() {\n    return showMonth ? document.getElementById(id + \"-calendar-month-dropdown\") : document.getElementById(id + \"-calendar-table\");\n  };\n\n  /**\n   * Check whether the date is focusable\n   */\n  var checkFocusable = function checkFocusable(date) {\n    var formatStr = showMonth ? locale.formattedMonthPattern : locale.formattedDayPattern;\n    var ariaLabel = (0, _utils2.getAriaLabel)(date, formatStr, formatDate);\n    var container = getOverlayContainer();\n    var dateElement = container === null || container === void 0 ? void 0 : container.querySelector(\"[aria-label=\\\"\" + ariaLabel + \"\\\"]\");\n    if ((dateElement === null || dateElement === void 0 ? void 0 : dateElement.getAttribute('aria-disabled')) === 'true') {\n      return false;\n    }\n    return true;\n  };\n\n  /**\n   * Focus on the currently selected date element\n   */\n  var focusSelectedDate = function focusSelectedDate() {\n    (0, _delay.default)(function () {\n      var container = getOverlayContainer();\n      var selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected=\"true\"]');\n      selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.focus();\n    }, 1);\n  };\n\n  /**\n   * Focus on the input element\n   */\n  var focusTargetInput = (0, _utils.useEventCallback)(function () {\n    (0, _delay.default)(function () {\n      var _target$current;\n      return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();\n    }, 1);\n  });\n\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n  var handleOK = (0, _utils.useEventCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n    focusTargetInput();\n  });\n\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    updateValue(event, null);\n    resetCalendarDate(null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    event.stopPropagation();\n  });\n  var handlePickerPopupKeyDown = (0, _utils.useEventCallback)(function (event) {\n    var delta = 0;\n    var step = showMonth ? 6 : 7;\n    var changeDateFunc = showMonth ? _dateUtils.addMonths : _dateUtils.addDays;\n    (0, _Picker.onMenuKeyDown)(event, {\n      down: function down() {\n        delta = step;\n      },\n      up: function up() {\n        delta = -step;\n      },\n      right: function right() {\n        delta = 1;\n      },\n      left: function left() {\n        delta = -1;\n      },\n      enter: function enter() {\n        handleOK(event);\n      }\n    });\n    var nextDate = changeDateFunc(calendarDate, delta);\n    if (checkFocusable(nextDate)) {\n      setCalendarDate(nextDate);\n      focusSelectedDate();\n    }\n  });\n\n  /**\n   * The callback triggered after the month selection box is opened or closed.\n   */\n  var handleToggleMonthDropdown = (0, _utils.useEventCallback)(function (toggle) {\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(toggle);\n    setShowMonthDropdown(toggle);\n  });\n  var handleClick = (0, _utils.useEventCallback)(function () {\n    if (editable) {\n      return;\n    }\n    focusSelectedDate();\n  });\n\n  /**\n   * Callback after the date is selected.\n   */\n  var handleSelect = (0, _utils.useEventCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n    setCalendarDate(\n    // Determine whether the current value contains time, if not, use calendarDate.\n    (0, _dateUtils.shouldRenderTime)(formatStr) ? nextValue : (0, _dateUtils.copyTime)({\n      from: calendarDate,\n      to: nextValue\n    }));\n    handleDateChange(nextValue);\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n      focusTargetInput();\n    }\n  });\n\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n  var handleChangeMonth = (0, _utils.useEventCallback)(function (nextPageDate, event) {\n    setCalendarDate(nextPageDate);\n    handleDateChange(nextPageDate);\n    focusSelectedDate();\n    if (oneTap && onlyShowMonth) {\n      updateValue(event, nextPageDate);\n      focusTargetInput();\n    }\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _utils.useEventCallback)(function (value, event) {\n    if (!isErrorValue(value)) {\n      handleSelect(value, event);\n    }\n    updateValue(event, value, false);\n  });\n  var handleInputKeyDown = (0, _utils.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref.open;\n        if (open) {\n          if ((0, _dateUtils.isValid)(calendarDate) && !isDateDisabled(calendarDate)) {\n            updateValue(event);\n            focusTargetInput();\n          }\n        } else {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n\n  // Check whether the time is within the time range of the shortcut option in the toolbar.\n  var disabledToolbarHandle = function disabledToolbarHandle(date) {\n    var _DEPRECATED_disabledD;\n    var allowDate = (_DEPRECATED_disabledD = DEPRECATED_disabledDate === null || DEPRECATED_disabledDate === void 0 ? void 0 : DEPRECATED_disabledDate(date)) !== null && _DEPRECATED_disabledD !== void 0 ? _DEPRECATED_disabledD : false;\n    var allowTime = (0, _dateUtils.disabledTime)(props, date);\n    return allowDate || allowTime;\n  };\n\n  /**\n   * Whether \"OK\" button is disabled\n   *\n   * - If format is date, disable ok button if selected date is disabled\n   * - If format is month, disable ok button if all dates in the month of selected date are disabled\n   */\n  var isOKButtonDisabled = function isOKButtonDisabled(selectedDate) {\n    if ((0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr)) {\n      return (0, _MonthDropdown.isEveryDateInMonth)(selectedDate.getFullYear(), selectedDate.getMonth(), disabledToolbarHandle);\n    }\n    return disabledToolbarHandle(selectedDate);\n  };\n  var calendarProps = (0, _react.useMemo)(function () {\n    return (0, _mapValues.default)((0, _pick.default)(props, _dateUtils.calendarOnlyProps), function (disabledOrHiddenTimeFunc) {\n      return function (next, date) {\n        var _disabledOrHiddenTime;\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 _splitRanges = (0, _utils3.splitRanges)(ranges),\n    sideRanges = _splitRanges.sideRanges,\n    bottomRanges = _splitRanges.bottomRanges;\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(menuClassName, className, prefix('popup-date'));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      style: styles,\n      target: trigger,\n      onKeyDown: handlePickerPopupKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 630,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 640,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('date-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disabledShortcut: disabledToolbarHandle,\n      onShortcutClick: handleShortcutPageDate,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 642,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 654,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(_CalendarContainer.default, (0, _extends2.default)({}, calendarProps, {\n      targetId: id,\n      locale: locale,\n      showWeekNumbers: showWeekNumbers,\n      showMeridian: showMeridian,\n      disabledDate: isDateDisabled,\n      disabledHours: shouldDisableHour !== null && shouldDisableHour !== void 0 ? shouldDisableHour : DEPRECATED_disabledHours,\n      disabledMinutes: shouldDisableMinute !== null && shouldDisableMinute !== void 0 ? shouldDisableMinute : DEPRECATED_disabledMinutes,\n      disabledSeconds: shouldDisableSecond !== null && shouldDisableSecond !== void 0 ? shouldDisableSecond : DEPRECATED_disabledSeconds,\n      limitEndYear: limitEndYear,\n      limitStartYear: limitStartYear,\n      format: formatStr,\n      isoWeek: isoWeek,\n      calendarDate: calendarDate,\n      renderCellOnPicker: renderCell,\n      onMoveForward: handleMoveForward,\n      onMoveBackward: handleMoveBackward,\n      onSelect: handleSelect,\n      onToggleMonthDropdown: handleToggleMonthDropdown,\n      onToggleTimeDropdown: onToggleTimeDropdown,\n      onChangeMonth: handleChangeMonth,\n      onChangeTime: handleChangeTime,\n      onToggleMeridian: handleToggleMeridian,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 655,\n        columnNumber: 15\n      }\n    })), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: bottomRanges,\n      calendarDate: calendarDate,\n      disabledOkBtn: isOKButtonDisabled,\n      disabledShortcut: disabledToolbarHandle,\n      onShortcutClick: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 680,\n        columnNumber: 15\n      }\n    }))));\n  };\n  var hasValue = (0, _dateUtils.isValid)(value);\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'date',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || ((0, _dateUtils.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  var handleTriggerClose = (0, _utils.useEventCallback)(function (cause) {\n    var _props$onClose;\n    // Unless overlay is closing on user clicking \"OK\" button,\n    // reset the selected date on calendar panel\n    if (cause !== _OverlayTrigger.OverlayCloseCause.ImperativeHandle) {\n      resetCalendarDate();\n    }\n    setShowMonthDropdown(false);\n    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);\n  });\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var invalidValue = value && isErrorValue(value);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    onClose: handleTriggerClose,\n    onEntered: onEntered,\n    onExited: onExited,\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 730,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 740,\n      columnNumber: 9\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 746,\n      columnNumber: 13\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _dateUtils.calendarOnlyProps)), {\n    inside: true,\n    size: size,\n    onClick: handleClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 748,\n      columnNumber: 13\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 758,\n      columnNumber: 15\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(_DateInput.default, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: value,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : formatStr,\n    disabled: disabled,\n    onChange: handleInputChange,\n    readOnly: readOnly || !editable || loading,\n    plaintext: plaintext,\n    onKeyDown: handleInputKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 761,\n      columnNumber: 15\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 777,\n      columnNumber: 15\n    }\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: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  disabledHours: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableHour\" property instead.'),\n  disabledMinutes: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableMinute\" property instead.'),\n  disabledSeconds: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableSecond\" property instead.'),\n  shouldDisableDate: _propTypes.default.func,\n  shouldDisableHour: _propTypes.default.func,\n  shouldDisableMinute: _propTypes.default.func,\n  shouldDisableSecond: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  oneTap: _propTypes.default.bool,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = 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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\nvar _MonthDropdown = __webpack_require__(/*! ../Calendar/MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\");\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ./PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _OverlayTrigger = __webpack_require__(/*! ../internals/Overlay/OverlayTrigger */ \"./src/internals/Overlay/OverlayTrigger.tsx\");\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ../DateInput */ \"./src/DateInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\nvar _useMonthView2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useMonthView */ \"./src/DatePicker/hooks/useMonthView.ts\"));\nvar _useFocus2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFocus */ \"./src/DatePicker/hooks/useFocus.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * A date picker allows users to select a date from a calendar.\n *\n * @see https://rsuitejs.com/components/date-picker\n */\nvar DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    calendarDefaultDate = props.calendarDefaultDate,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    defaultValue = props.defaultValue,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    idProp = props.id,\n    isoWeek = props.isoWeek,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    ranges = props.ranges,\n    valueProp = props.value,\n    showMeridian = props.showMeridian,\n    showWeekNumbers = props.showWeekNumbers,\n    style = props.style,\n    size = props.size,\n    caretAsProp = props.caretAs,\n    shouldDisableDate = props.shouldDisableDate,\n    shouldDisableHour = props.shouldDisableHour,\n    shouldDisableMinute = props.shouldDisableMinute,\n    shouldDisableSecond = props.shouldDisableSecond,\n    onChange = props.onChange,\n    onChangeCalendarDate = props.onChangeCalendarDate,\n    onClean = props.onClean,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    onNextMonth = props.onNextMonth,\n    onOk = props.onOk,\n    onPrevMonth = props.onPrevMonth,\n    onSelect = props.onSelect,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    onShortcutClick = props.onShortcutClick,\n    renderCell = props.renderCell,\n    DEPRECATED_disabledDate = props.disabledDate,\n    DEPRECATED_disabledHours = props.disabledHours,\n    DEPRECATED_disabledMinutes = props.disabledMinutes,\n    DEPRECATED_disabledSeconds = props.disabledSeconds,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"editable\", \"defaultValue\", \"disabled\", \"readOnly\", \"plaintext\", \"format\", \"id\", \"isoWeek\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"appearance\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"size\", \"caretAs\", \"shouldDisableDate\", \"shouldDisableHour\", \"shouldDisableMinute\", \"shouldDisableSecond\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onEntered\", \"onExited\", \"onNextMonth\", \"onOk\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"onShortcutClick\", \"renderCell\", \"disabledDate\", \"disabledHours\", \"disabledMinutes\", \"disabledSeconds\"]);\n  var id = (0, _utils.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),\n    locale = _useCustom.locale;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useCalendarDate = (0, _useCalendarDate2.default)(value, calendarDefaultDate),\n    calendarDate = _useCalendarDate.calendarDate,\n    setCalendarDate = _useCalendarDate.setCalendarDate,\n    resetCalendarDate = _useCalendarDate.resetCalendarDate;\n  var _useMonthView = (0, _useMonthView2.default)({\n      onToggleMonthDropdown: onToggleMonthDropdown\n    }),\n    setMonthView = _useMonthView.setMonthView,\n    monthView = _useMonthView.monthView,\n    toggleMonthView = _useMonthView.toggleMonthView; // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = (0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr);\n  var showMonth = onlyShowMonth || monthView;\n  var _useFocus = (0, _useFocus2.default)({\n      target: target,\n      showMonth: showMonth,\n      id: id,\n      locale: locale\n    }),\n    focusInput = _useFocus.focusInput,\n    focusSelectedDate = _useFocus.focusSelectedDate,\n    onKeyFocusEvent = _useFocus.onKeyFocusEvent;\n  /**\n   * Check whether the date is disabled.\n   */\n  var isDateDisabled = function isDateDisabled(date) {\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date);\n    }\n    if (typeof DEPRECATED_disabledDate === 'function') {\n      return DEPRECATED_disabledDate(date);\n    }\n    return false;\n  };\n\n  /**\n   * Check whether the time is within the time range of the shortcut option in the toolbar.\n   */\n  var isDatetimeDisabled = function isDatetimeDisabled(date) {\n    return (isDateDisabled === null || isDateDisabled === void 0 ? void 0 : isDateDisabled(date)) || (0, _dateUtils.disableTime)(props, date);\n  };\n\n  /**\n   * Check whether the month is disabled.\n   * If any day in the month is disabled, the entire month is disabled\n   */\n  var isMonthDisabled = function isMonthDisabled(date) {\n    return (0, _MonthDropdown.isEveryDateInMonth)(date.getFullYear(), date.getMonth(), isDateDisabled);\n  };\n\n  /**\n   * Whether \"OK\" button is disabled\n   *\n   * - If format is date, disable ok button if selected date is disabled\n   * - If format is month, disable ok button if all dates in the month of selected date are disabled\n   */\n  var isOkButtonDisabled = function isOkButtonDisabled(selectedDate) {\n    if ((0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr)) {\n      return isMonthDisabled(selectedDate);\n    }\n    return isDatetimeDisabled(selectedDate);\n  };\n  var isErrorValue = function isErrorValue(value) {\n    if (!(0, _dateUtils.isValid)(value)) {\n      return true;\n    } else if (value && isDateDisabled(value)) {\n      return true;\n    }\n    return false;\n  };\n\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n  var handleMoveForward = (0, _utils.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n  var handleMoveBackward = (0, _utils.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * The callback triggered when the date changes.\n   */\n  var handleDateChange = (0, _utils.useEventCallback)(function (nextValue, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);\n  });\n\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n  var handleChangeTime = (0, _utils.useEventCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  });\n\n  /**\n   * Close the calendar panel.\n   */\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n  var handleToggleMeridian = (0, _utils.useEventCallback)(function () {\n    var hours = (0, _dateUtils.getHours)(calendarDate);\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n    var nextDate = (0, _dateUtils.setHours)(calendarDate, nextHours);\n    handleChangeTime(nextDate);\n  });\n  var updateValue = function updateValue(event, date, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    var nextValue = typeof date !== 'undefined' ? date : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n    if (nextValue !== value) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n  var handleShortcutPageDate = (0, _utils.useEventCallback)(function (range, closeOverlay, event) {\n    var value = range.value;\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n  });\n\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n  var handleOK = (0, _utils.useEventCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n    focusInput();\n  });\n\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    event === null || event === void 0 ? void 0 : event.stopPropagation();\n    updateValue(event, null);\n    resetCalendarDate(null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n  });\n  var handlePickerPopupKeyDown = (0, _utils.useEventCallback)(function (event) {\n    onKeyFocusEvent(event, {\n      date: calendarDate,\n      callback: setCalendarDate\n    });\n    if (event.key === 'Enter') {\n      handleOK(event);\n    }\n  });\n  var handleClick = (0, _utils.useEventCallback)(function () {\n    if (editable) {\n      return;\n    }\n    focusSelectedDate();\n  });\n\n  /**\n   * Callback after the date is selected.\n   */\n  var handleSelect = (0, _utils.useEventCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n    setCalendarDate(\n    // Determine whether the current value contains time, if not, use calendarDate.\n    (0, _dateUtils.shouldRenderTime)(formatStr) ? nextValue : (0, _dateUtils.copyTime)({\n      from: calendarDate,\n      to: nextValue\n    }));\n    handleDateChange(nextValue);\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n      focusInput();\n    }\n  });\n\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n  var handleChangeMonth = (0, _utils.useEventCallback)(function (nextPageDate, event) {\n    setCalendarDate(nextPageDate);\n    handleDateChange(nextPageDate);\n    focusSelectedDate();\n    if (oneTap && onlyShowMonth) {\n      updateValue(event, nextPageDate);\n      focusInput();\n    }\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _utils.useEventCallback)(function (value, event) {\n    if (!isErrorValue(value)) {\n      handleSelect(value, event);\n    }\n    updateValue(event, value, false);\n  });\n  var handleInputKeyDown = (0, _utils.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref.open;\n        if (open) {\n          if ((0, _dateUtils.isValid)(calendarDate) && !isDateDisabled(calendarDate)) {\n            updateValue(event);\n            focusInput();\n          }\n        } else {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n  var calendarProps = (0, _mapValues.default)((0, _pick.default)(props, _dateUtils.calendarOnlyProps), function (func) {\n    return function (next, date) {\n      var _func;\n      return (_func = func === null || func === void 0 ? void 0 : func(next, date)) !== null && _func !== void 0 ? _func : false;\n    };\n  });\n  var _splitRanges = (0, _utils2.splitRanges)(ranges),\n    sideRanges = _splitRanges.sideRanges,\n    bottomRanges = _splitRanges.bottomRanges;\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(menuClassName, className, prefix('popup-date'));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      style: styles,\n      target: trigger,\n      onKeyDown: handlePickerPopupKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 517,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 527,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('date-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disableShortcut: isDatetimeDisabled,\n      onShortcutClick: handleShortcutPageDate,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 529,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 541,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(_CalendarContainer.default, (0, _extends2.default)({}, calendarProps, {\n      targetId: id,\n      locale: locale,\n      showWeekNumbers: showWeekNumbers,\n      showMeridian: showMeridian,\n      disabledDate: isDateDisabled,\n      disabledHours: shouldDisableHour !== null && shouldDisableHour !== void 0 ? shouldDisableHour : DEPRECATED_disabledHours,\n      disabledMinutes: shouldDisableMinute !== null && shouldDisableMinute !== void 0 ? shouldDisableMinute : DEPRECATED_disabledMinutes,\n      disabledSeconds: shouldDisableSecond !== null && shouldDisableSecond !== void 0 ? shouldDisableSecond : DEPRECATED_disabledSeconds,\n      limitEndYear: limitEndYear,\n      limitStartYear: limitStartYear,\n      format: formatStr,\n      isoWeek: isoWeek,\n      calendarDate: calendarDate,\n      renderCellOnPicker: renderCell,\n      onMoveForward: handleMoveForward,\n      onMoveBackward: handleMoveBackward,\n      onSelect: handleSelect,\n      onToggleMonthDropdown: toggleMonthView,\n      onToggleTimeDropdown: onToggleTimeDropdown,\n      onChangeMonth: handleChangeMonth,\n      onChangeTime: handleChangeTime,\n      onToggleMeridian: handleToggleMeridian,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 542,\n        columnNumber: 15\n      }\n    })), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: bottomRanges,\n      calendarDate: calendarDate,\n      disableOkBtn: isOkButtonDisabled,\n      disableShortcut: isDatetimeDisabled,\n      onShortcutClick: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 567,\n        columnNumber: 15\n      }\n    }))));\n  };\n  var hasValue = (0, _dateUtils.isValid)(value);\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'date',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || ((0, _dateUtils.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  var handleTriggerClose = (0, _utils.useEventCallback)(function (cause) {\n    var _props$onClose;\n    // Unless overlay is closing on user clicking \"OK\" button,\n    // reset the selected date on calendar panel\n    if (cause !== _OverlayTrigger.OverlayCloseCause.ImperativeHandle) {\n      resetCalendarDate();\n    }\n    setMonthView(false);\n    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);\n  });\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var invalidValue = value && isErrorValue(value);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    onClose: handleTriggerClose,\n    onEntered: onEntered,\n    onExited: onExited,\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 617,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 627,\n      columnNumber: 9\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 633,\n      columnNumber: 13\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _utils2.getRestProps)(rest, usedClassNamePropKeys), {\n    inside: true,\n    size: size,\n    onClick: handleClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 635,\n      columnNumber: 13\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 641,\n      columnNumber: 15\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(_DateInput.default, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: value,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : formatStr,\n    disabled: disabled,\n    onChange: handleInputChange,\n    readOnly: readOnly || !editable || loading,\n    plaintext: plaintext,\n    onKeyDown: handleInputKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 644,\n      columnNumber: 15\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 660,\n      columnNumber: 15\n    }\n  }))));\n});\nDatePicker.displayName = 'DatePicker';\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, _utils2.deprecatedPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  shouldDisableDate: _propTypes.default.func,\n  shouldDisableHour: _propTypes.default.func,\n  shouldDisableMinute: _propTypes.default.func,\n  shouldDisableSecond: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  oneTap: _propTypes.default.bool,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = DatePicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
 
 /***/ }),
 
@@ -6901,7 +6901,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/PredefinedRanges.tsx\",\n  _this = void 0;\nvar PredefinedRanges = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var className = props.className,\n    disabledShortcut = props.disabledShortcut,\n    onShortcutClick = props.onShortcutClick,\n    calendarDate = props.calendarDate,\n    rangesProp = props.ranges,\n    locale = props.locale,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\", \"disabledShortcut\", \"onShortcutClick\", \"calendarDate\", \"ranges\", \"locale\"]);\n  var _useState = (0, _react.useState)((0, _utils2.getRanges)(props)),\n    ranges = _useState[0],\n    setRanges = _useState[1];\n  (0, _utils.useUpdateEffect)(function () {\n    setRanges((0, _utils2.getRanges)({\n      ranges: rangesProp,\n      calendarDate: calendarDate\n    }));\n  }, [calendarDate, rangesProp]);\n  var hasLocaleKey = (0, _react.useCallback)(function (key) {\n    return (0, _utils2.getDefaultRanges)(calendarDate).some(function (item) {\n      return item.label === key;\n    });\n  }, [calendarDate]);\n  if (ranges.length === 0) {\n    return null;\n  }\n  return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({\n    className: className,\n    ref: ref,\n    alignItems: \"flex-start\",\n    spacing: 4\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47,\n      columnNumber: 5\n    }\n  }), ranges.map(function (range, index) {\n    var value = range.value,\n      closeOverlay = range.closeOverlay,\n      label = range.label,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(range, [\"value\", \"closeOverlay\", \"label\"]);\n    var disabled = disabledShortcut === null || disabledShortcut === void 0 ? void 0 : disabledShortcut(value);\n    var handleClickShortcut = function handleClickShortcut(event) {\n      if (disabled) {\n        return;\n      }\n      onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, closeOverlay !== false ? true : false, event);\n    };\n    return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({\n      appearance: \"link\",\n      size: \"sm\",\n      key: index,\n      disabled: disabled,\n      onClick: handleClickShortcut\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 11\n      }\n    }), hasLocaleKey(label) && typeof label === 'string' ? locale === null || locale === void 0 ? void 0 : locale[label] : label);\n  }));\n});\nvar _default = PredefinedRanges;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/PredefinedRanges.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/PredefinedRanges.tsx\",\n  _this = void 0;\nvar PredefinedRanges = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var className = props.className,\n    disableShortcut = props.disableShortcut,\n    onShortcutClick = props.onShortcutClick,\n    calendarDate = props.calendarDate,\n    rangesProp = props.ranges,\n    locale = props.locale,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\", \"disableShortcut\", \"onShortcutClick\", \"calendarDate\", \"ranges\", \"locale\"]);\n  var _useState = (0, _react.useState)((0, _utils2.getRanges)(props)),\n    ranges = _useState[0],\n    setRanges = _useState[1];\n  (0, _utils.useUpdateEffect)(function () {\n    setRanges((0, _utils2.getRanges)({\n      ranges: rangesProp,\n      calendarDate: calendarDate\n    }));\n  }, [calendarDate, rangesProp]);\n  var hasLocaleKey = (0, _react.useCallback)(function (key) {\n    return (0, _utils2.getDefaultRanges)(calendarDate).some(function (item) {\n      return item.label === key;\n    });\n  }, [calendarDate]);\n  if (ranges.length === 0) {\n    return null;\n  }\n  return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({\n    className: className,\n    ref: ref,\n    alignItems: \"flex-start\",\n    spacing: 4\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47,\n      columnNumber: 5\n    }\n  }), ranges.map(function (range, index) {\n    var value = range.value,\n      closeOverlay = range.closeOverlay,\n      label = range.label,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(range, [\"value\", \"closeOverlay\", \"label\"]);\n    var disabled = disableShortcut === null || disableShortcut === void 0 ? void 0 : disableShortcut(value);\n    var handleClickShortcut = function handleClickShortcut(event) {\n      if (disabled) {\n        return;\n      }\n      onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, closeOverlay !== false ? true : false, event);\n    };\n    return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({\n      appearance: \"link\",\n      size: \"sm\",\n      key: index,\n      disabled: disabled,\n      onClick: handleClickShortcut\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 11\n      }\n    }), hasLocaleKey(label) && typeof label === 'string' ? locale === null || locale === void 0 ? void 0 : locale[label] : label);\n  }));\n});\nvar _default = PredefinedRanges;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/PredefinedRanges.tsx?");
 
 /***/ }),
 
@@ -6912,7 +6912,29 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ./PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/Toolbar.tsx\",\n  _this = void 0;\nvar SubmitButton = function SubmitButton(_ref) {\n  var disabledOkBtn = _ref.disabledOkBtn,\n    calendarDate = _ref.calendarDate,\n    onOk = _ref.onOk,\n    children = _ref.children;\n  var disabled = disabledOkBtn === null || disabledOkBtn === void 0 ? void 0 : disabledOkBtn(calendarDate);\n  return /*#__PURE__*/_react.default.createElement(_Button.default, {\n    appearance: \"primary\",\n    size: \"sm\",\n    disabled: disabled,\n    onClick: disabled ? undefined : onOk,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 5\n    }\n  }, children);\n};\n\n/**\n * Toolbar for DatePicker and DateRangePicker\n */\nvar Toolbar = /*#__PURE__*/_react.default.forwardRef(function Toolbar(props, ref) {\n  var className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker-toolbar' : _props$classPrefix,\n    disabledOkBtn = props.disabledOkBtn,\n    disabledShortcut = props.disabledShortcut,\n    hideOkBtn = props.hideOkBtn,\n    onOk = props.onOk,\n    onShortcutClick = props.onShortcutClick,\n    calendarDate = props.calendarDate,\n    ranges = props.ranges,\n    locale = props.locale,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\", \"classPrefix\", \"disabledOkBtn\", \"disabledShortcut\", \"hideOkBtn\", \"onOk\", \"onShortcutClick\", \"calendarDate\", \"ranges\", \"locale\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  if (hideOkBtn && (ranges === null || ranges === void 0 ? void 0 : ranges.length) === 0) {\n    return null;\n  }\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({\n    ref: ref,\n    className: classes,\n    justifyContent: \"space-between\",\n    alignItems: \"flex-start\"\n  }, rest, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n    wrap: true,\n    className: prefix('ranges'),\n    ranges: ranges,\n    calendarDate: calendarDate,\n    locale: locale,\n    disabledShortcut: disabledShortcut,\n    onShortcutClick: onShortcutClick,\n    \"data-testid\": \"daterange-predefined-bottom\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('right'),\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88,\n      columnNumber: 7\n    }\n  }, !hideOkBtn && /*#__PURE__*/_react.default.createElement(SubmitButton, {\n    disabledOkBtn: disabledOkBtn,\n    calendarDate: calendarDate,\n    onOk: onOk,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90,\n      columnNumber: 11\n    }\n  }, locale === null || locale === void 0 ? void 0 : locale.ok)));\n});\nvar _default = Toolbar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/Toolbar.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ./PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/Toolbar.tsx\",\n  _this = void 0;\nvar OkButton = function OkButton(_ref) {\n  var disableOkBtn = _ref.disableOkBtn,\n    calendarDate = _ref.calendarDate,\n    onOk = _ref.onOk,\n    children = _ref.children;\n  var disabled = disableOkBtn === null || disableOkBtn === void 0 ? void 0 : disableOkBtn(calendarDate);\n  return /*#__PURE__*/_react.default.createElement(_Button.default, {\n    appearance: \"primary\",\n    size: \"sm\",\n    disabled: disabled,\n    onClick: disabled ? undefined : onOk,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 5\n    }\n  }, children);\n};\n\n/**\n * Toolbar for DatePicker and DateRangePicker\n */\nvar Toolbar = /*#__PURE__*/_react.default.forwardRef(function Toolbar(props, ref) {\n  var className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker-toolbar' : _props$classPrefix,\n    calendarDate = props.calendarDate,\n    ranges = props.ranges,\n    locale = props.locale,\n    hideOkBtn = props.hideOkBtn,\n    disableOkBtn = props.disableOkBtn,\n    disableShortcut = props.disableShortcut,\n    onOk = props.onOk,\n    onShortcutClick = props.onShortcutClick,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\", \"classPrefix\", \"calendarDate\", \"ranges\", \"locale\", \"hideOkBtn\", \"disableOkBtn\", \"disableShortcut\", \"onOk\", \"onShortcutClick\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  if (hideOkBtn && (ranges === null || ranges === void 0 ? void 0 : ranges.length) === 0) {\n    return null;\n  }\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({\n    ref: ref,\n    className: classes,\n    justifyContent: \"space-between\",\n    alignItems: \"flex-start\"\n  }, rest, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n    wrap: true,\n    className: prefix('ranges'),\n    ranges: ranges,\n    calendarDate: calendarDate,\n    locale: locale,\n    disableShortcut: disableShortcut,\n    onShortcutClick: onShortcutClick,\n    \"data-testid\": \"daterange-predefined-bottom\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('right'),\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88,\n      columnNumber: 7\n    }\n  }, !hideOkBtn && /*#__PURE__*/_react.default.createElement(OkButton, {\n    disableOkBtn: disableOkBtn,\n    calendarDate: calendarDate,\n    onOk: onOk,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90,\n      columnNumber: 11\n    }\n  }, locale === null || locale === void 0 ? void 0 : locale.ok)));\n});\nToolbar.displayName = 'Toolbar';\nvar _default = Toolbar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/Toolbar.tsx?");
+
+/***/ }),
+
+/***/ "./src/DatePicker/hooks/useFocus.ts":
+/*!******************************************!*\
+  !*** ./src/DatePicker/hooks/useFocus.ts ***!
+  \******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _delay = _interopRequireDefault(__webpack_require__(/*! lodash/delay */ \"./node_modules/lodash/delay.js\"));\nvar _addMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/addMonths */ \"./node_modules/date-fns/esm/addMonths/index.js\"));\nvar _addDays = _interopRequireDefault(__webpack_require__(/*! date-fns/addDays */ \"./node_modules/date-fns/esm/addDays/index.js\"));\nvar _useEventCallback = _interopRequireDefault(__webpack_require__(/*! ../../utils/useEventCallback */ \"./src/utils/useEventCallback.ts\"));\nvar _utils = __webpack_require__(/*! ../../Calendar/utils */ \"./src/Calendar/utils.ts\");\nvar _utils2 = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nvar _utils3 = __webpack_require__(/*! ../../internals/Picker/utils */ \"./src/internals/Picker/utils.ts\");\nfunction useFocus(props) {\n  var target = props.target,\n    showMonth = props.showMonth,\n    id = props.id,\n    localeProp = props.locale;\n  var _useCustom = (0, _utils2.useCustom)('DatePicker', localeProp),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  /**\n   * Get the corresponding container based on date selection and month selection\n   */\n  var getOverlayContainer = function getOverlayContainer() {\n    return showMonth ? document.getElementById(id + \"-calendar-month-dropdown\") : document.getElementById(id + \"-calendar-table\");\n  };\n\n  /**\n   * Check whether the date is focusable\n   */\n  var checkFocusable = function checkFocusable(date) {\n    var formatStr = showMonth ? locale.formattedMonthPattern : locale.formattedDayPattern;\n    var ariaLabel = (0, _utils.getAriaLabel)(date, formatStr, formatDate);\n    var container = getOverlayContainer();\n    var dateElement = container === null || container === void 0 ? void 0 : container.querySelector(\"[aria-label=\\\"\" + ariaLabel + \"\\\"]\");\n    if ((dateElement === null || dateElement === void 0 ? void 0 : dateElement.getAttribute('aria-disabled')) === 'true') {\n      return false;\n    }\n    return true;\n  };\n\n  /**\n   * Focus on the currently selected date element\n   */\n  var focusSelectedDate = function focusSelectedDate() {\n    (0, _delay.default)(function () {\n      var container = getOverlayContainer();\n      var selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected=\"true\"]');\n      selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.focus();\n    }, 1);\n  };\n\n  /**\n   * Focus on the input element\n   */\n  var focusInput = (0, _useEventCallback.default)(function () {\n    (0, _delay.default)(function () {\n      var _target$current;\n      return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();\n    }, 1);\n  });\n  var onKeyFocusEvent = (0, _useEventCallback.default)(function (event, options) {\n    var date = options.date,\n      callback = options.callback;\n    var delta = 0;\n    var step = showMonth ? 6 : 7;\n    var changeDateFunc = showMonth ? _addMonths.default : _addDays.default;\n    (0, _utils3.onMenuKeyDown)(event, {\n      down: function down() {\n        delta = step;\n      },\n      up: function up() {\n        delta = -step;\n      },\n      right: function right() {\n        delta = 1;\n      },\n      left: function left() {\n        delta = -1;\n      }\n    });\n    var nextDate = changeDateFunc(date, delta);\n    if (checkFocusable(nextDate)) {\n      callback(nextDate);\n      focusSelectedDate();\n    }\n  });\n  return {\n    focusInput: focusInput,\n    focusSelectedDate: focusSelectedDate,\n    onKeyFocusEvent: onKeyFocusEvent\n  };\n}\nvar _default = useFocus;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/hooks/useFocus.ts?");
+
+/***/ }),
+
+/***/ "./src/DatePicker/hooks/useMonthView.ts":
+/*!**********************************************!*\
+  !*** ./src/DatePicker/hooks/useMonthView.ts ***!
+  \**********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _useEventCallback = _interopRequireDefault(__webpack_require__(/*! ../../utils/useEventCallback */ \"./src/utils/useEventCallback.ts\"));\nfunction useMonthView(props) {\n  var onToggleMonthDropdown = props.onToggleMonthDropdown;\n  var _useState = (0, _react.useState)(false),\n    monthView = _useState[0],\n    setMonthView = _useState[1];\n  /**\n   * The callback triggered after the month selection box is opened or closed.\n   */\n  var toggleMonthView = (0, _useEventCallback.default)(function (show) {\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(show);\n    setMonthView(show);\n  });\n  return {\n    monthView: monthView,\n    setMonthView: setMonthView,\n    toggleMonthView: toggleMonthView\n  };\n}\nvar _default = useMonthView;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/hooks/useMonthView.ts?");
 
 /***/ }),
 
@@ -6934,7 +6956,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.getDefaultRanges = getDefaultRanges;\nexports.splitRanges = splitRanges;\nexports.getRanges = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nfunction getDefaultRanges(value) {\n  var today = new Date();\n\n  /**\n   * If it is an array type, it returns the default shortcut key suitable for DateRangePicker Toolbar,\n   * otherwise it returns the default shortcut key suitable for DatePicker Toolbar\n   */\n  if (value instanceof Array) {\n    return [{\n      label: 'today',\n      value: [(0, _dateUtils.startOfDay)(today), (0, _dateUtils.endOfDay)(today)]\n    }, {\n      label: 'yesterday',\n      value: [(0, _dateUtils.startOfDay)((0, _dateUtils.subDays)(today, 1)), (0, _dateUtils.endOfDay)((0, _dateUtils.subDays)(today, 1))]\n    }, {\n      label: 'last7Days',\n      value: [(0, _dateUtils.startOfDay)((0, _dateUtils.subDays)(today, 6)), (0, _dateUtils.endOfDay)(today)]\n    }];\n  }\n  return [{\n    label: 'today',\n    value: today\n  }, {\n    label: 'yesterday',\n    value: (0, _dateUtils.subDays)(today, 1)\n  }];\n}\nvar generateRangesIterator = function generateRangesIterator(_ref) {\n  var calendarDate = _ref.calendarDate;\n  return function (_ref2) {\n    var value = _ref2.value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"value\"]);\n    return (0, _extends2.default)({\n      value: typeof value === 'function' ? value(calendarDate) : value\n    }, rest);\n  };\n};\n\n/**\n * get Toolbar ranges from Toolbar props\n * @param ranges\n * @param calendarDate\n */\nvar getRanges = function getRanges(_ref3) {\n  var ranges = _ref3.ranges,\n    calendarDate = _ref3.calendarDate;\n  return typeof ranges === 'undefined' ? getDefaultRanges(calendarDate) : ranges.map(generateRangesIterator({\n    calendarDate: calendarDate\n  }));\n};\nexports.getRanges = getRanges;\nfunction splitRanges(ranges) {\n  // The shortcut option on the left side of the calendar panel\n  var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n    return (range === null || range === void 0 ? void 0 : range.placement) === 'left';\n  })) || [];\n\n  // The shortcut option on the bottom of the calendar panel\n  var bottomRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n    return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;\n  })) || [];\n  return {\n    sideRanges: sideRanges,\n    bottomRanges: bottomRanges\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/utils.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.getDefaultRanges = getDefaultRanges;\nexports.splitRanges = splitRanges;\nexports.getRestProps = exports.deprecatedPropTypes = exports.getRanges = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nfunction getDefaultRanges(value) {\n  var today = new Date();\n\n  /**\n   * If it is an array type, it returns the default shortcut key suitable for DateRangePicker Toolbar,\n   * otherwise it returns the default shortcut key suitable for DatePicker Toolbar\n   */\n  if (value instanceof Array) {\n    return [{\n      label: 'today',\n      value: [(0, _dateUtils.startOfDay)(today), (0, _dateUtils.endOfDay)(today)]\n    }, {\n      label: 'yesterday',\n      value: [(0, _dateUtils.startOfDay)((0, _dateUtils.subDays)(today, 1)), (0, _dateUtils.endOfDay)((0, _dateUtils.subDays)(today, 1))]\n    }, {\n      label: 'last7Days',\n      value: [(0, _dateUtils.startOfDay)((0, _dateUtils.subDays)(today, 6)), (0, _dateUtils.endOfDay)(today)]\n    }];\n  }\n  return [{\n    label: 'today',\n    value: today\n  }, {\n    label: 'yesterday',\n    value: (0, _dateUtils.subDays)(today, 1)\n  }];\n}\nvar generateRangesIterator = function generateRangesIterator(_ref) {\n  var calendarDate = _ref.calendarDate;\n  return function (_ref2) {\n    var value = _ref2.value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"value\"]);\n    return (0, _extends2.default)({\n      value: typeof value === 'function' ? value(calendarDate) : value\n    }, rest);\n  };\n};\n\n/**\n * get Toolbar ranges from Toolbar props\n * @param ranges\n * @param calendarDate\n */\nvar getRanges = function getRanges(_ref3) {\n  var ranges = _ref3.ranges,\n    calendarDate = _ref3.calendarDate;\n  return typeof ranges === 'undefined' ? getDefaultRanges(calendarDate) : ranges.map(generateRangesIterator({\n    calendarDate: calendarDate\n  }));\n};\nexports.getRanges = getRanges;\nfunction splitRanges(ranges) {\n  // The shortcut option on the left side of the calendar panel\n  var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n    return (range === null || range === void 0 ? void 0 : range.placement) === 'left';\n  })) || [];\n\n  // The shortcut option on the bottom of the calendar panel\n  var bottomRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n    return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;\n  })) || [];\n  return {\n    sideRanges: sideRanges,\n    bottomRanges: bottomRanges\n  };\n}\nvar deprecatedPropTypes = {\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  disabledHours: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableHour\" property instead.'),\n  disabledMinutes: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableMinute\" property instead.'),\n  disabledSeconds: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableSecond\" property instead.')\n};\nexports.deprecatedPropTypes = deprecatedPropTypes;\nvar getRestProps = function getRestProps(props, omitProps) {\n  if (omitProps === void 0) {\n    omitProps = [];\n  }\n  return (0, _omit.default)(props, [].concat(_Picker.omitTriggerPropKeys, _dateUtils.calendarOnlyProps, omitProps));\n};\nexports.getRestProps = getRestProps;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/utils.ts?");
 
 /***/ }),
 
@@ -6989,7 +7011,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _Calendar2 = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/DateRangePicker/Calendar.tsx\"));\nvar disabledDateUtils = _interopRequireWildcard(__webpack_require__(/*! ./disabledDateUtils */ \"./src/DateRangePicker/disabledDateUtils.ts\"));\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _DateRangePickerContext = _interopRequireDefault(__webpack_require__(/*! ./DateRangePickerContext */ \"./src/DateRangePicker/DateRangePickerContext.ts\"));\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ../DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * A date range picker allows you to select a date range from a calendar.\n *\n * @see https://rsuitejs.com/components/date-range-picker\n */\nvar DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _ref2, _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    className = props.className,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$character = props.character,\n    character = _props$character === void 0 ? ' ~ ' : _props$character,\n    defaultCalendarValue = props.defaultCalendarValue,\n    defaultValue = props.defaultValue,\n    plaintext = props.plaintext,\n    disabled = props.disabled,\n    DEPRECATED_disabledDateProp = props.disabledDate,\n    shouldDisableDate = props.shouldDisableDate,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    hoverRange = props.hoverRange,\n    idProp = props.id,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    ranges = props.ranges,\n    readOnly = props.readOnly,\n    _props$showOneCalenda = props.showOneCalendar,\n    showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,\n    showWeekNumbers = props.showWeekNumbers,\n    showMeridian = props.showMeridian,\n    _props$showHeader = props.showHeader,\n    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,\n    style = props.style,\n    size = props.size,\n    caretAsProp = props.caretAs,\n    valueProp = props.value,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onEnter = props.onEnter,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    onOk = props.onOk,\n    onSelect = props.onSelect,\n    onShortcutClick = props.onShortcutClick,\n    renderTitle = props.renderTitle,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"appearance\", \"editable\", \"cleanable\", \"character\", \"defaultCalendarValue\", \"defaultValue\", \"plaintext\", \"disabled\", \"disabledDate\", \"shouldDisableDate\", \"format\", \"hoverRange\", \"id\", \"isoWeek\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"readOnly\", \"showOneCalendar\", \"showWeekNumbers\", \"showMeridian\", \"showHeader\", \"style\", \"size\", \"caretAs\", \"value\", \"onChange\", \"onClean\", \"onEnter\", \"onEntered\", \"onExited\", \"onOk\", \"onSelect\", \"onShortcutClick\", \"renderTitle\"]);\n  var id = (0, _utils.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _utils.useCustom)('DateRangePicker', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),\n    value = _useControlled[0],\n    setValue = _useControlled[1]; // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = (0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr);\n\n  /**\n   * Whether to complete the selection.\n   * Everytime selection will change this value. If the value is false, it means that the selection has not been completed.\n   *\n   * In `oneTap` mode, select action will not change this value, its value should be true always.\n   */\n  var _useState = (0, _react.useState)(true),\n    isSelectedIdle = _useState[0],\n    setSelectedIdle = _useState[1];\n  /**\n   * The currently selected date range.\n   *\n   * The time range is selected by two clicks. After the first click,\n   * the cursor will store a temporary event date in the process until\n   * the second click to determine the end date of the date range.\n   *\n   */\n  var _useState2 = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),\n    selectedDates = _useState2[0],\n    setSelectedDates = _useState2[1]; // The date of the current hover, used to reduce the calculation of `handleMouseMove`\n  var _useState3 = (0, _react.useState)(null),\n    hoverDateRange = _useState3[0],\n    setHoverDateRange = _useState3[1]; // The displayed calendar panel is rendered based on this value.\n  var _useState4 = (0, _react.useState)((0, _utils2.getSafeCalendarDate)({\n      value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null\n    })),\n    calendarDate = _useState4[0],\n    setCalendarDate = _useState4[1];\n  /**\n   * When hoverRange is set, `selectValue` will be updated during the hover process,\n   * which will cause the `selectValue` to be updated after the first click,\n   * so declare a Ref to temporarily store the `selectValue` of the first click.\n   */\n  var selectRangeValueRef = (0, _react.useRef)(null);\n\n  /**\n   * Get the time on the calendar.\n   */\n  var getCalendarDatetime = function getCalendarDatetime(calendarKey) {\n    var index = calendarKey === 'start' ? 0 : 1;\n    return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate[index]) || (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue[index]);\n  };\n\n  /**\n   * Call this function to update the calendar panel rendering benchmark value.\n   * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].\n   */\n  var setCalendarDateRange = function setCalendarDateRange(_ref3) {\n    var dateRange = _ref3.dateRange,\n      calendarKey = _ref3.calendarKey,\n      eventName = _ref3.eventName;\n    var nextValue = dateRange;\n\n    // The time should remain the same when the dates in the date range are changed.\n    if ((0, _dateUtils.shouldRenderTime)(formatStr) && dateRange !== null && dateRange !== void 0 && dateRange.length && eventName !== 'changeTime' && eventName !== 'shortcutSelection') {\n      var _startDate = (0, _dateUtils.copyTime)({\n        from: getCalendarDatetime('start'),\n        to: dateRange[0]\n      });\n      var _endDate = (0, _dateUtils.copyTime)({\n        from: getCalendarDatetime('end'),\n        to: dateRange.length === 1 ? (0, _dateUtils.addMonths)(_startDate, 1) : dateRange[1]\n      });\n      nextValue = [_startDate, _endDate];\n    } else if (dateRange === null && typeof defaultCalendarValue !== 'undefined') {\n      // Make the calendar render the value of defaultCalendarValue after clearing the value.\n      nextValue = defaultCalendarValue;\n    }\n    var nextCalendarDate = (0, _utils2.getSafeCalendarDate)({\n      value: nextValue,\n      calendarKey: calendarKey,\n      allowAameMonth: onlyShowMonth\n    });\n    setCalendarDate(nextCalendarDate);\n    if (onlyShowMonth && eventName === 'changeMonth') {\n      setSelectedDates(nextCalendarDate);\n    }\n  };\n\n  // if valueProp changed then update selectValue/hoverValue\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  var getDateRangeString = function getDateRangeString(nextValue) {\n    var _ref4 = nextValue !== null && nextValue !== void 0 ? nextValue : [null, null],\n      startDate = _ref4[0],\n      endDate = _ref4[1];\n    if (startDate && endDate) {\n      var displayValue = [startDate, endDate].sort(_dateUtils.compareAsc);\n      return /*#__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: 368,\n          columnNumber: 11\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: 370,\n          columnNumber: 11\n        }\n      }));\n    }\n    return rangeFormatStr;\n  };\n  var getInputHtmlSize = function getInputHtmlSize() {\n    var padding = 4;\n    var strings = rangeFormatStr;\n    if (value) {\n      var _startDate2 = value[0],\n        _endDate2 = value[1];\n      strings = \"\" + formatDate(_startDate2, formatStr) + character + formatDate(_endDate2, formatStr);\n    }\n    return (0, _utils.getStringLength)(strings) + padding;\n  };\n\n  /**\n   * preset hover range\n   */\n  var getHoverRangeValue = function getHoverRangeValue(date) {\n    function getHoverRangeFunc() {\n      if (hoverRange === 'week') {\n        return (0, _partial.default)(_utils2.getWeekHoverRange, isoWeek);\n      } else if (hoverRange === 'month') {\n        return _utils2.getMonthHoverRange;\n      }\n      return hoverRange;\n    }\n    var hoverRangeFunc = getHoverRangeFunc();\n    if ((0, _isNil.default)(hoverRangeFunc)) {\n      return null;\n    }\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n    if (!isHoverRangeValid) {\n      return null;\n    }\n    if ((0, _dateUtils.isAfter)(hoverValues[0], hoverValues[1])) {\n      hoverValues = (0, _dateUtils.reverseDateRangeOmitTime)(hoverValues);\n    }\n    return hoverValues;\n  };\n  var setDateRange = function setDateRange(event, nextValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    // If nextValue is null, it means that the user is erasing the selected dates.\n    setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);\n    setValue(nextValue);\n    if (!(0, _utils2.isSameRange)(nextValue, value, formatStr)) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.\n   * The MouseMove event is called between the first click and the second click to update the selection state.\n   */\n  var handleMouseMove = (0, _utils.useEventCallback)(function (date) {\n    var nextHoverDateRange = getHoverRangeValue(date);\n\n    // If hasDoneSelect is false,\n    // it means there's already one selected date\n    // and waiting for user to select the second date to complete the selection.\n    if (!isSelectedIdle) {\n      // If `hoverRange` is set, you need to change the value of hoverDateRange according to the rules\n      if (!(0, _isNil.default)(nextHoverDateRange) && !(0, _isNil.default)(selectRangeValueRef.current)) {\n        var nextSelectedDates = [selectRangeValueRef.current[0], nextHoverDateRange[1]];\n        if ((0, _dateUtils.isBefore)(nextHoverDateRange[0], selectRangeValueRef.current[0])) {\n          nextSelectedDates = [nextHoverDateRange[0], selectRangeValueRef.current[1]];\n        }\n        setSelectedDates(nextSelectedDates);\n      } else {\n        setHoverDateRange(function (prevHoverValue) {\n          return (0, _isNil.default)(prevHoverValue) ? null : [prevHoverValue[0], date];\n        });\n      }\n\n      // Before the first click, if nextHoverDateRange has a value, hoverDateRange needs to be updated\n    } else if (!(0, _isNil.default)(nextHoverDateRange)) {\n      setHoverDateRange(nextHoverDateRange);\n    }\n  });\n\n  /**\n   * Callback for selecting a date cell in the calendar grid\n   */\n  var handleSelectDate = (0, _utils.useEventCallback)(function (index, date, event) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextSelectDates = hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : [];\n    var hoverRangeValue = getHoverRangeValue(date);\n    var noHoverRangeValid = (0, _isNil.default)(hoverRangeValue);\n\n    // in `oneTap` mode\n    if (isSelectedIdle && oneTap) {\n      setDateRange(event, noHoverRangeValid ? [(0, _dateUtils.startOfDay)(date), (0, _dateUtils.endOfDay)(date)] : hoverRangeValue);\n      setSelectedIdle(false);\n      return;\n    }\n\n    // no preset hover range can use\n    if (noHoverRangeValid) {\n      // start select\n      if (isSelectedIdle) {\n        nextSelectDates = [date];\n      } else {\n        // finish select\n        nextSelectDates[1] = date;\n      }\n    } else {\n      if (!isSelectedIdle) {\n        nextSelectDates = selectedDates;\n        selectRangeValueRef.current = null;\n      } else {\n        nextSelectDates = hoverRangeValue;\n        selectRangeValueRef.current = hoverRangeValue;\n      }\n    }\n    if (nextSelectDates.length === 2) {\n      // If user have completed the selection, then sort the selected dates.\n      if ((0, _dateUtils.isAfter)(nextSelectDates[0], nextSelectDates[1])) {\n        nextSelectDates = (0, _dateUtils.reverseDateRangeOmitTime)(nextSelectDates);\n      }\n      if ((0, _dateUtils.shouldRenderTime)(formatStr)) {\n        nextSelectDates = [(0, _dateUtils.copyTime)({\n          from: getCalendarDatetime('start'),\n          to: nextSelectDates[0]\n        }), (0, _dateUtils.copyTime)({\n          from: getCalendarDatetime('end'),\n          to: nextSelectDates[1]\n        })];\n      }\n      setHoverDateRange(nextSelectDates);\n    } else {\n      setHoverDateRange([nextSelectDates[0], nextSelectDates[0]]);\n    }\n    setSelectedDates(nextSelectDates);\n    setCalendarDateRange({\n      dateRange: nextSelectDates,\n      calendarKey: calendarKey,\n      eventName: 'changeDate'\n    });\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n    setSelectedIdle(!isSelectedIdle);\n  });\n\n  /**\n   * If `selectValue` changed, there will be the following effects.\n   * 1. Check if the selection is completed.\n   * 2. if the selection is completed, set the temporary `hoverValue` empty.\n   */\n  (0, _react.useEffect)(function () {\n    var selectValueLength = selectedDates.length;\n    var doneSelected = selectValueLength === 0 || selectValueLength === 2;\n    doneSelected && setHoverDateRange(null);\n  }, [selectedDates]);\n  var handleSingleCalendarMonth = (0, _utils.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeMonth'\n    });\n  });\n  var handleSingleCalendarTime = (0, _utils.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeTime'\n    });\n    setSelectedDates(function (prev) {\n      var next = [].concat(prev);\n\n      // if next[index] is not empty, only update the time after aligning the year, month and day\n      next[index] = next[index] ? (0, _dateUtils.copyTime)({\n        from: date,\n        to: next[index]\n      }) : new Date(date.valueOf());\n      return next;\n    });\n  });\n\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n  var handleToggleMeridian = (0, _utils.useEventCallback)(function (index) {\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = (0, _dateUtils.getReversedTimeMeridian)(nextCalendarDate[index]);\n    setCalendarDate(nextCalendarDate);\n\n    // If the value already exists, update the value again.\n    if (selectedDates.length === 2) {\n      var nextSelectedDates = Array.from(selectedDates);\n      nextSelectedDates[index] = (0, _dateUtils.getReversedTimeMeridian)(nextSelectedDates[index]);\n      setSelectedDates(nextSelectedDates);\n    }\n  });\n  var handleEnter = (0, _utils.useEventCallback)(function () {\n    var nextCalendarDate;\n    if (value && value.length) {\n      var _startDate3 = value[0],\n        endData = value[1];\n      nextCalendarDate = [_startDate3, (0, _dateUtils.isSameMonth)(_startDate3, endData) ? (0, _dateUtils.addMonths)(endData, 1) : endData];\n    } else {\n      // Reset the date on the calendar to the default date\n      nextCalendarDate = (0, _utils2.getSafeCalendarDate)({\n        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null\n      });\n    }\n    setSelectedDates(value !== null && value !== void 0 ? value : []);\n    setCalendarDateRange({\n      dateRange: nextCalendarDate\n    });\n  });\n\n  /**\n   * Toolbar operation callback function\n   */\n  var handleShortcutPageDate = (0, _utils.useEventCallback)(function (range, closeOverlay, event) {\n    if (closeOverlay === void 0) {\n      closeOverlay = false;\n    }\n    var value = range.value;\n    setCalendarDateRange({\n      dateRange: value,\n      eventName: 'shortcutSelection'\n    });\n    if (closeOverlay) {\n      setDateRange(event, value, closeOverlay);\n    } else {\n      setSelectedDates(value !== null && value !== void 0 ? value : []);\n    }\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n\n    // End unfinished selections.\n    setSelectedIdle(true);\n  });\n  var handleOK = (0, _utils.useEventCallback)(function (event) {\n    setDateRange(event, selectedDates);\n    onOk === null || onOk === void 0 ? void 0 : onOk(selectedDates, event);\n  });\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    setCalendarDateRange({\n      dateRange: null\n    });\n    setDateRange(event, null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    event.stopPropagation();\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _utils.useEventCallback)(function (value, event) {\n    if (!value) {\n      return;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    var selectValue = [startDate, endDate];\n    setHoverDateRange(selectValue);\n    setSelectedDates(selectValue);\n    setCalendarDateRange({\n      dateRange: selectValue\n    });\n    setDateRange(event, selectValue);\n  });\n  var isDateDisabled = function isDateDisabled(date, options) {\n    var selectDate = options.selectDate,\n      selectedDone = options.selectedDone,\n      target = options.target;\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date, selectDate, selectedDone, target);\n    }\n    if (typeof DEPRECATED_disabledDateProp === 'function') {\n      return DEPRECATED_disabledDateProp(date, selectDate, selectedDone, target);\n    }\n    return false;\n  };\n  var disabledByBetween = function disabledByBetween(start, end, type) {\n    // If the date is between the start and the end\n    // the button is disabled\n    while ((0, _dateUtils.isBefore)(start, end) || (0, _dateUtils.isSameDay)(start, end)) {\n      if (isDateDisabled(start, {\n        selectDate: selectedDates,\n        selectedDone: isSelectedIdle,\n        target: type\n      })) {\n        return true;\n      }\n      start = (0, _dateUtils.addDays)(start, 1);\n    }\n    return false;\n  };\n  var disabledOkButton = function disabledOkButton() {\n    var start = selectedDates[0],\n      end = selectedDates[1];\n    if (!start || !end || !isSelectedIdle) {\n      return true;\n    }\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_BUTTON_OK);\n  };\n  var disabledShortcutButton = function disabledShortcutButton(value) {\n    if (value === void 0) {\n      value = [];\n    }\n    var _value = value,\n      start = _value[0],\n      end = _value[1];\n    if (!start || !end) {\n      return true;\n    }\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n  };\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n  var handleInputKeyDown = (0, _utils.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref5 = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref5.open;\n        if (!open) {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('popup-daterange'));\n    var panelClasses = prefix('daterange-panel', {\n      'daterange-panel-show-one-calendar': showOneCalendar\n    });\n\n    /**\n     * Set a min-width (528px) when there are two calendars\n     * @see https://github.com/rsuite/rsuite/issues/3522\n     */\n    var panelStyles = {\n      minWidth: showOneCalendar ? 'auto' : 528\n    };\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var calendarProps = {\n      calendarDate: calendarDate,\n      disabledDate: function disabledDate(date, values, type) {\n        return isDateDisabled(date, {\n          selectDate: values,\n          selectedDone: isSelectedIdle,\n          target: type\n        });\n      },\n      format: formatStr,\n      hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,\n      isoWeek: isoWeek,\n      limitEndYear: limitEndYear,\n      limitStartYear: limitStartYear,\n      locale: locale,\n      showWeekNumbers: showWeekNumbers,\n      value: selectedDates,\n      showMeridian: showMeridian,\n      onChangeCalendarMonth: handleSingleCalendarMonth,\n      onChangeCalendarTime: handleSingleCalendarTime,\n      onMouseMove: handleMouseMove,\n      onSelect: handleSelectDate,\n      onToggleMeridian: handleToggleMeridian,\n      renderTitle: renderTitle\n    };\n    var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'left';\n    })) || [];\n    var bottomRanges = ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      target: trigger,\n      style: styles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 782,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      style: panelStyles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 791,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 792,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('daterange-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disabledShortcut: disabledShortcutButton,\n      onShortcutClick: handleShortcutPageDate,\n      \"data-testid\": \"daterange-predefined-side\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 794,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 807,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 808,\n        columnNumber: 15\n      }\n    }, showHeader && /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-header'),\n      \"data-testid\": \"daterange-header\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 810,\n        columnNumber: 19\n      }\n    }, getDateRangeString(isSelectedIdle ? selectedDates : hoverDateRange)), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 814,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/_react.default.createElement(_DateRangePickerContext.default.Provider, {\n      value: {\n        isSelectedIdle: isSelectedIdle\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 817,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 0\n    }, calendarProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 818,\n        columnNumber: 21\n      }\n    })), !showOneCalendar && /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 1\n    }, calendarProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 819,\n        columnNumber: 42\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      onShortcutClick: handleShortcutPageDate,\n      ranges: bottomRanges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 823,\n        columnNumber: 15\n      }\n    })))));\n  };\n  var hasValue = !(0, _isNil.default)(value) && value.length > 1;\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'daterange',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || ((0, _dateUtils.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  var isErrorValue = function isErrorValue(value) {\n    if (!value) {\n      return false;\n    }\n\n    // If the value is an empty array, it is not an error value.\n    if (Array.isArray(value) && value.length === 0) {\n      return false;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    if (!(0, _dateUtils.isValid)(startDate) || !(0, _dateUtils.isValid)(endDate)) {\n      return true;\n    }\n    if ((0, _dateUtils.isBefore)(endDate, startDate)) {\n      return true;\n    }\n    var disabledOptions = {\n      selectDate: value,\n      selectedDone: isSelectedIdle,\n      target: _utils.DATERANGE_DISABLED_TARGET.INPUT\n    };\n    if (isDateDisabled(startDate, disabledOptions) || isDateDisabled(endDate, disabledOptions)) {\n      return true;\n    }\n    return false;\n  };\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var invalidValue = value && isErrorValue(value);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    ref: trigger,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    placement: placement,\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: onEntered,\n    onExited: onExited,\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 895,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    ref: root,\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 905,\n      columnNumber: 7\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateRangeInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 911,\n      columnNumber: 11\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _dateUtils.calendarOnlyProps)), {\n    inside: true,\n    size: size,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 913,\n      columnNumber: 11\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 922,\n      columnNumber: 13\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(_DateRangeInput.default, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: value,\n    character: character,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : rangeFormatStr,\n    disabled: disabled,\n    onChange: handleInputChange,\n    readOnly: readOnly || !editable || loading,\n    plaintext: plaintext,\n    onKeyDown: handleInputKeyDown,\n    htmlSize: getInputHtmlSize(),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 925,\n      columnNumber: 13\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 943,\n      columnNumber: 13\n    }\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([(0, _propTypes2.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  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  shouldDisableDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showWeekNumbers: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  showOneCalendar: _propTypes.default.bool\n});\nvar _default = 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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _Calendar2 = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/DateRangePicker/Calendar.tsx\"));\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _DateRangePickerContext = _interopRequireDefault(__webpack_require__(/*! ./DateRangePickerContext */ \"./src/DateRangePicker/DateRangePickerContext.ts\"));\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ../DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/DateRangePicker/Header.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * A date range picker allows you to select a date range from a calendar.\n *\n * @see https://rsuitejs.com/components/date-range-picker\n */\nvar DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _ref2, _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    className = props.className,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$character = props.character,\n    character = _props$character === void 0 ? ' ~ ' : _props$character,\n    defaultCalendarValue = props.defaultCalendarValue,\n    defaultValue = props.defaultValue,\n    plaintext = props.plaintext,\n    disabled = props.disabled,\n    DEPRECATED_disabledDateProp = props.disabledDate,\n    shouldDisableDate = props.shouldDisableDate,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    hoverRange = props.hoverRange,\n    idProp = props.id,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    ranges = props.ranges,\n    readOnly = props.readOnly,\n    _props$showOneCalenda = props.showOneCalendar,\n    showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,\n    showWeekNumbers = props.showWeekNumbers,\n    showMeridian = props.showMeridian,\n    _props$showHeader = props.showHeader,\n    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,\n    style = props.style,\n    size = props.size,\n    caretAsProp = props.caretAs,\n    valueProp = props.value,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onEnter = props.onEnter,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    onOk = props.onOk,\n    onSelect = props.onSelect,\n    onShortcutClick = props.onShortcutClick,\n    renderTitle = props.renderTitle,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"appearance\", \"editable\", \"cleanable\", \"character\", \"defaultCalendarValue\", \"defaultValue\", \"plaintext\", \"disabled\", \"disabledDate\", \"shouldDisableDate\", \"format\", \"hoverRange\", \"id\", \"isoWeek\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"readOnly\", \"showOneCalendar\", \"showWeekNumbers\", \"showMeridian\", \"showHeader\", \"style\", \"size\", \"caretAs\", \"value\", \"onChange\", \"onClean\", \"onEnter\", \"onEntered\", \"onExited\", \"onOk\", \"onSelect\", \"onShortcutClick\", \"renderTitle\"]);\n  var id = (0, _utils.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _utils.useCustom)('DateRangePicker', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),\n    value = _useControlled[0],\n    setValue = _useControlled[1]; // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = (0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr);\n\n  /**\n   * Whether to complete the selection.\n   * Everytime selection will change this value. If the value is false, it means that the selection has not been completed.\n   *\n   * In `oneTap` mode, select action will not change this value, its value should be true always.\n   */\n  var _useState = (0, _react.useState)(true),\n    isSelectedIdle = _useState[0],\n    setSelectedIdle = _useState[1];\n  /**\n   * The currently selected date range.\n   *\n   * The time range is selected by two clicks. After the first click,\n   * the cursor will store a temporary event date in the process until\n   * the second click to determine the end date of the date range.\n   *\n   */\n  var _useState2 = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),\n    selectedDates = _useState2[0],\n    setSelectedDates = _useState2[1]; // The date of the current hover, used to reduce the calculation of `handleMouseMove`\n  var _useState3 = (0, _react.useState)(null),\n    hoverDateRange = _useState3[0],\n    setHoverDateRange = _useState3[1]; // The displayed calendar panel is rendered based on this value.\n  var _useState4 = (0, _react.useState)((0, _utils2.getSafeCalendarDate)({\n      value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null\n    })),\n    calendarDate = _useState4[0],\n    setCalendarDate = _useState4[1];\n  /**\n   * When hoverRange is set, `selectValue` will be updated during the hover process,\n   * which will cause the `selectValue` to be updated after the first click,\n   * so declare a Ref to temporarily store the `selectValue` of the first click.\n   */\n  var selectRangeValueRef = (0, _react.useRef)(null);\n  var _useState5 = (0, _react.useState)(),\n    activeCalendarKey = _useState5[0],\n    setActiveCalendarKey = _useState5[1];\n  /**\n   * Get the time on the calendar.\n   */\n  var getCalendarDatetime = function getCalendarDatetime(calendarKey) {\n    var index = calendarKey === 'start' ? 0 : 1;\n    return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate[index]) || (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue[index]);\n  };\n\n  /**\n   * Call this function to update the calendar panel rendering benchmark value.\n   * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].\n   */\n  var setCalendarDateRange = function setCalendarDateRange(_ref3) {\n    var dateRange = _ref3.dateRange,\n      calendarKey = _ref3.calendarKey,\n      eventName = _ref3.eventName;\n    var nextValue = dateRange;\n\n    // The time should remain the same when the dates in the date range are changed.\n    if ((0, _dateUtils.shouldRenderTime)(formatStr) && dateRange !== null && dateRange !== void 0 && dateRange.length && eventName !== 'changeTime' && eventName !== 'shortcutSelection') {\n      var _startDate = (0, _dateUtils.copyTime)({\n        from: getCalendarDatetime('start'),\n        to: dateRange[0]\n      });\n      var _endDate = (0, _dateUtils.copyTime)({\n        from: getCalendarDatetime('end'),\n        to: dateRange.length === 1 ? (0, _dateUtils.addMonths)(_startDate, 1) : dateRange[1]\n      });\n      nextValue = [_startDate, _endDate];\n    } else if (dateRange === null && typeof defaultCalendarValue !== 'undefined') {\n      // Make the calendar render the value of defaultCalendarValue after clearing the value.\n      nextValue = defaultCalendarValue;\n    }\n    var nextCalendarDate = (0, _utils2.getSafeCalendarDate)({\n      value: nextValue,\n      calendarKey: calendarKey,\n      allowAameMonth: onlyShowMonth\n    });\n    setCalendarDate(nextCalendarDate);\n    if (onlyShowMonth && eventName === 'changeMonth') {\n      setSelectedDates(nextCalendarDate);\n    }\n  };\n\n  // if valueProp changed then update selectValue/hoverValue\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  var getInputHtmlSize = function getInputHtmlSize() {\n    var padding = 4;\n    var strings = rangeFormatStr;\n    if (value) {\n      var _startDate2 = value[0],\n        _endDate2 = value[1];\n      strings = \"\" + formatDate(_startDate2, formatStr) + character + formatDate(_endDate2, formatStr);\n    }\n    return (0, _utils.getStringLength)(strings) + padding;\n  };\n\n  /**\n   * preset hover range\n   */\n  var getHoverRangeValue = function getHoverRangeValue(date) {\n    function getHoverRangeFunc() {\n      if (hoverRange === 'week') {\n        return (0, _partial.default)(_utils2.getWeekHoverRange, isoWeek);\n      } else if (hoverRange === 'month') {\n        return _utils2.getMonthHoverRange;\n      }\n      return hoverRange;\n    }\n    var hoverRangeFunc = getHoverRangeFunc();\n    if ((0, _isNil.default)(hoverRangeFunc)) {\n      return null;\n    }\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n    if (!isHoverRangeValid) {\n      return null;\n    }\n    if ((0, _dateUtils.isAfter)(hoverValues[0], hoverValues[1])) {\n      hoverValues = (0, _dateUtils.reverseDateRangeOmitTime)(hoverValues);\n    }\n    return hoverValues;\n  };\n  var setDateRange = function setDateRange(event, nextValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    // If nextValue is null, it means that the user is erasing the selected dates.\n    setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);\n    setValue(nextValue);\n    if (!(0, _utils2.isSameRange)(nextValue, value, formatStr)) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.\n   * The MouseMove event is called between the first click and the second click to update the selection state.\n   */\n  var onMouseMove = (0, _utils.useEventCallback)(function (date) {\n    var nextHoverDateRange = getHoverRangeValue(date);\n\n    // If hasDoneSelect is false,\n    // it means there's already one selected date\n    // and waiting for user to select the second date to complete the selection.\n    if (!isSelectedIdle) {\n      // If `hoverRange` is set, you need to change the value of hoverDateRange according to the rules\n      if (!(0, _isNil.default)(nextHoverDateRange) && !(0, _isNil.default)(selectRangeValueRef.current)) {\n        var nextSelectedDates = [selectRangeValueRef.current[0], nextHoverDateRange[1]];\n        if ((0, _dateUtils.isBefore)(nextHoverDateRange[0], selectRangeValueRef.current[0])) {\n          nextSelectedDates = [nextHoverDateRange[0], selectRangeValueRef.current[1]];\n        }\n        setSelectedDates(nextSelectedDates);\n      } else {\n        setHoverDateRange(function (prevHoverValue) {\n          return (0, _isNil.default)(prevHoverValue) ? null : [prevHoverValue[0], date];\n        });\n      }\n\n      // Before the first click, if nextHoverDateRange has a value, hoverDateRange needs to be updated\n    } else if (!(0, _isNil.default)(nextHoverDateRange)) {\n      setHoverDateRange(nextHoverDateRange);\n    }\n  });\n\n  /**\n   * Callback for selecting a date cell in the calendar grid\n   */\n  var handleSelectDate = (0, _utils.useEventCallback)(function (index, date, event) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextSelectDates = hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : [];\n    var hoverRangeValue = getHoverRangeValue(date);\n    var noHoverRangeValid = (0, _isNil.default)(hoverRangeValue);\n\n    // in `oneTap` mode\n    if (oneTap) {\n      setDateRange(event, noHoverRangeValid ? [(0, _dateUtils.startOfDay)(date), (0, _dateUtils.endOfDay)(date)] : hoverRangeValue);\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n      return;\n    }\n\n    // no preset hover range can use\n    if (noHoverRangeValid) {\n      // start select\n      if (isSelectedIdle) {\n        nextSelectDates = [date];\n      } else {\n        // finish select\n        nextSelectDates[1] = date;\n      }\n    } else {\n      if (!isSelectedIdle) {\n        nextSelectDates = selectedDates;\n        selectRangeValueRef.current = null;\n      } else {\n        nextSelectDates = hoverRangeValue;\n        selectRangeValueRef.current = hoverRangeValue;\n      }\n    }\n    if (nextSelectDates.length === 2) {\n      // If user have completed the selection, then sort the selected dates.\n      if ((0, _dateUtils.isAfter)(nextSelectDates[0], nextSelectDates[1])) {\n        nextSelectDates = (0, _dateUtils.reverseDateRangeOmitTime)(nextSelectDates);\n      }\n      if ((0, _dateUtils.shouldRenderTime)(formatStr)) {\n        nextSelectDates = [(0, _dateUtils.copyTime)({\n          from: getCalendarDatetime('start'),\n          to: nextSelectDates[0]\n        }), (0, _dateUtils.copyTime)({\n          from: getCalendarDatetime('end'),\n          to: nextSelectDates[1]\n        })];\n      }\n      setHoverDateRange(nextSelectDates);\n    } else {\n      setHoverDateRange([nextSelectDates[0], nextSelectDates[0]]);\n    }\n    setSelectedDates(nextSelectDates);\n    setCalendarDateRange({\n      dateRange: nextSelectDates,\n      calendarKey: calendarKey,\n      eventName: 'changeDate'\n    });\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n    setSelectedIdle(!isSelectedIdle);\n  });\n\n  /**\n   * If `selectValue` changed, there will be the following effects.\n   * 1. Check if the selection is completed.\n   * 2. if the selection is completed, set the temporary `hoverValue` empty.\n   */\n  (0, _react.useEffect)(function () {\n    var selectValueLength = selectedDates.length;\n    var doneSelected = selectValueLength === 0 || selectValueLength === 2;\n    doneSelected && setHoverDateRange(null);\n  }, [selectedDates]);\n  var onChangeCalendarMonth = (0, _utils.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeMonth'\n    });\n  });\n  var onChangeCalendarTime = (0, _utils.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeTime'\n    });\n    setSelectedDates(function (prev) {\n      var next = [].concat(prev);\n\n      // if next[index] is not empty, only update the time after aligning the year, month and day\n      next[index] = next[index] ? (0, _dateUtils.copyTime)({\n        from: date,\n        to: next[index]\n      }) : new Date(date.valueOf());\n      return next;\n    });\n  });\n\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n  var onToggleMeridian = (0, _utils.useEventCallback)(function (index) {\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = (0, _dateUtils.getReversedTimeMeridian)(nextCalendarDate[index]);\n    setCalendarDate(nextCalendarDate);\n\n    // If the value already exists, update the value again.\n    if (selectedDates.length === 2) {\n      var nextSelectedDates = Array.from(selectedDates);\n      nextSelectedDates[index] = (0, _dateUtils.getReversedTimeMeridian)(nextSelectedDates[index]);\n      setSelectedDates(nextSelectedDates);\n    }\n  });\n  var handleEnter = (0, _utils.useEventCallback)(function () {\n    var nextCalendarDate;\n    if (value && value.length) {\n      var _startDate3 = value[0],\n        endData = value[1];\n      nextCalendarDate = [_startDate3, (0, _dateUtils.isSameMonth)(_startDate3, endData) ? (0, _dateUtils.addMonths)(endData, 1) : endData];\n    } else {\n      // Reset the date on the calendar to the default date\n      nextCalendarDate = (0, _utils2.getSafeCalendarDate)({\n        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null\n      });\n    }\n    setSelectedDates(value !== null && value !== void 0 ? value : []);\n    setCalendarDateRange({\n      dateRange: nextCalendarDate\n    });\n  });\n\n  /**\n   * Toolbar operation callback function\n   */\n  var handleShortcutPageDate = (0, _utils.useEventCallback)(function (range, closeOverlay, event) {\n    if (closeOverlay === void 0) {\n      closeOverlay = false;\n    }\n    var value = range.value;\n    setCalendarDateRange({\n      dateRange: value,\n      eventName: 'shortcutSelection'\n    });\n    if (closeOverlay) {\n      setDateRange(event, value, closeOverlay);\n    } else {\n      setSelectedDates(value !== null && value !== void 0 ? value : []);\n    }\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n\n    // End unfinished selections.\n    setSelectedIdle(true);\n  });\n  var handleOK = (0, _utils.useEventCallback)(function (event) {\n    setDateRange(event, selectedDates);\n    onOk === null || onOk === void 0 ? void 0 : onOk(selectedDates, event);\n  });\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    setCalendarDateRange({\n      dateRange: null\n    });\n    setDateRange(event, null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    event.stopPropagation();\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _utils.useEventCallback)(function (value, event) {\n    if (!value) {\n      return;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    var selectValue = [startDate, endDate];\n    setHoverDateRange(selectValue);\n    setSelectedDates(selectValue);\n    setCalendarDateRange({\n      dateRange: selectValue\n    });\n    setDateRange(event, selectValue);\n  });\n  var isDateDisabled = function isDateDisabled(date, options) {\n    var selectDate = options.selectDate,\n      selectedDone = options.selectedDone,\n      target = options.target;\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date, selectDate, selectedDone, target);\n    }\n    if (typeof DEPRECATED_disabledDateProp === 'function') {\n      return DEPRECATED_disabledDateProp(date, selectDate, selectedDone, target);\n    }\n    return false;\n  };\n  var disableByBetween = function disableByBetween(start, end, type) {\n    // If the date is between the start and the end\n    // the button is disabled\n    while ((0, _dateUtils.isBefore)(start, end) || (0, _dateUtils.isSameDay)(start, end)) {\n      if (isDateDisabled(start, {\n        selectDate: selectedDates,\n        selectedDone: isSelectedIdle,\n        target: type\n      })) {\n        return true;\n      }\n      start = (0, _dateUtils.addDays)(start, 1);\n    }\n    return false;\n  };\n  var disableOkButton = function disableOkButton() {\n    var start = selectedDates[0],\n      end = selectedDates[1];\n    if (!start || !end || !isSelectedIdle) {\n      return true;\n    }\n    return disableByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_BUTTON_OK);\n  };\n  var disableShortcut = function disableShortcut(value) {\n    if (value === void 0) {\n      value = [];\n    }\n    var _value = value,\n      start = _value[0],\n      end = _value[1];\n    if (!start || !end) {\n      return true;\n    }\n    return disableByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n  };\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n  var handleInputKeyDown = (0, _utils.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref4 = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref4.open;\n        if (!open) {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('popup-daterange'));\n    var panelClasses = prefix('daterange-panel', {\n      'daterange-panel-show-one-calendar': showOneCalendar\n    });\n\n    /**\n     * Set a min-width (528px) when there are two calendars\n     * @see https://github.com/rsuite/rsuite/issues/3522\n     */\n    var panelStyles = {\n      minWidth: showOneCalendar ? 'auto' : 528\n    };\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var disabledDate = function disabledDate(date, values, type) {\n      return isDateDisabled(date, {\n        selectDate: values,\n        selectedDone: isSelectedIdle,\n        target: type\n      });\n    };\n    var calendarProps = {\n      locale: locale,\n      isoWeek: isoWeek,\n      limitEndYear: limitEndYear,\n      showMeridian: showMeridian,\n      calendarDate: calendarDate,\n      limitStartYear: limitStartYear,\n      showWeekNumbers: showWeekNumbers,\n      format: formatStr,\n      value: selectedDates,\n      hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,\n      onSelect: handleSelectDate,\n      onChangeCalendarMonth: onChangeCalendarMonth,\n      onChangeCalendarTime: onChangeCalendarTime,\n      onToggleMeridian: onToggleMeridian,\n      onMouseMove: onMouseMove,\n      disabledDate: disabledDate,\n      renderTitle: renderTitle\n    };\n    var getCalendars = function getCalendars() {\n      if (showOneCalendar) {\n        return /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n          index: activeCalendarKey === 'end' ? 1 : 0\n        }, calendarProps, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 773,\n            columnNumber: 16\n          }\n        }));\n      }\n      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n        index: 0\n      }, calendarProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 778,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n        index: 1\n      }, calendarProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 779,\n          columnNumber: 11\n        }\n      })));\n    };\n    var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'left';\n    })) || [];\n    var bottomRanges = ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      target: trigger,\n      style: styles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 790,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      style: panelStyles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 799,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 800,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('daterange-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disableShortcut: disableShortcut,\n      onShortcutClick: handleShortcutPageDate,\n      \"data-testid\": \"daterange-predefined-side\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 802,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 815,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 816,\n        columnNumber: 15\n      }\n    }, showHeader && /*#__PURE__*/_react.default.createElement(_Header.default, {\n      value: isSelectedIdle ? selectedDates : hoverDateRange,\n      formatStr: formatStr,\n      character: character,\n      clickable: showOneCalendar,\n      activeKey: activeCalendarKey,\n      onSelect: setActiveCalendarKey,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 818,\n        columnNumber: 19\n      }\n    }), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 828,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/_react.default.createElement(_DateRangePickerContext.default.Provider, {\n      value: {\n        isSelectedIdle: isSelectedIdle\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 831,\n        columnNumber: 19\n      }\n    }, getCalendars()))), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      calendarDate: selectedDates,\n      disableOkBtn: disableOkButton,\n      disableShortcut: disableShortcut,\n      hideOkBtn: oneTap,\n      onOk: handleOK,\n      onShortcutClick: handleShortcutPageDate,\n      ranges: bottomRanges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 836,\n        columnNumber: 15\n      }\n    })))));\n  };\n  var hasValue = !(0, _isNil.default)(value) && value.length > 1;\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'daterange',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || ((0, _dateUtils.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  var isErrorValue = function isErrorValue(value) {\n    if (!value) {\n      return false;\n    }\n\n    // If the value is an empty array, it is not an error value.\n    if (Array.isArray(value) && value.length === 0) {\n      return false;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    if (!(0, _dateUtils.isValid)(startDate) || !(0, _dateUtils.isValid)(endDate)) {\n      return true;\n    }\n    if ((0, _dateUtils.isBefore)(endDate, startDate)) {\n      return true;\n    }\n    var disabledOptions = {\n      selectDate: value,\n      selectedDone: isSelectedIdle,\n      target: _utils.DATERANGE_DISABLED_TARGET.INPUT\n    };\n    if (isDateDisabled(startDate, disabledOptions) || isDateDisabled(endDate, disabledOptions)) {\n      return true;\n    }\n    return false;\n  };\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var invalidValue = value && isErrorValue(value);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    ref: trigger,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    placement: placement,\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: onEntered,\n    onExited: onExited,\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 908,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    ref: root,\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 918,\n      columnNumber: 7\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateRangeInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 924,\n      columnNumber: 11\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _dateUtils.calendarOnlyProps)), {\n    inside: true,\n    size: size,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 926,\n      columnNumber: 11\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 935,\n      columnNumber: 13\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(_DateRangeInput.default, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: value,\n    character: character,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : rangeFormatStr,\n    disabled: disabled,\n    onChange: handleInputChange,\n    readOnly: readOnly || !editable || loading,\n    plaintext: plaintext,\n    onKeyDown: handleInputKeyDown,\n    htmlSize: getInputHtmlSize(),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 938,\n      columnNumber: 13\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 956,\n      columnNumber: 13\n    }\n  }))));\n});\nDateRangePicker.displayName = 'DateRangePicker';\nDateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultCalendarValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverRange: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  shouldDisableDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showWeekNumbers: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  showOneCalendar: _propTypes.default.bool\n});\nvar _default = DateRangePicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.tsx?");
 
 /***/ }),
 
@@ -7000,7 +7022,18 @@ 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\");\nexports.__esModule = true;\nexports.useDateRangePickerContext = exports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar DateRangePickerContext = /*#__PURE__*/_react.default.createContext({});\nvar _default = DateRangePickerContext;\nexports[\"default\"] = _default;\nvar useDateRangePickerContext = function useDateRangePickerContext() {\n  return (0, _react.useContext)(DateRangePickerContext) || {};\n};\nexports.useDateRangePickerContext = useDateRangePickerContext;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePickerContext.ts?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.useDateRangePickerContext = void 0;\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar DateRangePickerContext = /*#__PURE__*/_react.default.createContext({});\nvar useDateRangePickerContext = function useDateRangePickerContext() {\n  return (0, _react.useContext)(DateRangePickerContext) || {};\n};\nexports.useDateRangePickerContext = useDateRangePickerContext;\nvar _default = DateRangePickerContext;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePickerContext.ts?");
+
+/***/ }),
+
+/***/ "./src/DateRangePicker/Header.tsx":
+/*!****************************************!*\
+  !*** ./src/DateRangePicker/Header.tsx ***!
+  \****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/Header.tsx\";\nfunction Header(props) {\n  var _prefix;\n  var _useClassNames = (0, _utils.useClassNames)('picker'),\n    prefix = _useClassNames.prefix;\n  var formatStr = props.formatStr,\n    character = props.character,\n    value = props.value,\n    _props$activeKey = props.activeKey,\n    activeKey = _props$activeKey === void 0 ? 'start' : _props$activeKey,\n    clickable = props.clickable,\n    onSelect = props.onSelect;\n  var _ref = value !== null && value !== void 0 ? value : [null, null],\n    startDate = _ref[0],\n    endDate = _ref[1];\n  var v = startDate && endDate ? [startDate, endDate].sort(_dateUtils.compareAsc) : [startDate, endDate];\n  var start = v[0] ? /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n    date: v[0],\n    formatStr: formatStr,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 22,\n      columnNumber: 24\n    }\n  }) : formatStr;\n  var end = v[1] ? /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n    date: v[1],\n    formatStr: formatStr,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 22\n    }\n  }) : formatStr;\n  return /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('daterange-header', (_prefix = {}, _prefix[\"tab-active-\" + activeKey] = clickable, _prefix)),\n    \"data-testid\": \"daterange-header\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 5\n    }\n  }, clickable ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {\n    size: \"xs\",\n    appearance: \"subtle\",\n    className: prefix('header-date'),\n    onClick: function onClick() {\n      return onSelect === null || onSelect === void 0 ? void 0 : onSelect('start');\n    },\n    \"aria-label\": \"Select start date\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 11\n    }\n  }, start), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('header-character'),\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 11\n    }\n  }, character), /*#__PURE__*/_react.default.createElement(_Button.default, {\n    size: \"xs\",\n    appearance: \"subtle\",\n    className: prefix('header-date'),\n    onClick: function onClick() {\n      return onSelect === null || onSelect === void 0 ? void 0 : onSelect('end');\n    },\n    \"aria-label\": \"Select end date\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 11\n    }\n  }, end)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('header-date'),\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 11\n    }\n  }, start), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('header-character'),\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55,\n      columnNumber: 11\n    }\n  }, character), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('header-date'),\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56,\n      columnNumber: 11\n    }\n  }, end)));\n}\nvar _default = Header;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/Header.tsx?");
 
 /***/ }),
 
@@ -7011,7 +7044,7 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/h
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.allowedMaxDays = allowedMaxDays;\nexports.allowedDays = allowedDays;\nexports.allowedRange = allowedRange;\nexports.before = before;\nexports.after = after;\nexports.beforeToday = beforeToday;\nexports.afterToday = afterToday;\nexports.combine = combine;\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nfunction isAfterDay(date1, date2) {\n  return _utils.DateUtils.isAfter(new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()), new Date(date2.getFullYear(), date2.getMonth(), date2.getDate()));\n}\nfunction isBeforeDay(date1, date2) {\n  return _utils.DateUtils.isBefore(new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()), new Date(date2.getFullYear(), date2.getMonth(), date2.getDate()));\n}\n\n/**\n Allow the maximum number of days specified, other dates are disabled.\n */\nfunction allowedMaxDays(days) {\n  return function (date, selectValue, selectedDone, target) {\n    var beforeLimit = false;\n    var afterLimit = false;\n    if (selectValue !== null && selectValue !== void 0 && selectValue[0]) {\n      var startDate = selectValue[0];\n      beforeLimit = (0, _utils.composeFunctions)(function (f) {\n        return _utils.DateUtils.addDays(f, -days + 1);\n      }, function (f) {\n        return isAfterDay(f, date);\n      })(startDate);\n      afterLimit = (0, _utils.composeFunctions)(function (f) {\n        return _utils.DateUtils.addDays(f, days - 1);\n      }, function (f) {\n        return isBeforeDay(f, date);\n      })(startDate);\n    }\n    if (target === 'CALENDAR' && !selectedDone && (beforeLimit || afterLimit)) {\n      return true;\n    }\n    return false;\n  };\n}\n\n/**\n Only allowed days are specified, other dates are disabled.\n */\nfunction allowedDays(days) {\n  return function (date, selectValue, selectedDone, target) {\n    var beforeLimit = false;\n    var afterLimit = false;\n    if (selectValue !== null && selectValue !== void 0 && selectValue[0]) {\n      var startDate = selectValue[0];\n      beforeLimit = (0, _utils.composeFunctions)(function (f) {\n        return _utils.DateUtils.addDays(f, -days + 1);\n      }, function (f) {\n        return !_utils.DateUtils.isSameDay(f, date);\n      })(startDate);\n      afterLimit = (0, _utils.composeFunctions)(function (f) {\n        return _utils.DateUtils.addDays(f, days - 1);\n      }, function (f) {\n        return !_utils.DateUtils.isSameDay(f, date);\n      })(startDate);\n    }\n    if (target === 'CALENDAR' && !selectedDone && beforeLimit && afterLimit) {\n      return true;\n    }\n    return false;\n  };\n}\n\n/**\n Allow specified date range, other dates are disabled.\n */\nfunction allowedRange(startDate, endDate) {\n  return function (date) {\n    if (isBeforeDay(date, new Date(startDate)) || isAfterDay(date, new Date(endDate))) {\n      return true;\n    }\n    return false;\n  };\n}\n\n/**\n Disable dates after the specified date.\n */\nfunction before(beforeDate) {\n  if (beforeDate === void 0) {\n    beforeDate = new Date();\n  }\n  return function (date) {\n    if (isBeforeDay(date, new Date(beforeDate))) {\n      return true;\n    }\n    return false;\n  };\n}\n\n/**\n Disable dates before the specified date.\n */\nfunction after(afterDate) {\n  if (afterDate === void 0) {\n    afterDate = new Date();\n  }\n  return function (date) {\n    if (isAfterDay(date, new Date(afterDate))) {\n      return true;\n    }\n    return false;\n  };\n}\n\n/**\n Disable dates after today.\n */\nfunction beforeToday() {\n  return before();\n}\n\n/**\n Disable dates before today.\n */\nfunction afterToday() {\n  return after();\n}\n\n/**\n Used to combine multiple conditions.\n */\nfunction combine() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n  return function () {\n    for (var _len2 = arguments.length, disabledDateArgs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      disabledDateArgs[_key2] = arguments[_key2];\n    }\n    return args.reduce(function (a, b) {\n      return a.apply(void 0, disabledDateArgs) || b.apply(void 0, disabledDateArgs);\n    });\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/disabledDateUtils.ts?");
+eval("\n\nexports.__esModule = true;\nexports.allowedMaxDays = allowedMaxDays;\nexports.allowedDays = allowedDays;\nexports.allowedRange = allowedRange;\nexports.before = before;\nexports.after = after;\nexports.beforeToday = beforeToday;\nexports.afterToday = afterToday;\nexports.combine = combine;\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nfunction isAfterDay(date1, date2) {\n  return _utils.DateUtils.isAfter(new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()), new Date(date2.getFullYear(), date2.getMonth(), date2.getDate()));\n}\nfunction isBeforeDay(date1, date2) {\n  return _utils.DateUtils.isBefore(new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()), new Date(date2.getFullYear(), date2.getMonth(), date2.getDate()));\n}\n\n/**\n Allow the maximum number of days specified, other dates are disabled.\n */\nfunction allowedMaxDays(days) {\n  return function (date, selectValue, selectedDone, target) {\n    var beforeLimit = false;\n    var afterLimit = false;\n    if (selectValue !== null && selectValue !== void 0 && selectValue[0]) {\n      var startDate = selectValue[0];\n      beforeLimit = (0, _utils.composeFunctions)(function (f) {\n        return _utils.DateUtils.addDays(f, -days + 1);\n      }, function (f) {\n        return isAfterDay(f, date);\n      })(startDate);\n      afterLimit = (0, _utils.composeFunctions)(function (f) {\n        return _utils.DateUtils.addDays(f, days - 1);\n      }, function (f) {\n        return isBeforeDay(f, date);\n      })(startDate);\n    }\n    if (target === 'CALENDAR' && !selectedDone && (beforeLimit || afterLimit)) {\n      return true;\n    }\n    return false;\n  };\n}\n\n/**\n * Only allowed days are specified, other dates are disabled.\n */\nfunction allowedDays(days) {\n  return function (date, selectValue, selectedDone, target) {\n    var beforeLimit = false;\n    var afterLimit = false;\n    if (selectValue !== null && selectValue !== void 0 && selectValue[0]) {\n      var startDate = selectValue[0];\n      beforeLimit = (0, _utils.composeFunctions)(function (f) {\n        return _utils.DateUtils.addDays(f, -days + 1);\n      }, function (f) {\n        return !_utils.DateUtils.isSameDay(f, date);\n      })(startDate);\n      afterLimit = (0, _utils.composeFunctions)(function (f) {\n        return _utils.DateUtils.addDays(f, days - 1);\n      }, function (f) {\n        return !_utils.DateUtils.isSameDay(f, date);\n      })(startDate);\n    }\n    if (target === 'CALENDAR' && !selectedDone && beforeLimit && afterLimit) {\n      return true;\n    }\n    return false;\n  };\n}\n\n/**\n Allow specified date range, other dates are disabled.\n */\nfunction allowedRange(startDate, endDate) {\n  return function (date) {\n    if (isBeforeDay(date, new Date(startDate)) || isAfterDay(date, new Date(endDate))) {\n      return true;\n    }\n    return false;\n  };\n}\n\n/**\n Disable dates after the specified date.\n */\nfunction before(beforeDate) {\n  if (beforeDate === void 0) {\n    beforeDate = new Date();\n  }\n  return function (date) {\n    if (isBeforeDay(date, new Date(beforeDate))) {\n      return true;\n    }\n    return false;\n  };\n}\n\n/**\n Disable dates before the specified date.\n */\nfunction after(afterDate) {\n  if (afterDate === void 0) {\n    afterDate = new Date();\n  }\n  return function (date) {\n    if (isAfterDay(date, new Date(afterDate))) {\n      return true;\n    }\n    return false;\n  };\n}\n\n/**\n Disable dates after today.\n */\nfunction beforeToday() {\n  return before();\n}\n\n/**\n Disable dates before today.\n */\nfunction afterToday() {\n  return after();\n}\n\n/**\n Used to combine multiple conditions.\n */\nfunction combine() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n  return function () {\n    for (var _len2 = arguments.length, disabledDateArgs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      disabledDateArgs[_key2] = arguments[_key2];\n    }\n    return args.reduce(function (a, b) {\n      return a.apply(void 0, disabledDateArgs) || b.apply(void 0, disabledDateArgs);\n    });\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/disabledDateUtils.ts?");
 
 /***/ }),
 
@@ -7022,7 +7055,7 @@ eval("\n\nexports.__esModule = true;\nexports.allowedMaxDays = allowedMaxDays;\n
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/DateRangePicker.tsx\"));\nvar _default = _DateRangePicker.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/index.tsx?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/DateRangePicker.tsx\"));\nvar utils = _interopRequireWildcard(__webpack_require__(/*! ./disabledDateUtils */ \"./src/DateRangePicker/disabledDateUtils.ts\"));\nObject.keys(utils).forEach(function (key) {\n  _DateRangePicker.default[key] = utils[key];\n});\nvar _default = _DateRangePicker.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/index.tsx?");
 
 /***/ }),
 
@@ -7253,7 +7286,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends6 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ./FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormControl = _interopRequireDefault(__webpack_require__(/*! ../FormControl */ \"./src/FormControl/index.tsx\"));\nvar _FormControlLabel = _interopRequireDefault(__webpack_require__(/*! ../FormControlLabel */ \"./src/FormControlLabel/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _FormGroup = _interopRequireDefault(__webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\"));\nvar _FormHelpText = _interopRequireDefault(__webpack_require__(/*! ../FormHelpText */ \"./src/FormHelpText/index.tsx\"));\nvar _useFormClassNames = __webpack_require__(/*! ./useFormClassNames */ \"./src/Form/useFormClassNames.ts\");\nvar _useSchemaModel2 = _interopRequireDefault(__webpack_require__(/*! ./useSchemaModel */ \"./src/Form/useSchemaModel.ts\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Form/Form.tsx\",\n  _this = void 0;\n/**\n * The `Form` component is a form interface for collecting and validating user input.\n * @see https://rsuitejs.com/components/form\n */\nvar Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$checkTrigger = props.checkTrigger,\n    checkTrigger = _props$checkTrigger === void 0 ? 'change' : _props$checkTrigger,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form' : _props$classPrefix,\n    _props$errorFromConte = props.errorFromContext,\n    errorFromContext = _props$errorFromConte === void 0 ? true : _props$errorFromConte,\n    _props$formDefaultVal = props.formDefaultValue,\n    formDefaultValue = _props$formDefaultVal === void 0 ? {} : _props$formDefaultVal,\n    formValue = props.formValue,\n    formError = props.formError,\n    fluid = props.fluid,\n    _props$nestedField = props.nestedField,\n    nestedField = _props$nestedField === void 0 ? false : _props$nestedField,\n    _props$layout = props.layout,\n    layout = _props$layout === void 0 ? 'vertical' : _props$layout,\n    _props$model = props.model,\n    formModel = _props$model === void 0 ? (0, _schemaTyped.SchemaModel)({}) : _props$model,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    className = props.className,\n    children = props.children,\n    disabled = props.disabled,\n    onSubmit = props.onSubmit,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"checkTrigger\", \"classPrefix\", \"errorFromContext\", \"formDefaultValue\", \"formValue\", \"formError\", \"fluid\", \"nestedField\", \"layout\", \"model\", \"readOnly\", \"plaintext\", \"className\", \"children\", \"disabled\", \"onSubmit\", \"onCheck\", \"onError\", \"onChange\"]);\n  var _useSchemaModel = (0, _useSchemaModel2.default)(formModel),\n    getCombinedModel = _useSchemaModel.getCombinedModel,\n    pushFieldRule = _useSchemaModel.pushFieldRule,\n    removeFieldRule = _useSchemaModel.removeFieldRule;\n  var classes = (0, _useFormClassNames.useFormClassNames)({\n    classPrefix: classPrefix,\n    className: className,\n    fluid: fluid,\n    layout: layout,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled\n  });\n  var _useControlled = (0, _utils.useControlled)(formValue, formDefaultValue),\n    realFormValue = _useControlled[0],\n    setFormValue = _useControlled[1];\n  var _useControlled2 = (0, _utils.useControlled)(formError, {}),\n    realFormError = _useControlled2[0],\n    setFormError = _useControlled2[1];\n  var realFormValueRef = (0, _react.useRef)(realFormValue);\n  realFormValueRef.current = realFormValue;\n  var realFormErrorRef = (0, _react.useRef)(realFormError);\n  realFormErrorRef.current = realFormError;\n\n  /**\n   * Validate the form data and return a boolean.\n   * The error message after verification is returned in the callback.\n   * @param callback\n   */\n  var check = (0, _utils.useEventCallback)(function (callback) {\n    var formValue = realFormValue || {};\n    var formError = {};\n    var errorCount = 0;\n    var model = getCombinedModel();\n    Object.keys(model.spec).forEach(function (key) {\n      var checkResult = model.checkForField(key, formValue);\n      if (checkResult.hasError === true) {\n        errorCount += 1;\n        formError[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;\n      }\n    });\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(formError);\n    if (errorCount > 0) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n      return false;\n    }\n    return true;\n  });\n\n  /**\n   * Check the data field\n   * @param fieldName\n   * @param callback\n   */\n  var checkForField = (0, _utils.useEventCallback)(function (fieldName, callback) {\n    var _extends2;\n    var formValue = realFormValue || {};\n    var model = getCombinedModel();\n    var checkResult = model.checkForField(fieldName, formValue);\n    var formError = (0, _extends6.default)({}, realFormError, (_extends2 = {}, _extends2[fieldName] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult, _extends2));\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(checkResult);\n    if (checkResult.hasError) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n    }\n    return !checkResult.hasError;\n  });\n\n  /**\n   * Check form data asynchronously and return a Promise\n   */\n  var checkAsync = (0, _utils.useEventCallback)(function () {\n    var formValue = realFormValue || {};\n    var promises = [];\n    var keys = [];\n    var model = getCombinedModel();\n    Object.keys(model.spec).forEach(function (key) {\n      keys.push(key);\n      promises.push(model.checkForFieldAsync(key, formValue));\n    });\n    return Promise.all(promises).then(function (values) {\n      var formError = {};\n      var errorCount = 0;\n      for (var i = 0; i < values.length; i++) {\n        if (values[i].hasError) {\n          errorCount += 1;\n          formError[keys[i]] = values[i].errorMessage;\n        }\n      }\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (errorCount > 0) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return {\n        hasError: errorCount > 0,\n        formError: formError\n      };\n    });\n  });\n\n  /**\n   * Asynchronously check form fields and return Promise\n   * @param fieldName\n   */\n  var checkForFieldAsync = (0, _utils.useEventCallback)(function (fieldName) {\n    var formValue = realFormValue || {};\n    var model = getCombinedModel();\n    return model.checkForFieldAsync(fieldName, formValue).then(function (checkResult) {\n      var _extends3;\n      var formError = (0, _extends6.default)({}, realFormError, (_extends3 = {}, _extends3[fieldName] = checkResult.errorMessage, _extends3));\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (checkResult.hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return checkResult;\n    });\n  });\n  var cleanErrors = (0, _utils.useEventCallback)(function () {\n    setFormError({});\n  });\n  var cleanErrorForField = (0, _utils.useEventCallback)(function (fieldName) {\n    setFormError((0, _omit.default)(realFormError, [fieldName]));\n  });\n  var resetErrors = (0, _utils.useEventCallback)(function (formError) {\n    if (formError === void 0) {\n      formError = {};\n    }\n    setFormError(formError);\n  });\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      check: check,\n      checkForField: checkForField,\n      checkAsync: checkAsync,\n      checkForFieldAsync: checkForFieldAsync,\n      cleanErrors: cleanErrors,\n      cleanErrorForField: cleanErrorForField,\n      resetErrors: resetErrors\n    };\n  });\n  var removeFieldError = (0, _utils.useEventCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount, it's an old render frame\n     * so use Ref to get future error\n     */\n    var formError = (0, _omit.default)(realFormErrorRef.current, [name]);\n    realFormErrorRef.current = formError;\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n  });\n  var removeFieldValue = (0, _utils.useEventCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount, it's an old render frame\n     * so use Ref to get future value\n     */\n    var formValue = (0, _omit.default)(realFormValueRef.current, [name]);\n    realFormValueRef.current = formValue;\n    setFormValue(formValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(formValue);\n  });\n  var handleSubmit = (0, _utils.useEventCallback)(function (event) {\n    if (disabled || readOnly || plaintext) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    var checkStatus = check();\n    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(checkStatus, event);\n  });\n  var handleFieldError = (0, _utils.useEventCallback)(function (name, errorMessage) {\n    var _extends4;\n    var formError = (0, _extends6.default)({}, realFormError, (_extends4 = {}, _extends4[name] = errorMessage, _extends4));\n    setFormError(formError);\n    onError === null || onError === void 0 ? void 0 : onError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n  });\n  var handleFieldSuccess = (0, _utils.useEventCallback)(function (name) {\n    removeFieldError(name);\n  });\n  var setFieldValue = function setFieldValue(formValue, fieldName, fieldValue) {\n    var _extends5;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends6.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends6.default)({}, formValue, (_extends5 = {}, _extends5[fieldName] = fieldValue, _extends5));\n  };\n  var handleFieldChange = (0, _utils.useEventCallback)(function (name, value, event) {\n    var nextFormValue = setFieldValue(realFormValue, name, value);\n    setFormValue(nextFormValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);\n  });\n  var rootRef = (0, _react.useRef)(null);\n  var formContextValue = (0, _react.useMemo)(function () {\n    return {\n      getCombinedModel: getCombinedModel,\n      checkTrigger: checkTrigger,\n      errorFromContext: errorFromContext,\n      readOnly: readOnly,\n      plaintext: plaintext,\n      disabled: disabled,\n      formError: realFormError,\n      nestedField: nestedField,\n      removeFieldValue: removeFieldValue,\n      removeFieldError: removeFieldError,\n      pushFieldRule: pushFieldRule,\n      removeFieldRule: removeFieldRule,\n      onFieldChange: handleFieldChange,\n      onFieldError: handleFieldError,\n      onFieldSuccess: handleFieldSuccess\n    };\n  }, [getCombinedModel, checkTrigger, errorFromContext, readOnly, plaintext, disabled, realFormError, nestedField, removeFieldValue, removeFieldError, pushFieldRule, removeFieldRule, handleFieldChange, handleFieldError, handleFieldSuccess]);\n  return /*#__PURE__*/_react.default.createElement(\"form\", (0, _extends6.default)({}, rest, {\n    ref: rootRef,\n    onSubmit: handleSubmit,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 420,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_FormContext.default.Provider, {\n    value: formContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 421,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_FormContext.FormValueContext.Provider, {\n    value: realFormValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 422,\n      columnNumber: 9\n    }\n  }, children)));\n});\nForm.Control = _FormControl.default;\nForm.ControlLabel = _FormControlLabel.default;\nForm.ErrorMessage = _FormErrorMessage.default;\nForm.Group = _FormGroup.default;\nForm.HelpText = _FormHelpText.default;\nForm.Control = _FormControl.default;\nForm.displayName = 'Form';\nForm.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  errorFromContext: _propTypes.default.bool,\n  layout: (0, _propTypes2.oneOf)(['horizontal', 'vertical', 'inline']),\n  fluid: _propTypes.default.bool,\n  formValue: _propTypes.default.object,\n  formDefaultValue: _propTypes.default.object,\n  formError: _propTypes.default.object,\n  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),\n  onChange: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onCheck: _propTypes.default.func,\n  onSubmit: _propTypes.default.func,\n  model: _propTypes.default.any,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  disabled: _propTypes.default.bool\n};\nvar _default = Form;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/Form.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _FormContext = __webpack_require__(/*! ./FormContext */ \"./src/Form/FormContext.tsx\");\nvar _FormControl = _interopRequireDefault(__webpack_require__(/*! ../FormControl */ \"./src/FormControl/index.tsx\"));\nvar _FormControlLabel = _interopRequireDefault(__webpack_require__(/*! ../FormControlLabel */ \"./src/FormControlLabel/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _FormGroup = _interopRequireDefault(__webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\"));\nvar _FormHelpText = _interopRequireDefault(__webpack_require__(/*! ../FormHelpText */ \"./src/FormHelpText/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _useSchemaModel2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useSchemaModel */ \"./src/Form/hooks/useSchemaModel.ts\"));\nvar _useFormValidate2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormValidate */ \"./src/Form/hooks/useFormValidate.ts\"));\nvar _useFormValue2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormValue */ \"./src/Form/hooks/useFormValue.ts\"));\nvar _useFormClassNames = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormClassNames */ \"./src/Form/hooks/useFormClassNames.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Form/Form.tsx\",\n  _this = void 0;\nvar defaultSchema = (0, _schemaTyped.SchemaModel)({});\n\n/**\n * The `Form` component is a form interface for collecting and validating user input.\n * @see https://rsuitejs.com/components/form\n */\nvar Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$checkTrigger = props.checkTrigger,\n    checkTrigger = _props$checkTrigger === void 0 ? 'change' : _props$checkTrigger,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form' : _props$classPrefix,\n    _props$errorFromConte = props.errorFromContext,\n    errorFromContext = _props$errorFromConte === void 0 ? true : _props$errorFromConte,\n    _props$formDefaultVal = props.formDefaultValue,\n    formDefaultValue = _props$formDefaultVal === void 0 ? {} : _props$formDefaultVal,\n    controlledFormValue = props.formValue,\n    controlledFormError = props.formError,\n    fluid = props.fluid,\n    _props$nestedField = props.nestedField,\n    nestedField = _props$nestedField === void 0 ? false : _props$nestedField,\n    _props$layout = props.layout,\n    layout = _props$layout === void 0 ? 'vertical' : _props$layout,\n    _props$model = props.model,\n    formModel = _props$model === void 0 ? defaultSchema : _props$model,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    className = props.className,\n    children = props.children,\n    disabled = props.disabled,\n    onSubmit = props.onSubmit,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"checkTrigger\", \"classPrefix\", \"errorFromContext\", \"formDefaultValue\", \"formValue\", \"formError\", \"fluid\", \"nestedField\", \"layout\", \"model\", \"readOnly\", \"plaintext\", \"className\", \"children\", \"disabled\", \"onSubmit\", \"onCheck\", \"onError\", \"onChange\"]);\n  var _useSchemaModel = (0, _useSchemaModel2.default)(formModel),\n    getCombinedModel = _useSchemaModel.getCombinedModel,\n    pushFieldRule = _useSchemaModel.pushFieldRule,\n    removeFieldRule = _useSchemaModel.removeFieldRule;\n  var _useFormValue = (0, _useFormValue2.default)(controlledFormValue, {\n      formDefaultValue: formDefaultValue,\n      nestedField: nestedField\n    }),\n    formValue = _useFormValue.formValue,\n    onRemoveValue = _useFormValue.onRemoveValue,\n    setFieldValue = _useFormValue.setFieldValue;\n  var formValidateProps = {\n    ref: ref,\n    formValue: formValue,\n    getCombinedModel: getCombinedModel,\n    onCheck: onCheck,\n    onError: onError,\n    nestedField: nestedField\n  };\n  var _useFormValidate = (0, _useFormValidate2.default)(controlledFormError, formValidateProps),\n    formError = _useFormValidate.formError,\n    setFieldError = _useFormValidate.setFieldError,\n    onRemoveError = _useFormValidate.onRemoveError,\n    check = _useFormValidate.check,\n    formRef = _useFormValidate.formRef;\n  var classes = (0, _useFormClassNames.default)({\n    classPrefix: classPrefix,\n    className: className,\n    fluid: fluid,\n    layout: layout,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled\n  });\n  var removeFieldValue = (0, _utils.useEventCallback)(function (name) {\n    var formValue = onRemoveValue(name);\n    onChange === null || onChange === void 0 ? void 0 : onChange(formValue);\n  });\n  var removeFieldError = (0, _utils.useEventCallback)(function (name) {\n    onRemoveError(name);\n  });\n  var handleSubmit = (0, _utils.useEventCallback)(function (event) {\n    var _event$preventDefault, _event$stopPropagatio;\n    event === null || event === void 0 ? void 0 : (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n    event === null || event === void 0 ? void 0 : (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 ? void 0 : _event$stopPropagatio.call(event);\n    if (disabled || readOnly || plaintext) {\n      return;\n    }\n    var checkResult = check();\n    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(checkResult, event);\n  });\n  var onFieldError = (0, _utils.useEventCallback)(function (name, checkResult) {\n    setFieldError(name, checkResult);\n  });\n  var onFieldSuccess = (0, _utils.useEventCallback)(function (name) {\n    removeFieldError(name);\n  });\n  var onFieldChange = (0, _utils.useEventCallback)(function (name, value, event) {\n    var nextFormValue = setFieldValue(name, value);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);\n  });\n  var formContextValue = {\n    errorFromContext: errorFromContext,\n    checkTrigger: checkTrigger,\n    plaintext: plaintext,\n    readOnly: readOnly,\n    disabled: disabled,\n    formError: formError,\n    nestedField: nestedField,\n    pushFieldRule: pushFieldRule,\n    getCombinedModel: getCombinedModel,\n    removeFieldValue: removeFieldValue,\n    removeFieldError: removeFieldError,\n    removeFieldRule: removeFieldRule,\n    onFieldSuccess: onFieldSuccess,\n    onFieldChange: onFieldChange,\n    onFieldError: onFieldError\n  };\n  return /*#__PURE__*/_react.default.createElement(\"form\", (0, _extends2.default)({}, rest, {\n    ref: formRef,\n    onSubmit: handleSubmit,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 239,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_FormContext.FormProvider, {\n    value: formContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 240,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_FormContext.FormValueProvider, {\n    value: formValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 241,\n      columnNumber: 9\n    }\n  }, children)));\n});\nForm.Control = _FormControl.default;\nForm.ControlLabel = _FormControlLabel.default;\nForm.ErrorMessage = _FormErrorMessage.default;\nForm.Group = _FormGroup.default;\nForm.HelpText = _FormHelpText.default;\nForm.Control = _FormControl.default;\nForm.displayName = 'Form';\nForm.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  errorFromContext: _propTypes.default.bool,\n  layout: (0, _propTypes2.oneOf)(['horizontal', 'vertical', 'inline']),\n  fluid: _propTypes.default.bool,\n  formValue: _propTypes.default.object,\n  formDefaultValue: _propTypes.default.object,\n  formError: _propTypes.default.object,\n  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),\n  onChange: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onCheck: _propTypes.default.func,\n  onSubmit: _propTypes.default.func,\n  model: _propTypes.default.any,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  disabled: _propTypes.default.bool\n};\nvar _default = Form;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/Form.tsx?");
 
 /***/ }),
 
@@ -7264,40 +7297,73 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.FormPlaintextContext = exports.FormValueContext = exports.FormContext = void 0;\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar FormContext = /*#__PURE__*/_react.default.createContext({});\nexports.FormContext = FormContext;\nvar FormValueContext = /*#__PURE__*/_react.default.createContext({});\nexports.FormValueContext = FormValueContext;\nvar FormPlaintextContext = /*#__PURE__*/_react.default.createContext(false);\nexports.FormPlaintextContext = FormPlaintextContext;\nvar _default = FormContext;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/FormContext.tsx?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports.useFormContext = useFormContext;\nexports[\"default\"] = exports.FormValueProvider = exports.FormProvider = exports.FormValueContext = exports.FormContext = void 0;\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar FormContext = /*#__PURE__*/_react.default.createContext({});\nexports.FormContext = FormContext;\nvar FormValueContext = /*#__PURE__*/_react.default.createContext({});\nexports.FormValueContext = FormValueContext;\nvar FormProvider = FormContext.Provider;\nexports.FormProvider = FormProvider;\nvar FormValueProvider = FormValueContext.Provider;\nexports.FormValueProvider = FormValueProvider;\nfunction useFormContext() {\n  return (0, _react.useContext)(FormContext);\n}\nvar _default = FormContext;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/FormContext.tsx?");
 
 /***/ }),
 
-/***/ "./src/Form/index.tsx":
-/*!****************************!*\
-  !*** ./src/Form/index.tsx ***!
-  \****************************/
+/***/ "./src/Form/hooks/useFormClassNames.ts":
+/*!*********************************************!*\
+  !*** ./src/Form/hooks/useFormClassNames.ts ***!
+  \*********************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nvar _exportNames = {};\nexports[\"default\"] = void 0;\nvar _Form = _interopRequireDefault(__webpack_require__(/*! ./Form */ \"./src/Form/Form.tsx\"));\nvar _useFormClassNames = __webpack_require__(/*! ./useFormClassNames */ \"./src/Form/useFormClassNames.ts\");\nObject.keys(_useFormClassNames).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _useFormClassNames[key]) return;\n  exports[key] = _useFormClassNames[key];\n});\nvar _default = _Form.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/index.tsx?");
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = useFormClassNames;\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\n/**\n * Take <Form> props and return className for <Form> styles\n */\nfunction useFormClassNames(_ref) {\n  var _ref$classPrefix = _ref.classPrefix,\n    classPrefix = _ref$classPrefix === void 0 ? 'form' : _ref$classPrefix,\n    className = _ref.className,\n    fluid = _ref.fluid,\n    _ref$layout = _ref.layout,\n    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,\n    readOnly = _ref.readOnly,\n    plaintext = _ref.plaintext,\n    disabled = _ref.disabled;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  return merge(className, withClassPrefix(layout, fluid && layout === 'vertical' ? 'fluid' : 'fixed-width', {\n    readonly: readOnly,\n    disabled: disabled,\n    plaintext: plaintext\n  }));\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormClassNames.ts?");
 
 /***/ }),
 
-/***/ "./src/Form/useFormClassNames.ts":
-/*!***************************************!*\
-  !*** ./src/Form/useFormClassNames.ts ***!
-  \***************************************/
+/***/ "./src/Form/hooks/useFormRef.ts":
+/*!**************************************!*\
+  !*** ./src/Form/hooks/useFormRef.ts ***!
+  \**************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.useFormClassNames = useFormClassNames;\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n/**\n * Take <Form> props and return className for <Form> styles\n */\nfunction useFormClassNames(_ref) {\n  var _ref$classPrefix = _ref.classPrefix,\n    classPrefix = _ref$classPrefix === void 0 ? 'form' : _ref$classPrefix,\n    className = _ref.className,\n    fluid = _ref.fluid,\n    _ref$layout = _ref.layout,\n    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,\n    readOnly = _ref.readOnly,\n    plaintext = _ref.plaintext,\n    disabled = _ref.disabled;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  return merge(className, withClassPrefix(layout, fluid && layout === 'vertical' ? 'fluid' : 'fixed-width', {\n    readonly: readOnly,\n    disabled: disabled,\n    plaintext: plaintext\n  }));\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/useFormClassNames.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = useFormRef;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _useEventCallback = _interopRequireDefault(__webpack_require__(/*! ../../utils/useEventCallback */ \"./src/utils/useEventCallback.ts\"));\nvar _utils = __webpack_require__(/*! ../../FormControl/utils */ \"./src/FormControl/utils.ts\");\nfunction useFormRef(ref, props) {\n  var rootRef = (0, _react.useRef)(null);\n  var formError = props.formError,\n    setFormError = props.setFormError,\n    nestedField = props.nestedField,\n    check = props.check,\n    checkForField = props.checkForField,\n    checkAsync = props.checkAsync,\n    checkForFieldAsync = props.checkForFieldAsync;\n  var cleanErrors = (0, _useEventCallback.default)(function () {\n    setFormError({});\n  });\n  var resetErrors = (0, _useEventCallback.default)(function (formError) {\n    if (formError === void 0) {\n      formError = {};\n    }\n    setFormError(formError);\n  });\n  var cleanErrorForField = (0, _useEventCallback.default)(function (fieldName) {\n    setFormError((0, _omit.default)(formError, [nestedField ? (0, _utils.nameToPath)(fieldName) : fieldName]));\n  });\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      check: check,\n      checkForField: checkForField,\n      checkAsync: checkAsync,\n      checkForFieldAsync: checkForFieldAsync,\n      cleanErrors: cleanErrors,\n      cleanErrorForField: cleanErrorForField,\n      resetErrors: resetErrors\n    };\n  });\n  return rootRef;\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormRef.ts?");
 
 /***/ }),
 
-/***/ "./src/Form/useSchemaModel.ts":
-/*!************************************!*\
-  !*** ./src/Form/useSchemaModel.ts ***!
-  \************************************/
+/***/ "./src/Form/hooks/useFormValidate.ts":
+/*!*******************************************!*\
+  !*** ./src/Form/hooks/useFormValidate.ts ***!
+  \*******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = useFormValidate;\nvar _extends5 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../../FormControl/utils */ \"./src/FormControl/utils.ts\");\nvar _useEventCallback = _interopRequireDefault(__webpack_require__(/*! ../../utils/useEventCallback */ \"./src/utils/useEventCallback.ts\"));\nvar _useFormRef = _interopRequireDefault(__webpack_require__(/*! ./useFormRef */ \"./src/Form/hooks/useFormRef.ts\"));\nfunction useFormValidate(formError, props) {\n  var ref = props.ref,\n    formValue = props.formValue,\n    getCombinedModel = props.getCombinedModel,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    nestedField = props.nestedField;\n  var _useControlled = (0, _utils.useControlled)(formError, {}),\n    realFormError = _useControlled[0],\n    setFormError = _useControlled[1];\n  var realFormErrorRef = (0, _react.useRef)(realFormError);\n  realFormErrorRef.current = realFormError;\n\n  /**\n   * Validate the form data and return a boolean.\n   * The error message after verification is returned in the callback.\n   * @param callback\n   */\n  var check = (0, _useEventCallback.default)(function (callback) {\n    var formError = {};\n    var errorCount = 0;\n    var model = getCombinedModel();\n    Object.keys(model.getSchemaSpec()).forEach(function (key) {\n      var checkResult = model.checkForField(key, formValue || {});\n      if (checkResult.hasError === true) {\n        errorCount += 1;\n        formError[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;\n      }\n    });\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(formError);\n    if (errorCount > 0) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n      return false;\n    }\n    return true;\n  });\n\n  /**\n   * Check the data field\n   * @param fieldName\n   * @param callback\n   */\n  var checkForField = (0, _useEventCallback.default)(function (fieldName, callback) {\n    var _extends2;\n    var model = getCombinedModel();\n    var checkResult = model.checkForField(fieldName, formValue || {});\n    var nextFormError = (0, _extends5.default)({}, formError, (_extends2 = {}, _extends2[fieldName] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult, _extends2));\n    setFormError(nextFormError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n    callback === null || callback === void 0 ? void 0 : callback(checkResult);\n    if (checkResult.hasError) {\n      onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n    }\n    return !checkResult.hasError;\n  });\n\n  /**\n   * Check form data asynchronously and return a Promise\n   */\n  var checkAsync = (0, _useEventCallback.default)(function () {\n    var promises = [];\n    var keys = [];\n    var model = getCombinedModel();\n    Object.keys(model.getSchemaSpec()).forEach(function (key) {\n      keys.push(key);\n      promises.push(model.checkForFieldAsync(key, formValue || {}));\n    });\n    return Promise.all(promises).then(function (values) {\n      var formError = {};\n      var errorCount = 0;\n      for (var i = 0; i < values.length; i++) {\n        if (values[i].hasError) {\n          errorCount += 1;\n          formError[keys[i]] = values[i].errorMessage;\n        }\n      }\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (errorCount > 0) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return {\n        hasError: errorCount > 0,\n        formError: formError\n      };\n    });\n  });\n\n  /**\n   * Asynchronously check form fields and return Promise\n   * @param fieldName\n   */\n  var checkForFieldAsync = (0, _useEventCallback.default)(function (fieldName) {\n    var model = getCombinedModel();\n    return model.checkForFieldAsync(fieldName, formValue || {}).then(function (checkResult) {\n      var _extends3;\n      var nextFormError = (0, _extends5.default)({}, formError, (_extends3 = {}, _extends3[fieldName] = checkResult.errorMessage, _extends3));\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n      setFormError(nextFormError);\n      if (checkResult.hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n      }\n      return checkResult;\n    });\n  });\n  var onRemoveError = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount,\n     * it's an old render frame so use Ref to get future error\n     */\n    var formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _utils2.nameToPath)(name) : name]);\n    realFormErrorRef.current = formError;\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    return formError;\n  }, [nestedField, onCheck, setFormError]);\n  var setFieldError = (0, _react.useCallback)(function (fieldName, checkResult) {\n    var _extends4;\n    var nextFormError = nestedField ? (0, _set.default)((0, _extends5.default)({}, formError), (0, _utils2.nameToPath)(fieldName), checkResult) : (0, _extends5.default)({}, formError, (_extends4 = {}, _extends4[fieldName] = checkResult, _extends4));\n    setFormError(nextFormError);\n    onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n    return nextFormError;\n  }, [formError, nestedField, onCheck, onError, setFormError]);\n  var formRef = (0, _useFormRef.default)(ref, {\n    check: check,\n    checkForField: checkForField,\n    checkAsync: checkAsync,\n    checkForFieldAsync: checkForFieldAsync,\n    formError: formError,\n    setFormError: setFormError,\n    nestedField: nestedField\n  });\n  return {\n    formRef: formRef,\n    formError: realFormError,\n    check: check,\n    setFieldError: setFieldError,\n    onRemoveError: onRemoveError\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormValidate.ts?");
+
+/***/ }),
+
+/***/ "./src/Form/hooks/useFormValue.ts":
+/*!****************************************!*\
+  !*** ./src/Form/hooks/useFormValue.ts ***!
+  \****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = useFormValue;\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nfunction useFormValue(controlledValue, props) {\n  var formDefaultValue = props.formDefaultValue,\n    nestedField = props.nestedField;\n  var _useControlled = (0, _utils.useControlled)(controlledValue, formDefaultValue),\n    formValue = _useControlled[0],\n    setFormValue = _useControlled[1];\n  var realFormValueRef = (0, _react.useRef)(formValue);\n  realFormValueRef.current = formValue;\n  var setFieldValue = (0, _react.useCallback)(function (fieldName, fieldValue) {\n    var _extends2;\n    var nextFormError = nestedField ? (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue) : (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n    setFormValue(nextFormError);\n    return nextFormError;\n  }, [formValue, nestedField, setFormValue]);\n  var onRemoveValue = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount,\n     * it's an old render frame so use Ref to get future value\n     */\n    var formValue = (0, _omit.default)(realFormValueRef.current, [name]);\n    realFormValueRef.current = formValue;\n    setFormValue(formValue);\n    return formValue;\n  }, [setFormValue]);\n  return {\n    formValue: formValue,\n    setFormValue: setFormValue,\n    setFieldValue: setFieldValue,\n    onRemoveValue: onRemoveValue\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormValue.ts?");
+
+/***/ }),
+
+/***/ "./src/Form/hooks/useSchemaModel.ts":
+/*!******************************************!*\
+  !*** ./src/Form/hooks/useSchemaModel.ts ***!
+  \******************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _react = __webpack_require__(/*! react */ \"react\");\nfunction useSchemaModel(formModel) {\n  var subRulesRef = (0, _react.useRef)([]);\n  var pushFieldRule = (0, _react.useCallback)(function (name, fieldRule) {\n    subRulesRef.current.push({\n      name: name,\n      fieldRule: fieldRule\n    });\n  }, []);\n  var removeFieldRule = (0, _react.useCallback)(function (name) {\n    var index = subRulesRef.current.findIndex(function (v) {\n      return v.name === name;\n    });\n    subRulesRef.current.splice(index, 1);\n  }, []);\n  var getCombinedModel = (0, _react.useCallback)(function () {\n    var realSubRules = subRulesRef.current.filter(function (v) {\n      return Boolean(v.fieldRule.current);\n    });\n    return _schemaTyped.SchemaModel.combine(formModel, (0, _schemaTyped.SchemaModel)(realSubRules.map(function (_ref) {\n      var _ref2;\n      var name = _ref.name,\n        fieldRule = _ref.fieldRule;\n      return _ref2 = {}, _ref2[name] = fieldRule.current, _ref2;\n    }).reduce(function (a, b) {\n      return Object.assign(a, b);\n    }, {})));\n  }, [formModel]);\n  return {\n    getCombinedModel: getCombinedModel,\n    pushFieldRule: pushFieldRule,\n    removeFieldRule: removeFieldRule\n  };\n}\nvar _default = useSchemaModel;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/useSchemaModel.ts?");
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _react = __webpack_require__(/*! react */ \"react\");\nfunction useSchemaModel(formModel) {\n  var subRulesRef = (0, _react.useRef)([]);\n  var pushFieldRule = (0, _react.useCallback)(function (name, fieldRule) {\n    subRulesRef.current.push({\n      name: name,\n      fieldRule: fieldRule\n    });\n  }, []);\n  var removeFieldRule = (0, _react.useCallback)(function (name) {\n    var index = subRulesRef.current.findIndex(function (v) {\n      return v.name === name;\n    });\n    subRulesRef.current.splice(index, 1);\n  }, []);\n  var getCombinedModel = (0, _react.useCallback)(function () {\n    var realSubRules = subRulesRef.current.filter(function (v) {\n      return Boolean(v.fieldRule.current);\n    });\n\n    // If there is no sub rule, return the original form model\n    if (realSubRules.length === 0) {\n      return formModel;\n    }\n    return _schemaTyped.SchemaModel.combine(formModel, (0, _schemaTyped.SchemaModel)(realSubRules.map(function (_ref) {\n      var _ref2;\n      var name = _ref.name,\n        fieldRule = _ref.fieldRule;\n      return _ref2 = {}, _ref2[name] = fieldRule.current, _ref2;\n    }).reduce(function (a, b) {\n      return Object.assign(a, b);\n    }, {})));\n  }, [formModel]);\n  return {\n    getCombinedModel: getCombinedModel,\n    pushFieldRule: pushFieldRule,\n    removeFieldRule: removeFieldRule\n  };\n}\nvar _default = useSchemaModel;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useSchemaModel.ts?");
+
+/***/ }),
+
+/***/ "./src/Form/index.tsx":
+/*!****************************!*\
+  !*** ./src/Form/index.tsx ***!
+  \****************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.useFormClassNames = void 0;\nvar _Form = _interopRequireDefault(__webpack_require__(/*! ./Form */ \"./src/Form/Form.tsx\"));\nvar _useFormClassNames = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormClassNames */ \"./src/Form/hooks/useFormClassNames.ts\"));\nexports.useFormClassNames = _useFormClassNames.default;\nvar _default = _Form.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/index.tsx?");
 
 /***/ }),
 
@@ -7308,7 +7374,29 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _schem
 /***/ (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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ../Form/FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _useRegisterModel = _interopRequireDefault(__webpack_require__(/*! ./useRegisterModel */ \"./src/FormControl/useRegisterModel.ts\"));\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ../Toggle */ \"./src/Toggle/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormControl/FormControl.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * Props that FormControl passes to its accepter\n */\n\n/**\n * The `<Form.Control>` component is used to wrap the components that need to be validated.\n * @see https://rsuitejs.com/components/form/\n */\nvar FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _accepterProps;\n  var _useContext = (0, _react.useContext)(_FormContext.default),\n    readOnlyContext = _useContext.readOnly,\n    plaintextContext = _useContext.plaintext,\n    disabledContext = _useContext.disabled,\n    errorFromContext = _useContext.errorFromContext,\n    formError = _useContext.formError,\n    nestedField = _useContext.nestedField,\n    removeFieldValue = _useContext.removeFieldValue,\n    removeFieldError = _useContext.removeFieldError,\n    pushFieldRule = _useContext.pushFieldRule,\n    removeFieldRule = _useContext.removeFieldRule,\n    onFieldChange = _useContext.onFieldChange,\n    onFieldError = _useContext.onFieldError,\n    onFieldSuccess = _useContext.onFieldSuccess,\n    getCombinedModel = _useContext.getCombinedModel,\n    contextCheckTrigger = _useContext.checkTrigger;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$accepter = props.accepter,\n    AccepterComponent = _props$accepter === void 0 ? _Input.default : _props$accepter,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form-control' : _props$classPrefix,\n    checkAsync = props.checkAsync,\n    checkTrigger = props.checkTrigger,\n    _props$errorPlacement = props.errorPlacement,\n    errorPlacement = _props$errorPlacement === void 0 ? 'bottomStart' : _props$errorPlacement,\n    errorMessage = props.errorMessage,\n    name = props.name,\n    value = props.value,\n    _props$readOnly = props.readOnly,\n    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n    _props$plaintext = props.plaintext,\n    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n    onChange = props.onChange,\n    onBlur = props.onBlur,\n    defaultValue = props.defaultValue,\n    _props$shouldResetWit = props.shouldResetWithUnmount,\n    shouldResetWithUnmount = _props$shouldResetWit === void 0 ? false : _props$shouldResetWit,\n    rule = props.rule,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"accepter\", \"classPrefix\", \"checkAsync\", \"checkTrigger\", \"errorPlacement\", \"errorMessage\", \"name\", \"value\", \"readOnly\", \"plaintext\", \"disabled\", \"onChange\", \"onBlur\", \"defaultValue\", \"shouldResetWithUnmount\", \"rule\"]);\n  var _useContext2 = (0, _react.useContext)(_FormGroup.FormGroupContext),\n    controlId = _useContext2.controlId;\n  if (!onFieldChange) {\n    throw new Error(\"\\n      <FormControl> must be inside a component decorated with <Form>.\\n      And need to update React to 16.6.0 +.\\n    \");\n  }\n  (0, _useRegisterModel.default)(name, pushFieldRule, removeFieldRule, rule);\n  (0, _utils.useWillUnmount)(function () {\n    if (shouldResetWithUnmount) {\n      removeFieldValue === null || removeFieldValue === void 0 ? void 0 : removeFieldValue(name);\n      removeFieldError === null || removeFieldError === void 0 ? void 0 : removeFieldError(name);\n    }\n  });\n  var trigger = checkTrigger || contextCheckTrigger;\n  var formValue = (0, _react.useContext)(_FormContext.FormValueContext);\n  var getFieldValue = function getFieldValue(fieldName) {\n    if (!(0, _isUndefined.default)(value)) {\n      return value;\n    }\n    return nestedField ? (0, _get.default)(formValue, fieldName) : formValue === null || formValue === void 0 ? void 0 : formValue[name];\n  };\n  var setFieldValue = function setFieldValue(fieldName, fieldValue) {\n    var _extends2;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n  };\n  var getFieldError = function getFieldError(fieldName) {\n    if (nestedField) {\n      var _name = fieldName.includes('.') ? fieldName.replace('.', '.object.') + '.errorMessage' : fieldName;\n      return (0, _get.default)(formError, _name);\n    }\n    return formError === null || formError === void 0 ? void 0 : formError[fieldName];\n  };\n  var fieldValue = getFieldValue(name);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = withClassPrefix('wrapper');\n  var handleFieldChange = (0, _utils.useEventCallback)(function (value, event) {\n    handleFieldCheck(value, trigger === 'change');\n    onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(name, value, event);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  });\n  var handleFieldBlur = (0, _utils.useEventCallback)(function (event) {\n    handleFieldCheck(fieldValue, trigger === 'blur');\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  });\n  var handleFieldCheck = (0, _utils.useEventCallback)(function (value, isCheckTrigger) {\n    var checkFieldName = nestedField ? name.split('.')[0] : name;\n    var callbackEvents = function callbackEvents(checkResult) {\n      // The relevant event is triggered only when the inspection is allowed.\n      if (isCheckTrigger) {\n        if (checkResult.hasError) {\n          onFieldError === null || onFieldError === void 0 ? void 0 : onFieldError(checkFieldName, (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult);\n        } else {\n          onFieldSuccess === null || onFieldSuccess === void 0 ? void 0 : onFieldSuccess(checkFieldName);\n        }\n      }\n      return checkResult;\n    };\n    var nextFormValue = setFieldValue(name, value);\n    var model = getCombinedModel();\n    if (checkAsync) {\n      return model === null || model === void 0 ? void 0 : model.checkForFieldAsync(checkFieldName, nextFormValue).then(function (checkResult) {\n        return callbackEvents(checkResult);\n      });\n    }\n    return Promise.resolve(callbackEvents(model === null || model === void 0 ? void 0 : model.checkForField(checkFieldName, nextFormValue)));\n  });\n  var messageNode = null;\n  if (!(0, _isUndefined.default)(errorMessage)) {\n    messageNode = errorMessage;\n  } else if (errorFromContext) {\n    var fieldError = getFieldError(name);\n    if (typeof fieldError === 'string' || !(fieldError !== null && fieldError !== void 0 && fieldError.array) && !(fieldError !== null && fieldError !== void 0 && fieldError.object) && fieldError !== null && fieldError !== void 0 && fieldError.hasError) {\n      messageNode = fieldError;\n    }\n  }\n  var ariaDescribedby = controlId ? controlId + \"-help-text\" : null;\n  var fieldHasError = Boolean(messageNode);\n  var ariaErrormessage = fieldHasError && controlId ? controlId + \"-error-message\" : undefined;\n  var valueKey = 'value';\n\n  // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.\n  if (AccepterComponent === _Toggle.default) {\n    valueKey = 'checked';\n  }\n  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = fieldValue === undefined ? defaultValue : fieldValue, _accepterProps);\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    ref: ref,\n    \"data-testid\": \"form-control-wrapper\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 250,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(AccepterComponent, (0, _extends3.default)({\n    id: controlId,\n    \"aria-labelledby\": controlId ? controlId + \"-control-label\" : null,\n    \"aria-describedby\": ariaDescribedby,\n    \"aria-invalid\": fieldHasError || undefined,\n    \"aria-errormessage\": ariaErrormessage\n  }, accepterProps, rest, {\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled,\n    name: name,\n    onChange: handleFieldChange,\n    onBlur: handleFieldBlur,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 251,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(_FormErrorMessage.default, {\n    id: controlId ? controlId + \"-error-message\" : undefined,\n    role: \"alert\",\n    \"aria-relevant\": \"all\",\n    show: !!messageNode,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"message-wrapper\"]))),\n    placement: errorPlacement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 267,\n      columnNumber: 7\n    }\n  }, messageNode));\n});\nFormControl.displayName = 'FormControl';\nFormControl.propTypes = {\n  name: _propTypes.default.string.isRequired,\n  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),\n  checkAsync: _propTypes.default.bool,\n  accepter: _propTypes.default.any,\n  onChange: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  classPrefix: _propTypes.default.string,\n  errorMessage: _propTypes.default.node,\n  errorPlacement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),\n  value: _propTypes.default.any\n};\nvar _default = FormControl;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/FormControl.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ../Form/FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormGroup = __webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _useRegisterModel = _interopRequireDefault(__webpack_require__(/*! ./hooks/useRegisterModel */ \"./src/FormControl/hooks/useRegisterModel.ts\"));\nvar _useField2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useField */ \"./src/FormControl/hooks/useField.ts\"));\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ../Toggle */ \"./src/Toggle/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormControl/FormControl.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * Props that FormControl passes to its accepter\n */\n\n/**\n * The `<Form.Control>` component is used to wrap the components that need to be validated.\n * @see https://rsuitejs.com/components/form/\n */\nvar FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _accepterProps;\n  var _useContext = (0, _react.useContext)(_FormContext.default),\n    readOnlyContext = _useContext.readOnly,\n    plaintextContext = _useContext.plaintext,\n    disabledContext = _useContext.disabled,\n    errorFromContext = _useContext.errorFromContext,\n    formError = _useContext.formError,\n    nestedField = _useContext.nestedField,\n    removeFieldValue = _useContext.removeFieldValue,\n    removeFieldError = _useContext.removeFieldError,\n    onFieldChange = _useContext.onFieldChange,\n    onFieldError = _useContext.onFieldError,\n    onFieldSuccess = _useContext.onFieldSuccess,\n    getCombinedModel = _useContext.getCombinedModel,\n    contextCheckTrigger = _useContext.checkTrigger;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$accepter = props.accepter,\n    AccepterComponent = _props$accepter === void 0 ? _Input.default : _props$accepter,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form-control' : _props$classPrefix,\n    checkAsync = props.checkAsync,\n    checkTrigger = props.checkTrigger,\n    _props$errorPlacement = props.errorPlacement,\n    errorPlacement = _props$errorPlacement === void 0 ? 'bottomStart' : _props$errorPlacement,\n    errorMessage = props.errorMessage,\n    name = props.name,\n    value = props.value,\n    _props$readOnly = props.readOnly,\n    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n    _props$plaintext = props.plaintext,\n    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n    onChange = props.onChange,\n    onBlur = props.onBlur,\n    defaultValue = props.defaultValue,\n    _props$shouldResetWit = props.shouldResetWithUnmount,\n    shouldResetWithUnmount = _props$shouldResetWit === void 0 ? false : _props$shouldResetWit,\n    rule = props.rule,\n    id = props.id,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"accepter\", \"classPrefix\", \"checkAsync\", \"checkTrigger\", \"errorPlacement\", \"errorMessage\", \"name\", \"value\", \"readOnly\", \"plaintext\", \"disabled\", \"onChange\", \"onBlur\", \"defaultValue\", \"shouldResetWithUnmount\", \"rule\", \"id\"]);\n  var _useFormGroup = (0, _FormGroup.useFormGroup)(id),\n    controlId = _useFormGroup.controlId,\n    helpTextId = _useFormGroup.helpTextId,\n    labelId = _useFormGroup.labelId,\n    errorMessageId = _useFormGroup.errorMessageId;\n  if (!onFieldChange) {\n    throw new Error(\"\\n      <FormControl> must be inside a component decorated with <Form>.\\n      And need to update React to 16.6.0 +.\\n    \");\n  }\n  (0, _useRegisterModel.default)(name, rule);\n  (0, _utils.useWillUnmount)(function () {\n    if (shouldResetWithUnmount) {\n      removeFieldValue === null || removeFieldValue === void 0 ? void 0 : removeFieldValue(name);\n      removeFieldError === null || removeFieldError === void 0 ? void 0 : removeFieldError(name);\n    }\n  });\n  var trigger = checkTrigger || contextCheckTrigger;\n  var formValue = (0, _react.useContext)(_FormContext.FormValueContext);\n  var _useField = (0, _useField2.default)({\n      name: name,\n      errorMessage: errorMessage,\n      formValue: formValue,\n      formError: formError,\n      value: value,\n      nestedField: nestedField,\n      errorFromContext: errorFromContext\n    }),\n    fieldValue = _useField.fieldValue,\n    fieldError = _useField.fieldError,\n    setFieldValue = _useField.setFieldValue;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = withClassPrefix('wrapper');\n  var handleFieldChange = (0, _utils.useEventCallback)(function (value, event) {\n    if (trigger === 'change') {\n      handleFieldCheck(value);\n    }\n    onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(name, value, event);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  });\n  var handleFieldBlur = (0, _utils.useEventCallback)(function (event) {\n    if (trigger === 'blur') {\n      handleFieldCheck(fieldValue);\n    }\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  });\n  var handleFieldCheck = (0, _utils.useEventCallback)(function (value) {\n    var callbackEvents = function callbackEvents(checkResult) {\n      if (checkResult.hasError) {\n        var _errorMessage = checkResult.errorMessage;\n        var _fieldError = nestedField ? checkResult : _errorMessage || checkResult;\n        onFieldError === null || onFieldError === void 0 ? void 0 : onFieldError(name, _fieldError);\n      } else {\n        onFieldSuccess === null || onFieldSuccess === void 0 ? void 0 : onFieldSuccess(name);\n      }\n      return checkResult;\n    };\n    var nextFormValue = setFieldValue(name, value);\n    var model = getCombinedModel();\n    var checkOptions = {\n      nestedObject: nestedField\n    };\n    if (checkAsync) {\n      return model === null || model === void 0 ? void 0 : model.checkForFieldAsync(name, nextFormValue, checkOptions).then(function (checkResult) {\n        return callbackEvents(checkResult);\n      });\n    }\n    return Promise.resolve(callbackEvents(model === null || model === void 0 ? void 0 : model.checkForField(name, nextFormValue, checkOptions)));\n  });\n  var fieldHasError = Boolean(fieldError);\n\n  // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.\n  var valueKey = AccepterComponent === _Toggle.default ? 'checked' : 'value';\n  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = fieldValue === undefined ? defaultValue : fieldValue, _accepterProps);\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    ref: ref,\n    \"data-testid\": \"form-control-wrapper\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 209,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(AccepterComponent, (0, _extends2.default)({\n    id: controlId,\n    \"aria-labelledby\": labelId,\n    \"aria-describedby\": helpTextId,\n    \"aria-invalid\": fieldHasError || undefined,\n    \"aria-errormessage\": fieldHasError ? errorMessageId : undefined\n  }, accepterProps, rest, {\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled,\n    name: name,\n    onChange: handleFieldChange,\n    onBlur: handleFieldBlur,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 210,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(_FormErrorMessage.default, {\n    id: errorMessageId,\n    role: \"alert\",\n    \"aria-relevant\": \"all\",\n    show: fieldHasError,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"message-wrapper\"]))),\n    placement: errorPlacement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 226,\n      columnNumber: 7\n    }\n  }, fieldError));\n});\nFormControl.displayName = 'FormControl';\nFormControl.propTypes = {\n  name: _propTypes.default.string.isRequired,\n  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),\n  checkAsync: _propTypes.default.bool,\n  accepter: _propTypes.default.any,\n  onChange: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  classPrefix: _propTypes.default.string,\n  errorMessage: _propTypes.default.node,\n  errorPlacement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),\n  value: _propTypes.default.any\n};\nvar _default = FormControl;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/FormControl.tsx?");
+
+/***/ }),
+
+/***/ "./src/FormControl/hooks/useField.ts":
+/*!*******************************************!*\
+  !*** ./src/FormControl/hooks/useField.ts ***!
+  \*******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/FormControl/utils.ts\");\nfunction useField(props) {\n  var name = props.name,\n    formValue = props.formValue,\n    formError = props.formError,\n    value = props.value,\n    nestedField = props.nestedField,\n    errorMessage = props.errorMessage,\n    errorFromContext = props.errorFromContext;\n  var fieldValue = (0, _react.useMemo)(function () {\n    if (typeof value !== 'undefined') {\n      return value;\n    }\n    return nestedField ? (0, _get2.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];\n  }, [formValue, name, nestedField, value]);\n  var fieldError = (0, _react.useMemo)(function () {\n    if (typeof errorMessage !== 'undefined' || !errorFromContext) {\n      return errorMessage;\n    }\n    if (nestedField) {\n      var _get;\n      return (_get = (0, _get2.default)(formError, (0, _utils.nameToPath)(name))) === null || _get === void 0 ? void 0 : _get.errorMessage;\n    }\n    var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];\n    if (typeof fieldError === 'string') {\n      return fieldError;\n    }\n    return fieldError === null || fieldError === void 0 ? void 0 : fieldError.errorMessage;\n  }, [errorFromContext, errorMessage, formError, name, nestedField]);\n  var setFieldValue = (0, _react.useCallback)(function (fieldName, fieldValue) {\n    var _extends2;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n  }, [formValue, nestedField]);\n  return {\n    fieldValue: fieldValue,\n    fieldError: fieldError,\n    setFieldValue: setFieldValue\n  };\n}\nvar _default = useField;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/hooks/useField.ts?");
+
+/***/ }),
+
+/***/ "./src/FormControl/hooks/useRegisterModel.ts":
+/*!***************************************************!*\
+  !*** ./src/FormControl/hooks/useRegisterModel.ts ***!
+  \***************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _FormContext = __webpack_require__(/*! ../../Form/FormContext */ \"./src/Form/FormContext.tsx\");\nfunction useRegisterModel(name, rule) {\n  var _ref = (0, _FormContext.useFormContext)() || {},\n    pushFieldRule = _ref.pushFieldRule,\n    removeFieldRule = _ref.removeFieldRule;\n  var refRule = (0, _react.useRef)(rule);\n  refRule.current = rule;\n  (0, _react.useEffect)(function () {\n    pushFieldRule === null || pushFieldRule === void 0 ? void 0 : pushFieldRule(name, refRule);\n    return function () {\n      removeFieldRule === null || removeFieldRule === void 0 ? void 0 : removeFieldRule(name);\n    };\n  }, [name, pushFieldRule, removeFieldRule]);\n}\nvar _default = useRegisterModel;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/hooks/useRegisterModel.ts?");
 
 /***/ }),
 
@@ -7323,14 +7411,14 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
-/***/ "./src/FormControl/useRegisterModel.ts":
-/*!*********************************************!*\
-  !*** ./src/FormControl/useRegisterModel.ts ***!
-  \*********************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ "./src/FormControl/utils.ts":
+/*!**********************************!*\
+  !*** ./src/FormControl/utils.ts ***!
+  \**********************************/
+/***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nfunction useRegisterModel(name, pushFieldRule, removeFieldRule, rule) {\n  var refRule = (0, _react.useRef)(rule);\n  refRule.current = rule;\n  (0, _react.useEffect)(function () {\n    pushFieldRule(name, refRule);\n    return function () {\n      removeFieldRule(name);\n    };\n  }, [name, pushFieldRule, removeFieldRule]);\n}\nvar _default = useRegisterModel;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/useRegisterModel.ts?");
+eval("\n\nexports.__esModule = true;\nexports.nameToPath = nameToPath;\nfunction nameToPath(name) {\n  return name.includes('.') ? name.replace('.', '.object.') : name;\n}\n\n//# sourceURL=webpack://rsuite/./src/FormControl/utils.ts?");
 
 /***/ }),
 
@@ -7341,7 +7429,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react
 /***/ (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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormControlLabel/FormControlLabel.tsx\",\n  _this = void 0;\n/**\n * The `<Form.ControlLabel>` component renders a label with required indicator, for form controls.\n * @see https://rsuitejs.com/components/form/\n */\nvar FormControlLabel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'label' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form-control-label' : _props$classPrefix,\n    htmlFor = props.htmlFor,\n    className = props.className,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"htmlFor\", \"className\"]);\n  var _useContext = (0, _react.useContext)(_FormGroup.FormGroupContext),\n    controlId = _useContext.controlId;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    id: controlId ? controlId + \"-control-label\" : null,\n    htmlFor: htmlFor || controlId\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 7\n    }\n  }));\n});\nFormControlLabel.displayName = 'FormControlLabel';\nFormControlLabel.propTypes = {\n  className: _propTypes.default.string,\n  htmlFor: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = FormControlLabel;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControlLabel/FormControlLabel.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _FormGroup = __webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormControlLabel/FormControlLabel.tsx\",\n  _this = void 0;\n/**\n * The `<Form.ControlLabel>` component renders a label with required indicator, for form controls.\n * @see https://rsuitejs.com/components/form/\n */\nvar FormControlLabel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useFormGroup = (0, _FormGroup.useFormGroup)(),\n    labelId = _useFormGroup.labelId,\n    controlId = _useFormGroup.controlId;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'label' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form-control-label' : _props$classPrefix,\n    _props$htmlFor = props.htmlFor,\n    htmlFor = _props$htmlFor === void 0 ? controlId : _props$htmlFor,\n    className = props.className,\n    _props$id = props.id,\n    id = _props$id === void 0 ? labelId : _props$id,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"htmlFor\", \"className\", \"id\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    id: id,\n    htmlFor: htmlFor\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 12\n    }\n  }));\n});\nFormControlLabel.displayName = 'FormControlLabel';\nFormControlLabel.propTypes = {\n  className: _propTypes.default.string,\n  htmlFor: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = FormControlLabel;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControlLabel/FormControlLabel.tsx?");
 
 /***/ }),
 
@@ -7363,7 +7451,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormErrorMessage/FormErrorMessage.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2;\n/**\n * The `<Form.ErrorMessage>` component is used to display error messages in the form.\n * @see https://rsuitejs.com/components/form/\n */\nvar FormErrorMessage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _prefix;\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-error-message' : _props$classPrefix,\n    className = props.className,\n    show = props.show,\n    children = props.children,\n    placement = props.placement,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"show\", \"children\", \"placement\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var classes = withClassPrefix('show');\n  var wrapperClasses = merge(className, prefix('wrapper', (_prefix = {}, _prefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _prefix)));\n  if (!show) {\n    return null;\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: wrapperClasses,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"arrow\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 11\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"inner\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49,\n      columnNumber: 11\n    }\n  }, children)));\n});\nFormErrorMessage.displayName = 'FormErrorMessage';\nFormErrorMessage.propTypes = {\n  show: _propTypes.default.bool,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])\n};\nvar _default = FormErrorMessage;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormErrorMessage/FormErrorMessage.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormErrorMessage/FormErrorMessage.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2;\n/**\n * The `<Form.ErrorMessage>` component is used to display error messages in the form.\n * @see https://rsuitejs.com/components/form/\n */\nvar FormErrorMessage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _prefix;\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-error-message' : _props$classPrefix,\n    className = props.className,\n    show = props.show,\n    children = props.children,\n    placement = props.placement,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"show\", \"children\", \"placement\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var classes = withClassPrefix('show');\n  var wrapperClasses = merge(className, prefix('wrapper', (_prefix = {}, _prefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _prefix)));\n  return show ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: wrapperClasses,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"arrow\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 11\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"inner\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 11\n    }\n  }, children))) : null;\n});\nFormErrorMessage.displayName = 'FormErrorMessage';\nFormErrorMessage.propTypes = {\n  show: _propTypes.default.bool,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])\n};\nvar _default = FormErrorMessage;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormErrorMessage/FormErrorMessage.tsx?");
 
 /***/ }),
 
@@ -7385,7 +7473,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.FormGroupContext = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormGroup/FormGroup.tsx\",\n  _this = void 0;\nvar FormGroupContext = /*#__PURE__*/_react.default.createContext({});\n\n/**\n * The `<Form.Group>` component is the easiest way to add some structure to forms.\n * @see https://rsuitejs.com/components/form/\n */\nexports.FormGroupContext = FormGroupContext;\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    controlIdProp = props.controlId,\n    className = props.className,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"controlId\", \"className\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix());\n  var controlId = (0, _utils.useUniqueId)('rs-', controlIdProp);\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: 36,\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: 37,\n      columnNumber: 9\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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.useFormGroup = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormGroup/FormGroup.tsx\",\n  _this = void 0;\nvar FormGroupContext = /*#__PURE__*/_react.default.createContext({});\nvar useFormGroup = function useFormGroup(controlId) {\n  var context = _react.default.useContext(FormGroupContext);\n  var fallbackId = (0, _utils.useUniqueId)('rs-');\n  var id = controlId || context.controlId || fallbackId;\n  var helpTextId = id + \"-help-text\";\n  var labelId = id + \"-label\";\n  var errorMessageId = id + \"-error-message\";\n  return {\n    /**\n     * The `id` of the `<Form.Control>` component.\n     */\n    controlId: id,\n    /**\n     * The `id` of the `<Form.HelpText>` component.\n     */\n    helpTextId: helpTextId,\n    /**\n     * The `id` of the `<Form.ControlLabel>` component.\n     */\n    labelId: labelId,\n    /**\n     * The `id` of the `<Form.ErrorMessage>` component.\n     */\n    errorMessageId: errorMessageId\n  };\n};\n\n/**\n * The `<Form.Group>` component is the easiest way to add some structure to forms.\n * @see https://rsuitejs.com/components/form/\n */\nexports.useFormGroup = useFormGroup;\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    controlIdProp = props.controlId,\n    className = props.className,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"controlId\", \"className\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix());\n  var controlId = (0, _utils.useUniqueId)('rs-', controlIdProp);\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: 68,\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: 69,\n      columnNumber: 9\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?");
 
 /***/ }),
 
@@ -7396,7 +7484,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _FormGroup = _interopRequireDefault(__webpack_require__(/*! ./FormGroup */ \"./src/FormGroup/FormGroup.tsx\"));\nvar _default = _FormGroup.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormGroup/index.tsx?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.useFormGroup = void 0;\nvar _FormGroup = _interopRequireWildcard(__webpack_require__(/*! ./FormGroup */ \"./src/FormGroup/FormGroup.tsx\"));\nexports.useFormGroup = _FormGroup.useFormGroup;\nvar _default = _FormGroup.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormGroup/index.tsx?");
 
 /***/ }),
 
@@ -7407,7 +7495,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ../Whisper */ \"./src/Whisper/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\nvar _HelpO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/HelpO */ \"./node_modules/@rsuite/icons/legacy/HelpO.js\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormHelpText/FormHelpText.tsx\",\n  _this = void 0;\n/**\n * The `<Form.HelpText>` component is used to display help information in the form.\n * @see https://rsuitejs.com/components/form/\n */\nvar FormHelpText = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'span' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form-help-text' : _props$classPrefix,\n    className = props.className,\n    tooltip = props.tooltip,\n    children = props.children,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"tooltip\", \"children\"]);\n  var _useContext = (0, _react.useContext)(_FormGroup.FormGroupContext),\n    controlId = _useContext.controlId;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix({\n    tooltip: tooltip\n  }));\n  if (tooltip) {\n    return /*#__PURE__*/_react.default.createElement(_Whisper.default, {\n      ref: ref,\n      placement: \"topEnd\",\n      speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({}, rest, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 36,\n          columnNumber: 56\n        }\n      }), children),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 36,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(Component, {\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(_HelpO.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 38,\n        columnNumber: 13\n      }\n    })));\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    id: controlId ? controlId + \"-help-text\" : null\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 7\n    }\n  }), children);\n});\nFormHelpText.displayName = 'FormHelpText';\nFormHelpText.propTypes = {\n  className: _propTypes.default.string,\n  tooltip: _propTypes.default.bool,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string\n};\nvar _default = FormHelpText;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormHelpText/FormHelpText.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ../Whisper */ \"./src/Whisper/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _FormGroup = __webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\");\nvar _HelpO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/HelpO */ \"./node_modules/@rsuite/icons/legacy/HelpO.js\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormHelpText/FormHelpText.tsx\",\n  _this = void 0;\n/**\n * The `<Form.HelpText>` component is used to display help information in the form.\n * @see https://rsuitejs.com/components/form/\n */\nvar FormHelpText = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useFormGroup = (0, _FormGroup.useFormGroup)(),\n    helpTextId = _useFormGroup.helpTextId;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'span' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form-help-text' : _props$classPrefix,\n    className = props.className,\n    tooltip = props.tooltip,\n    children = props.children,\n    _props$id = props.id,\n    id = _props$id === void 0 ? helpTextId : _props$id,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"tooltip\", \"children\", \"id\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix({\n    tooltip: tooltip\n  }));\n  if (tooltip) {\n    return /*#__PURE__*/_react.default.createElement(_Whisper.default, {\n      ref: ref,\n      placement: \"topEnd\",\n      speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({\n        id: id\n      }, rest, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 41,\n          columnNumber: 13\n        }\n      }), children),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(Component, {\n      role: \"img\",\n      \"aria-label\": \"help\",\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(_HelpO.default, {\n      \"aria-hidden\": true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 13\n      }\n    })));\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    id: id\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 7\n    }\n  }), children);\n});\nFormHelpText.displayName = 'FormHelpText';\nFormHelpText.propTypes = {\n  className: _propTypes.default.string,\n  tooltip: _propTypes.default.bool,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string\n};\nvar _default = FormHelpText;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormHelpText/FormHelpText.tsx?");
 
 /***/ }),
 
@@ -7605,7 +7693,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react
 /***/ (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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\nvar _InputGroup = __webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Input/Input.tsx\",\n  _this = void 0;\n/**\n * The `<Input>` component is used to get user input in a text field.\n *\n * @see https://rsuitejs.com/components/input\n */\nvar Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'input' : _props$classPrefix,\n    _props$as = props.as,\n    Component = _props$as === void 0 ? 'input' : _props$as,\n    _props$type = props.type,\n    type = _props$type === void 0 ? 'text' : _props$type,\n    disabled = props.disabled,\n    value = props.value,\n    defaultValue = props.defaultValue,\n    inputRef = props.inputRef,\n    id = props.id,\n    size = props.size,\n    htmlSize = props.htmlSize,\n    plaintext = props.plaintext,\n    placeholder = props.placeholder,\n    readOnly = props.readOnly,\n    onPressEnter = props.onPressEnter,\n    onFocus = props.onFocus,\n    onBlur = props.onBlur,\n    onKeyDown = props.onKeyDown,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\", \"classPrefix\", \"as\", \"type\", \"disabled\", \"value\", \"defaultValue\", \"inputRef\", \"id\", \"size\", \"htmlSize\", \"plaintext\", \"placeholder\", \"readOnly\", \"onPressEnter\", \"onFocus\", \"onBlur\", \"onKeyDown\", \"onChange\"]);\n  var handleKeyDown = function handleKeyDown(event) {\n    if (event.key === _utils.KEY_VALUES.ENTER) {\n      onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event);\n    }\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n  };\n  var handleChange = function handleChange(event) {\n    var _event$target;\n    onChange === null || onChange === void 0 ? void 0 : onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);\n  };\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix(size, {\n    plaintext: plaintext\n  }));\n  var inputGroupContext = (0, _react.useContext)(_InputGroup.InputGroupContext);\n  var formGroupContext = (0, _react.useContext)(_FormGroup.FormGroupContext);\n\n  // Make the Input component display in plain text,\n  // and display default characters when there is no value.\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"unfilled\",\n      placeholder: placeholder,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 103,\n        columnNumber: 9\n      }\n    }, typeof value === 'undefined' ? defaultValue : value);\n  }\n  var inputable = !disabled && !readOnly;\n  var eventProps = {};\n  if (inputable) {\n    eventProps.onChange = handleChange;\n    eventProps.onKeyDown = handleKeyDown;\n    eventProps.onFocus = (0, _utils.createChainedFunction)(onFocus, inputGroupContext === null || inputGroupContext === void 0 ? void 0 : inputGroupContext.onFocus);\n    eventProps.onBlur = (0, _utils.createChainedFunction)(onBlur, inputGroupContext === null || inputGroupContext === void 0 ? void 0 : inputGroupContext.onBlur);\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, eventProps, {\n    ref: (0, _utils.mergeRefs)(ref, inputRef),\n    className: classes,\n    type: type,\n    id: id || (formGroupContext === null || formGroupContext === void 0 ? void 0 : formGroupContext.controlId),\n    value: value,\n    defaultValue: defaultValue,\n    disabled: disabled,\n    readOnly: readOnly,\n    size: htmlSize,\n    placeholder: placeholder,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 120,\n      columnNumber: 7\n    }\n  }));\n});\nInput.displayName = 'Input';\nInput.propTypes = {\n  type: _propTypes.default.string,\n  as: _propTypes.default.elementType,\n  id: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  inputRef: _propTypes2.refType,\n  onChange: _propTypes.default.func,\n  onFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onPressEnter: _propTypes.default.func\n};\nvar _default = Input;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Input/Input.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _FormGroup = __webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\");\nvar _InputGroup = __webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Input/Input.tsx\",\n  _this = void 0;\n/**\n * The `<Input>` component is used to get user input in a text field.\n *\n * @see https://rsuitejs.com/components/input\n */\nvar Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'input' : _props$classPrefix,\n    _props$as = props.as,\n    Component = _props$as === void 0 ? 'input' : _props$as,\n    _props$type = props.type,\n    type = _props$type === void 0 ? 'text' : _props$type,\n    disabled = props.disabled,\n    value = props.value,\n    defaultValue = props.defaultValue,\n    inputRef = props.inputRef,\n    id = props.id,\n    size = props.size,\n    htmlSize = props.htmlSize,\n    plaintext = props.plaintext,\n    placeholder = props.placeholder,\n    readOnly = props.readOnly,\n    onPressEnter = props.onPressEnter,\n    onFocus = props.onFocus,\n    onBlur = props.onBlur,\n    onKeyDown = props.onKeyDown,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\", \"classPrefix\", \"as\", \"type\", \"disabled\", \"value\", \"defaultValue\", \"inputRef\", \"id\", \"size\", \"htmlSize\", \"plaintext\", \"placeholder\", \"readOnly\", \"onPressEnter\", \"onFocus\", \"onBlur\", \"onKeyDown\", \"onChange\"]);\n  var handleKeyDown = function handleKeyDown(event) {\n    if (event.key === _utils.KEY_VALUES.ENTER) {\n      onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event);\n    }\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n  };\n  var handleChange = function handleChange(event) {\n    var _event$target;\n    onChange === null || onChange === void 0 ? void 0 : onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);\n  };\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix(size, {\n    plaintext: plaintext\n  }));\n  var inputGroupContext = (0, _react.useContext)(_InputGroup.InputGroupContext);\n  var _useFormGroup = (0, _FormGroup.useFormGroup)(),\n    controlId = _useFormGroup.controlId; // Make the Input component display in plain text,\n  // and display default characters when there is no value.\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"unfilled\",\n      placeholder: placeholder,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 103,\n        columnNumber: 9\n      }\n    }, typeof value === 'undefined' ? defaultValue : value);\n  }\n  var inputable = !disabled && !readOnly;\n  var eventProps = {};\n  if (inputable) {\n    eventProps.onChange = handleChange;\n    eventProps.onKeyDown = handleKeyDown;\n    eventProps.onFocus = (0, _utils.createChainedFunction)(onFocus, inputGroupContext === null || inputGroupContext === void 0 ? void 0 : inputGroupContext.onFocus);\n    eventProps.onBlur = (0, _utils.createChainedFunction)(onBlur, inputGroupContext === null || inputGroupContext === void 0 ? void 0 : inputGroupContext.onBlur);\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, eventProps, {\n    ref: (0, _utils.mergeRefs)(ref, inputRef),\n    className: classes,\n    type: type,\n    id: id || controlId,\n    value: value,\n    defaultValue: defaultValue,\n    disabled: disabled,\n    readOnly: readOnly,\n    size: htmlSize,\n    placeholder: placeholder,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 120,\n      columnNumber: 7\n    }\n  }));\n});\nInput.displayName = 'Input';\nInput.propTypes = {\n  type: _propTypes.default.string,\n  as: _propTypes.default.elementType,\n  id: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  inputRef: _propTypes2.refType,\n  onChange: _propTypes.default.func,\n  onFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onPressEnter: _propTypes.default.func\n};\nvar _default = Input;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Input/Input.tsx?");
 
 /***/ }),
 
@@ -8573,7 +8661,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderGraph.tsx\",\n  _this = void 0;\n/**\n * The `Placeholder.Graph` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderGraph = /*#__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    width = props.width,\n    _props$height = props.height,\n    height = _props$height === void 0 ? 200 : _props$height,\n    style = props.style,\n    active = props.active,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"width\", \"height\", \"style\", \"active\", \"classPrefix\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix('graph', {\n    active: active\n  }));\n  var styles = (0, _extends2.default)({\n    width: width || '100%',\n    height: height\n  }, style);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 12\n    }\n  }));\n});\nPlaceholderGraph.displayName = 'PlaceholderGraph';\nPlaceholderGraph.propTypes = {\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  classPrefix: _propTypes.default.string,\n  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderGraph;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderGraph.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderGraph.tsx\",\n  _this = void 0;\n/**\n * The `Placeholder.Graph` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderGraph = /*#__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    width = props.width,\n    _props$height = props.height,\n    height = _props$height === void 0 ? 200 : _props$height,\n    style = props.style,\n    active = props.active,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"width\", \"height\", \"style\", \"active\", \"classPrefix\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix('graph', {\n    active: active\n  }));\n  var styles = (0, _extends2.default)({\n    width: width || '100%',\n    height: height\n  }, style);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 12\n    }\n  }));\n});\nPlaceholderGraph.displayName = 'PlaceholderGraph';\nPlaceholderGraph.propTypes = {\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  classPrefix: _propTypes.default.string,\n  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderGraph;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderGraph.tsx?");
 
 /***/ }),
 
@@ -8584,7 +8672,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderGrid.tsx\",\n  _this = void 0;\n/**\n * The `Placeholder.Grid` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderGrid = /*#__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 ? 'placeholder' : _props$classPrefix,\n    _props$rows = props.rows,\n    rows = _props$rows === void 0 ? 5 : _props$rows,\n    _props$columns = props.columns,\n    columns = _props$columns === void 0 ? 5 : _props$columns,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,\n    _props$rowMargin = props.rowMargin,\n    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,\n    active = props.active,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"rows\", \"columns\", \"rowHeight\", \"rowMargin\", \"active\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix('grid', {\n    active: active\n  }));\n  var colItems = [];\n  var firstRowItemWidth = Math.random() * 30 + 30;\n  var itemWidth = firstRowItemWidth / 2;\n  for (var i = 0; i < columns; i++) {\n    var rowItems = [];\n    for (var j = 0; j < rows; j++) {\n      var widthPercent = Math.random() * 50 + 10; // when first column\n      if (i > 0) {\n        // when other columns\n        widthPercent = j > 0 ? itemWidth : firstRowItemWidth;\n      }\n      rowItems.push( /*#__PURE__*/_react.default.createElement(\"p\", {\n        key: j,\n        style: {\n          width: widthPercent + \"%\",\n          height: rowHeight,\n          marginTop: j > 0 ? rowMargin : undefined\n        },\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 56,\n          columnNumber: 11\n        }\n      }));\n    }\n    colItems.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: i,\n      className: (0, _classnames.default)(prefix('grid-col')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 9\n      }\n    }, rowItems));\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: 73,\n      columnNumber: 7\n    }\n  }), colItems);\n});\nPlaceholderGrid.displayName = 'PlaceholderGrid';\nPlaceholderGrid.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  rows: _propTypes.default.number,\n  columns: _propTypes.default.number,\n  rowHeight: _propTypes.default.number,\n  rowMargin: _propTypes.default.number,\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderGrid;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderGrid.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderGrid.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * The `Placeholder.Grid` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderGrid = /*#__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 ? 'placeholder' : _props$classPrefix,\n    _props$rows = props.rows,\n    rows = _props$rows === void 0 ? 5 : _props$rows,\n    _props$columns = props.columns,\n    columns = _props$columns === void 0 ? 5 : _props$columns,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,\n    _props$rowMargin = props.rowMargin,\n    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,\n    _props$rowSpacing = props.rowSpacing,\n    rowSpacing = _props$rowSpacing === void 0 ? rowMargin : _props$rowSpacing,\n    active = props.active,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"rows\", \"columns\", \"rowHeight\", \"rowMargin\", \"rowSpacing\", \"active\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix('grid', {\n    active: active\n  }));\n  var colItems = [];\n  for (var i = 0; i < columns; i++) {\n    var rowItems = [];\n    for (var j = 0; j < rows; j++) {\n      rowItems.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n        key: j,\n        style: {\n          height: rowHeight,\n          marginTop: j > 0 ? rowSpacing : undefined\n        },\n        className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"row\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 74,\n          columnNumber: 11\n        }\n      }));\n    }\n    colItems.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: i,\n      className: (0, _classnames.default)(prefix('grid-col')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 9\n      }\n    }, rowItems));\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: 88,\n      columnNumber: 7\n    }\n  }), colItems);\n});\nPlaceholderGrid.displayName = 'PlaceholderGrid';\nPlaceholderGrid.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  rows: _propTypes.default.number,\n  columns: _propTypes.default.number,\n  rowHeight: _propTypes.default.number,\n  rowSpacing: _propTypes.default.number,\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderGrid;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderGrid.tsx?");
 
 /***/ }),
 
@@ -8595,7 +8683,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderParagraph.tsx\",\n  _this = void 0;\n/**\n * The `Placeholder.Paragraph` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderParagraph = /*#__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$rows = props.rows,\n    rows = _props$rows === void 0 ? 2 : _props$rows,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,\n    _props$rowMargin = props.rowMargin,\n    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,\n    graph = props.graph,\n    active = props.active,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"rows\", \"rowHeight\", \"rowMargin\", \"graph\", \"active\", \"classPrefix\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var graphShape = graph === true ? 'square' : graph;\n  var rowElements = (0, _react.useMemo)(function () {\n    var rowArr = [];\n    for (var i = 0; i < rows; i++) {\n      var styles = {\n        width: Math.random() * 75 + 25 + \"%\",\n        height: rowHeight,\n        marginTop: i > 0 ? rowMargin : Number(rowMargin) / 2\n      };\n      rowArr.push( /*#__PURE__*/_react.default.createElement(\"p\", {\n        key: i,\n        style: styles,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 53,\n          columnNumber: 21\n        }\n      }));\n    }\n    return rowArr;\n  }, [rowHeight, rowMargin, rows]);\n  var classes = merge(className, withClassPrefix('paragraph', {\n    active: active\n  }));\n  var graphClasses = prefix('paragraph-graph', \"paragraph-graph-\" + graphShape);\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: 62,\n      columnNumber: 7\n    }\n  }), graphShape && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: graphClasses,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('paragraph-graph-inner'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 13\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('paragraph-rows'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 9\n    }\n  }, rowElements));\n});\nPlaceholderParagraph.displayName = 'PlaceholderParagraph';\nPlaceholderParagraph.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  rows: _propTypes.default.number,\n  rowHeight: _propTypes.default.number,\n  rowMargin: _propTypes.default.number,\n  graph: _propTypes.default.oneOfType([_propTypes.default.bool, (0, _propTypes2.oneOf)(['circle', 'square', 'image'])]),\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderParagraph;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderParagraph.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderParagraph.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * The `Placeholder.Paragraph` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderParagraph = /*#__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$rows = props.rows,\n    rows = _props$rows === void 0 ? 2 : _props$rows,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,\n    _props$rowMargin = props.rowMargin,\n    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,\n    _props$rowSpacing = props.rowSpacing,\n    rowSpacing = _props$rowSpacing === void 0 ? rowMargin : _props$rowSpacing,\n    graph = props.graph,\n    active = props.active,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"rows\", \"rowHeight\", \"rowMargin\", \"rowSpacing\", \"graph\", \"active\", \"classPrefix\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var graphShape = graph === true ? 'square' : graph;\n  var rowElements = (0, _react.useMemo)(function () {\n    var rowArr = [];\n    for (var i = 0; i < rows; i++) {\n      var styles = {\n        height: rowHeight,\n        marginTop: i > 0 ? rowSpacing : Number(rowSpacing) / 2\n      };\n      rowArr.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n        key: i,\n        style: styles,\n        className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"row\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 73,\n          columnNumber: 21\n        }\n      }));\n    }\n    return rowArr;\n  }, [prefix, rowHeight, rowSpacing, rows]);\n  var classes = merge(className, withClassPrefix('paragraph', {\n    active: active\n  }));\n  var graphClasses = prefix('paragraph-graph', \"paragraph-graph-\" + graphShape);\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: 82,\n      columnNumber: 7\n    }\n  }), graphShape && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: graphClasses,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 84,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('paragraph-graph-inner'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85,\n      columnNumber: 13\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('paragraph-group'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88,\n      columnNumber: 9\n    }\n  }, rowElements));\n});\nPlaceholderParagraph.displayName = 'PlaceholderParagraph';\nPlaceholderParagraph.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  rows: _propTypes.default.number,\n  rowHeight: _propTypes.default.number,\n  rowSpacing: _propTypes.default.number,\n  graph: _propTypes.default.oneOfType([_propTypes.default.bool, (0, _propTypes2.oneOf)(['circle', 'square', 'image'])]),\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderParagraph;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderParagraph.tsx?");
 
 /***/ }),
 
@@ -10476,7 +10564,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.disabledTime = disabledTime;\nexports.getMonthView = getMonthView;\nexports.copyTime = copyTime;\nexports.reverseDateRangeOmitTime = reverseDateRangeOmitTime;\nexports.getReversedTimeMeridian = exports.shouldOnlyRenderTime = exports.shouldRenderDate = exports.shouldRenderMonth = exports.shouldRenderTime = exports.omitHideDisabledProps = exports.calendarOnlyProps = exports.lastDayOfMonth = exports.isLastDayOfMonth = exports.differenceInCalendarMonths = exports.set = exports.isValid = exports.isMatch = exports.subDays = exports.startOfWeek = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.parseISO = exports.parse = exports.isSameSecond = exports.isSameMonth = exports.isSameDay = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.compareAsc = exports.addHours = exports.addMinutes = exports.addSeconds = exports.addYears = exports.addMonths = exports.addDays = void 0;\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _omitBy = _interopRequireDefault(__webpack_require__(/*! lodash/omitBy */ \"./node_modules/lodash/omitBy.js\"));\nvar _getHours = _interopRequireDefault(__webpack_require__(/*! date-fns/getHours */ \"./node_modules/date-fns/esm/getHours/index.js\"));\nexports.getHours = _getHours.default;\nvar _setHours = _interopRequireDefault(__webpack_require__(/*! date-fns/setHours */ \"./node_modules/date-fns/esm/setHours/index.js\"));\nexports.setHours = _setHours.default;\nvar _getDay = _interopRequireDefault(__webpack_require__(/*! date-fns/getDay */ \"./node_modules/date-fns/esm/getDay/index.js\"));\nexports.getDay = _getDay.default;\nvar _getMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/getMinutes */ \"./node_modules/date-fns/esm/getMinutes/index.js\"));\nexports.getMinutes = _getMinutes.default;\nvar _getSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/getSeconds */ \"./node_modules/date-fns/esm/getSeconds/index.js\"));\nexports.getSeconds = _getSeconds.default;\nvar _addDays = _interopRequireDefault(__webpack_require__(/*! date-fns/addDays */ \"./node_modules/date-fns/esm/addDays/index.js\"));\nexports.addDays = _addDays.default;\nvar _set = _interopRequireDefault(__webpack_require__(/*! date-fns/set */ \"./node_modules/date-fns/esm/set/index.js\"));\nexports.set = _set.default;\nvar _isValid = _interopRequireDefault(__webpack_require__(/*! date-fns/isValid */ \"./node_modules/date-fns/esm/isValid/index.js\"));\nexports.isValid = _isValid.default;\nvar _addMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/addMonths */ \"./node_modules/date-fns/esm/addMonths/index.js\"));\nexports.addMonths = _addMonths.default;\nvar _addYears = _interopRequireDefault(__webpack_require__(/*! date-fns/addYears */ \"./node_modules/date-fns/esm/addYears/index.js\"));\nexports.addYears = _addYears.default;\nvar _addSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/addSeconds */ \"./node_modules/date-fns/esm/addSeconds/index.js\"));\nexports.addSeconds = _addSeconds.default;\nvar _addMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/addMinutes */ \"./node_modules/date-fns/esm/addMinutes/index.js\"));\nexports.addMinutes = _addMinutes.default;\nvar _addHours = _interopRequireDefault(__webpack_require__(/*! date-fns/addHours */ \"./node_modules/date-fns/esm/addHours/index.js\"));\nexports.addHours = _addHours.default;\nvar _compareAsc = _interopRequireDefault(__webpack_require__(/*! date-fns/compareAsc */ \"./node_modules/date-fns/esm/compareAsc/index.js\"));\nexports.compareAsc = _compareAsc.default;\nvar _endOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfDay */ \"./node_modules/date-fns/esm/endOfDay/index.js\"));\nexports.endOfDay = _endOfDay.default;\nvar _endOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfISOWeek */ \"./node_modules/date-fns/esm/endOfISOWeek/index.js\"));\nexports.endOfISOWeek = _endOfISOWeek.default;\nvar _endOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfMonth */ \"./node_modules/date-fns/esm/endOfMonth/index.js\"));\nexports.endOfMonth = _endOfMonth.default;\nvar _endOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfWeek */ \"./node_modules/date-fns/esm/endOfWeek/index.js\"));\nexports.endOfWeek = _endOfWeek.default;\nvar _format = _interopRequireDefault(__webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\"));\nexports.format = _format.default;\nvar _getDate = _interopRequireDefault(__webpack_require__(/*! date-fns/getDate */ \"./node_modules/date-fns/esm/getDate/index.js\"));\nexports.getDate = _getDate.default;\nvar _getDaysInMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getDaysInMonth */ \"./node_modules/date-fns/esm/getDaysInMonth/index.js\"));\nexports.getDaysInMonth = _getDaysInMonth.default;\nvar _getMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getMonth */ \"./node_modules/date-fns/esm/getMonth/index.js\"));\nexports.getMonth = _getMonth.default;\nvar _getYear = _interopRequireDefault(__webpack_require__(/*! date-fns/getYear */ \"./node_modules/date-fns/esm/getYear/index.js\"));\nexports.getYear = _getYear.default;\nvar _isAfter = _interopRequireDefault(__webpack_require__(/*! date-fns/isAfter */ \"./node_modules/date-fns/esm/isAfter/index.js\"));\nexports.isAfter = _isAfter.default;\nvar _isBefore = _interopRequireDefault(__webpack_require__(/*! date-fns/isBefore */ \"./node_modules/date-fns/esm/isBefore/index.js\"));\nexports.isBefore = _isBefore.default;\nvar _isEqual = _interopRequireDefault(__webpack_require__(/*! date-fns/isEqual */ \"./node_modules/date-fns/esm/isEqual/index.js\"));\nexports.isEqual = _isEqual.default;\nvar _isSameDay = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameDay */ \"./node_modules/date-fns/esm/isSameDay/index.js\"));\nexports.isSameDay = _isSameDay.default;\nvar _isSameMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameMonth */ \"./node_modules/date-fns/esm/isSameMonth/index.js\"));\nexports.isSameMonth = _isSameMonth.default;\nvar _isSameSecond = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameSecond */ \"./node_modules/date-fns/esm/isSameSecond/index.js\"));\nexports.isSameSecond = _isSameSecond.default;\nvar _parse = _interopRequireDefault(__webpack_require__(/*! date-fns/parse */ \"./node_modules/date-fns/esm/parse/index.js\"));\nexports.parse = _parse.default;\nvar _parseISO = _interopRequireDefault(__webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\"));\nexports.parseISO = _parseISO.default;\nvar _setDate = _interopRequireDefault(__webpack_require__(/*! date-fns/setDate */ \"./node_modules/date-fns/esm/setDate/index.js\"));\nexports.setDate = _setDate.default;\nvar _setMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/setMinutes */ \"./node_modules/date-fns/esm/setMinutes/index.js\"));\nexports.setMinutes = _setMinutes.default;\nvar _setMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/setMonth */ \"./node_modules/date-fns/esm/setMonth/index.js\"));\nexports.setMonth = _setMonth.default;\nvar _setSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/setSeconds */ \"./node_modules/date-fns/esm/setSeconds/index.js\"));\nexports.setSeconds = _setSeconds.default;\nvar _setYear = _interopRequireDefault(__webpack_require__(/*! date-fns/setYear */ \"./node_modules/date-fns/esm/setYear/index.js\"));\nexports.setYear = _setYear.default;\nvar _startOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfDay */ \"./node_modules/date-fns/esm/startOfDay/index.js\"));\nexports.startOfDay = _startOfDay.default;\nvar _startOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfISOWeek */ \"./node_modules/date-fns/esm/startOfISOWeek/index.js\"));\nexports.startOfISOWeek = _startOfISOWeek.default;\nvar _startOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfMonth */ \"./node_modules/date-fns/esm/startOfMonth/index.js\"));\nexports.startOfMonth = _startOfMonth.default;\nvar _startOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfWeek */ \"./node_modules/date-fns/esm/startOfWeek/index.js\"));\nexports.startOfWeek = _startOfWeek.default;\nvar _subDays = _interopRequireDefault(__webpack_require__(/*! date-fns/subDays */ \"./node_modules/date-fns/esm/subDays/index.js\"));\nexports.subDays = _subDays.default;\nvar _isMatch = _interopRequireDefault(__webpack_require__(/*! date-fns/isMatch */ \"./node_modules/date-fns/esm/isMatch/index.js\"));\nexports.isMatch = _isMatch.default;\nvar _differenceInCalendarMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/differenceInCalendarMonths */ \"./node_modules/date-fns/esm/differenceInCalendarMonths/index.js\"));\nexports.differenceInCalendarMonths = _differenceInCalendarMonths.default;\nvar _isLastDayOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isLastDayOfMonth */ \"./node_modules/date-fns/esm/isLastDayOfMonth/index.js\"));\nexports.isLastDayOfMonth = _isLastDayOfMonth.default;\nvar _lastDayOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/lastDayOfMonth */ \"./node_modules/date-fns/esm/lastDayOfMonth/index.js\"));\nexports.lastDayOfMonth = _lastDayOfMonth.default;\nvar disabledTimeProps = ['disabledHours', 'disabledMinutes', 'disabledSeconds'];\nvar hideTimeProps = ['hideHours', 'hideMinutes', 'hideSeconds'];\nvar calendarOnlyProps = disabledTimeProps.concat(hideTimeProps);\nexports.calendarOnlyProps = calendarOnlyProps;\nfunction validTime(calendarProps, date) {\n  if (!date) {\n    return false;\n  }\n  return Object.keys(calendarProps).some(function (key) {\n    if (/(Hours)/.test(key)) {\n      var _calendarProps$key;\n      return (_calendarProps$key = calendarProps[key]) === null || _calendarProps$key === void 0 ? void 0 : _calendarProps$key.call(calendarProps, (0, _getHours.default)(date), date);\n    }\n    if (/(Minutes)/.test(key)) {\n      var _calendarProps$key2;\n      return (_calendarProps$key2 = calendarProps[key]) === null || _calendarProps$key2 === void 0 ? void 0 : _calendarProps$key2.call(calendarProps, (0, _getMinutes.default)(date), date);\n    }\n    if (/(Seconds)/.test(key)) {\n      var _calendarProps$key3;\n      return (_calendarProps$key3 = calendarProps[key]) === null || _calendarProps$key3 === void 0 ? void 0 : _calendarProps$key3.call(calendarProps, (0, _getSeconds.default)(date), date);\n    }\n    return false;\n  });\n}\n\n/**\n * Verify that the time is valid.\n *\n * @param props\n * @param date\n */\nfunction disabledTime(props, date) {\n  var calendarProps = (0, _pick.default)(props, disabledTimeProps);\n  return validTime(calendarProps, date);\n}\nvar omitHideDisabledProps = function omitHideDisabledProps(props) {\n  return (0, _omitBy.default)(props, function (_val, key) {\n    return key.startsWith('disabled') || key.startsWith('hide');\n  });\n};\nexports.omitHideDisabledProps = omitHideDisabledProps;\nvar shouldRenderTime = function shouldRenderTime(format) {\n  return /([Hhms])/.test(format);\n};\nexports.shouldRenderTime = shouldRenderTime;\nvar shouldRenderMonth = function shouldRenderMonth(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format);\n};\nexports.shouldRenderMonth = shouldRenderMonth;\nvar shouldRenderDate = function shouldRenderDate(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format) && /[Dd]/.test(format);\n}; // for date-fns v1 and v2\nexports.shouldRenderDate = shouldRenderDate;\nvar shouldOnlyRenderTime = function shouldOnlyRenderTime(format) {\n  return /([Hhms])/.test(format) && !/([YyMDd])/.test(format);\n}; // for date-fns v1 and v2\n\n/**\n * Get all weeks of this month\n * @params monthDate\n * @return date[]\n */\nexports.shouldOnlyRenderTime = shouldOnlyRenderTime;\nfunction getMonthView(monthDate, isoWeek) {\n  var firstDayOfMonth = (0, _getDay.default)(monthDate);\n  var distance = 0 - firstDayOfMonth;\n  if (isoWeek) {\n    distance = 1 - firstDayOfMonth;\n    if (firstDayOfMonth === 0) {\n      distance = -6;\n    }\n  }\n  var firstWeekendDate = (0, _addDays.default)(monthDate, distance);\n  var weeks = [firstWeekendDate];\n  var nextWeekendDate = (0, _addDays.default)(firstWeekendDate, 7);\n  weeks.push(nextWeekendDate);\n  while (weeks.length < 6) {\n    nextWeekendDate = (0, _addDays.default)(nextWeekendDate, 7);\n    weeks.push(nextWeekendDate);\n  }\n  return weeks;\n}\n\n/**\n * Copy the time of one date to another\n */\nfunction copyTime(_ref) {\n  var from = _ref.from,\n    to = _ref.to;\n  if (!(0, _isValid.default)(from) || !(0, _isValid.default)(to)) {\n    return to;\n  }\n  return (0, _set.default)(to, {\n    hours: (0, _getHours.default)(from),\n    minutes: (0, _getMinutes.default)(from),\n    seconds: (0, _getSeconds.default)(from)\n  });\n}\n\n/**\n * Swap two dates without swapping the time.\n */\nfunction reverseDateRangeOmitTime(dateRange) {\n  var start = dateRange[0],\n    end = dateRange[1];\n  if (start && end) {\n    return [copyTime({\n      from: start,\n      to: end\n    }), copyTime({\n      from: end,\n      to: start\n    })];\n  }\n  return dateRange;\n}\n\n/**\n * Get the time with AM and PM reversed.\n */\nvar getReversedTimeMeridian = function getReversedTimeMeridian(date) {\n  var clonedDate = new Date(date.valueOf());\n  var hours = (0, _getHours.default)(clonedDate);\n  var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n  return (0, _setHours.default)(clonedDate, nextHours);\n};\nexports.getReversedTimeMeridian = getReversedTimeMeridian;\n\n//# sourceURL=webpack://rsuite/./src/utils/dateUtils.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.disableTime = disableTime;\nexports.getMonthView = getMonthView;\nexports.copyTime = copyTime;\nexports.reverseDateRangeOmitTime = reverseDateRangeOmitTime;\nexports.getReversedTimeMeridian = exports.shouldOnlyRenderTime = exports.shouldRenderDate = exports.shouldRenderMonth = exports.shouldRenderTime = exports.omitHideDisabledProps = exports.calendarOnlyProps = exports.lastDayOfMonth = exports.isLastDayOfMonth = exports.differenceInCalendarMonths = exports.set = exports.isValid = exports.isMatch = exports.subDays = exports.startOfWeek = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.parseISO = exports.parse = exports.isSameSecond = exports.isSameMonth = exports.isSameDay = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.compareAsc = exports.addHours = exports.addMinutes = exports.addSeconds = exports.addYears = exports.addMonths = exports.addDays = void 0;\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _omitBy = _interopRequireDefault(__webpack_require__(/*! lodash/omitBy */ \"./node_modules/lodash/omitBy.js\"));\nvar _getHours = _interopRequireDefault(__webpack_require__(/*! date-fns/getHours */ \"./node_modules/date-fns/esm/getHours/index.js\"));\nexports.getHours = _getHours.default;\nvar _setHours = _interopRequireDefault(__webpack_require__(/*! date-fns/setHours */ \"./node_modules/date-fns/esm/setHours/index.js\"));\nexports.setHours = _setHours.default;\nvar _getDay = _interopRequireDefault(__webpack_require__(/*! date-fns/getDay */ \"./node_modules/date-fns/esm/getDay/index.js\"));\nexports.getDay = _getDay.default;\nvar _getMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/getMinutes */ \"./node_modules/date-fns/esm/getMinutes/index.js\"));\nexports.getMinutes = _getMinutes.default;\nvar _getSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/getSeconds */ \"./node_modules/date-fns/esm/getSeconds/index.js\"));\nexports.getSeconds = _getSeconds.default;\nvar _addDays = _interopRequireDefault(__webpack_require__(/*! date-fns/addDays */ \"./node_modules/date-fns/esm/addDays/index.js\"));\nexports.addDays = _addDays.default;\nvar _set = _interopRequireDefault(__webpack_require__(/*! date-fns/set */ \"./node_modules/date-fns/esm/set/index.js\"));\nexports.set = _set.default;\nvar _isValid = _interopRequireDefault(__webpack_require__(/*! date-fns/isValid */ \"./node_modules/date-fns/esm/isValid/index.js\"));\nexports.isValid = _isValid.default;\nvar _addMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/addMonths */ \"./node_modules/date-fns/esm/addMonths/index.js\"));\nexports.addMonths = _addMonths.default;\nvar _addYears = _interopRequireDefault(__webpack_require__(/*! date-fns/addYears */ \"./node_modules/date-fns/esm/addYears/index.js\"));\nexports.addYears = _addYears.default;\nvar _addSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/addSeconds */ \"./node_modules/date-fns/esm/addSeconds/index.js\"));\nexports.addSeconds = _addSeconds.default;\nvar _addMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/addMinutes */ \"./node_modules/date-fns/esm/addMinutes/index.js\"));\nexports.addMinutes = _addMinutes.default;\nvar _addHours = _interopRequireDefault(__webpack_require__(/*! date-fns/addHours */ \"./node_modules/date-fns/esm/addHours/index.js\"));\nexports.addHours = _addHours.default;\nvar _compareAsc = _interopRequireDefault(__webpack_require__(/*! date-fns/compareAsc */ \"./node_modules/date-fns/esm/compareAsc/index.js\"));\nexports.compareAsc = _compareAsc.default;\nvar _endOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfDay */ \"./node_modules/date-fns/esm/endOfDay/index.js\"));\nexports.endOfDay = _endOfDay.default;\nvar _endOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfISOWeek */ \"./node_modules/date-fns/esm/endOfISOWeek/index.js\"));\nexports.endOfISOWeek = _endOfISOWeek.default;\nvar _endOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfMonth */ \"./node_modules/date-fns/esm/endOfMonth/index.js\"));\nexports.endOfMonth = _endOfMonth.default;\nvar _endOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfWeek */ \"./node_modules/date-fns/esm/endOfWeek/index.js\"));\nexports.endOfWeek = _endOfWeek.default;\nvar _format = _interopRequireDefault(__webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\"));\nexports.format = _format.default;\nvar _getDate = _interopRequireDefault(__webpack_require__(/*! date-fns/getDate */ \"./node_modules/date-fns/esm/getDate/index.js\"));\nexports.getDate = _getDate.default;\nvar _getDaysInMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getDaysInMonth */ \"./node_modules/date-fns/esm/getDaysInMonth/index.js\"));\nexports.getDaysInMonth = _getDaysInMonth.default;\nvar _getMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getMonth */ \"./node_modules/date-fns/esm/getMonth/index.js\"));\nexports.getMonth = _getMonth.default;\nvar _getYear = _interopRequireDefault(__webpack_require__(/*! date-fns/getYear */ \"./node_modules/date-fns/esm/getYear/index.js\"));\nexports.getYear = _getYear.default;\nvar _isAfter = _interopRequireDefault(__webpack_require__(/*! date-fns/isAfter */ \"./node_modules/date-fns/esm/isAfter/index.js\"));\nexports.isAfter = _isAfter.default;\nvar _isBefore = _interopRequireDefault(__webpack_require__(/*! date-fns/isBefore */ \"./node_modules/date-fns/esm/isBefore/index.js\"));\nexports.isBefore = _isBefore.default;\nvar _isEqual = _interopRequireDefault(__webpack_require__(/*! date-fns/isEqual */ \"./node_modules/date-fns/esm/isEqual/index.js\"));\nexports.isEqual = _isEqual.default;\nvar _isSameDay = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameDay */ \"./node_modules/date-fns/esm/isSameDay/index.js\"));\nexports.isSameDay = _isSameDay.default;\nvar _isSameMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameMonth */ \"./node_modules/date-fns/esm/isSameMonth/index.js\"));\nexports.isSameMonth = _isSameMonth.default;\nvar _isSameSecond = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameSecond */ \"./node_modules/date-fns/esm/isSameSecond/index.js\"));\nexports.isSameSecond = _isSameSecond.default;\nvar _parse = _interopRequireDefault(__webpack_require__(/*! date-fns/parse */ \"./node_modules/date-fns/esm/parse/index.js\"));\nexports.parse = _parse.default;\nvar _parseISO = _interopRequireDefault(__webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\"));\nexports.parseISO = _parseISO.default;\nvar _setDate = _interopRequireDefault(__webpack_require__(/*! date-fns/setDate */ \"./node_modules/date-fns/esm/setDate/index.js\"));\nexports.setDate = _setDate.default;\nvar _setMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/setMinutes */ \"./node_modules/date-fns/esm/setMinutes/index.js\"));\nexports.setMinutes = _setMinutes.default;\nvar _setMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/setMonth */ \"./node_modules/date-fns/esm/setMonth/index.js\"));\nexports.setMonth = _setMonth.default;\nvar _setSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/setSeconds */ \"./node_modules/date-fns/esm/setSeconds/index.js\"));\nexports.setSeconds = _setSeconds.default;\nvar _setYear = _interopRequireDefault(__webpack_require__(/*! date-fns/setYear */ \"./node_modules/date-fns/esm/setYear/index.js\"));\nexports.setYear = _setYear.default;\nvar _startOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfDay */ \"./node_modules/date-fns/esm/startOfDay/index.js\"));\nexports.startOfDay = _startOfDay.default;\nvar _startOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfISOWeek */ \"./node_modules/date-fns/esm/startOfISOWeek/index.js\"));\nexports.startOfISOWeek = _startOfISOWeek.default;\nvar _startOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfMonth */ \"./node_modules/date-fns/esm/startOfMonth/index.js\"));\nexports.startOfMonth = _startOfMonth.default;\nvar _startOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfWeek */ \"./node_modules/date-fns/esm/startOfWeek/index.js\"));\nexports.startOfWeek = _startOfWeek.default;\nvar _subDays = _interopRequireDefault(__webpack_require__(/*! date-fns/subDays */ \"./node_modules/date-fns/esm/subDays/index.js\"));\nexports.subDays = _subDays.default;\nvar _isMatch = _interopRequireDefault(__webpack_require__(/*! date-fns/isMatch */ \"./node_modules/date-fns/esm/isMatch/index.js\"));\nexports.isMatch = _isMatch.default;\nvar _differenceInCalendarMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/differenceInCalendarMonths */ \"./node_modules/date-fns/esm/differenceInCalendarMonths/index.js\"));\nexports.differenceInCalendarMonths = _differenceInCalendarMonths.default;\nvar _isLastDayOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isLastDayOfMonth */ \"./node_modules/date-fns/esm/isLastDayOfMonth/index.js\"));\nexports.isLastDayOfMonth = _isLastDayOfMonth.default;\nvar _lastDayOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/lastDayOfMonth */ \"./node_modules/date-fns/esm/lastDayOfMonth/index.js\"));\nexports.lastDayOfMonth = _lastDayOfMonth.default;\nvar TimeProp;\n(function (TimeProp) {\n  TimeProp[\"DisabledHours\"] = \"disabledHours\";\n  TimeProp[\"DisabledMinutes\"] = \"disabledMinutes\";\n  TimeProp[\"DisabledSeconds\"] = \"disabledSeconds\";\n  TimeProp[\"ShouldDisableHour\"] = \"shouldDisableHour\";\n  TimeProp[\"ShouldDisableMinute\"] = \"shouldDisableMinute\";\n  TimeProp[\"ShouldDisableSecond\"] = \"shouldDisableSecond\";\n  TimeProp[\"HideHours\"] = \"hideHours\";\n  TimeProp[\"HideMinutes\"] = \"hideMinutes\";\n  TimeProp[\"HideSeconds\"] = \"hideSeconds\";\n})(TimeProp || (TimeProp = {}));\nvar calendarOnlyProps = [TimeProp.DisabledHours, TimeProp.DisabledMinutes, TimeProp.DisabledSeconds, TimeProp.HideHours, TimeProp.HideMinutes, TimeProp.HideSeconds];\nexports.calendarOnlyProps = calendarOnlyProps;\nvar HOURS_PATTERN = /(Hours?)/;\nvar MINUTES_PATTERN = /(Minutes?)/;\nvar SECONDS_PATTERN = /(Seconds?)/;\n/**\n * Verify that the time is valid.\n *\n * @param props - The calendar props.\n * @param date - The date to check.\n * @returns Whether the time is disabled.\n */\nfunction disableTime(props, date) {\n  if (!date) {\n    return false;\n  }\n  var disabledTimeProps = [TimeProp.DisabledHours, TimeProp.DisabledMinutes, TimeProp.DisabledSeconds, TimeProp.ShouldDisableHour, TimeProp.ShouldDisableMinute, TimeProp.ShouldDisableSecond];\n  var calendarProps = (0, _pick.default)(props, disabledTimeProps);\n  var mapProps = new Map(Object.entries(calendarProps));\n  return Array.from(mapProps.keys()).some(function (key) {\n    if (HOURS_PATTERN.test(key)) {\n      var _mapProps$get;\n      return (_mapProps$get = mapProps.get(key)) === null || _mapProps$get === void 0 ? void 0 : _mapProps$get((0, _getHours.default)(date), date);\n    }\n    if (MINUTES_PATTERN.test(key)) {\n      var _mapProps$get2;\n      return (_mapProps$get2 = mapProps.get(key)) === null || _mapProps$get2 === void 0 ? void 0 : _mapProps$get2((0, _getMinutes.default)(date), date);\n    }\n    if (SECONDS_PATTERN.test(key)) {\n      var _mapProps$get3;\n      return (_mapProps$get3 = mapProps.get(key)) === null || _mapProps$get3 === void 0 ? void 0 : _mapProps$get3((0, _getSeconds.default)(date), date);\n    }\n    return false;\n  });\n}\n\n/**\n * Omit the calendar-only props from an object.\n *\n * @param props - The object to omit props from.\n * @returns The object with calendar-only props omitted.\n */\nvar omitHideDisabledProps = function omitHideDisabledProps(props) {\n  return (0, _omitBy.default)(props, function (_val, key) {\n    return key.startsWith('disabled') || key.startsWith('hide') || key.startsWith('shouldDisable');\n  });\n};\n\n/**\n * Check if the time should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether the time should be rendered.\n */\nexports.omitHideDisabledProps = omitHideDisabledProps;\nvar shouldRenderTime = function shouldRenderTime(format) {\n  return /([Hhms])/.test(format);\n};\n\n/**\n * Check if the month should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether the month should be rendered.\n */\nexports.shouldRenderTime = shouldRenderTime;\nvar shouldRenderMonth = function shouldRenderMonth(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format);\n};\n\n/**\n * Check if the date should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether the date should be rendered.\n */\nexports.shouldRenderMonth = shouldRenderMonth;\nvar shouldRenderDate = function shouldRenderDate(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format) && /[Dd]/.test(format);\n};\n\n/**\n * Check if only the time should be rendered based on the format.\n *\n * @param format - The format string.\n * @returns Whether only the time should be rendered.\n */\nexports.shouldRenderDate = shouldRenderDate;\nvar shouldOnlyRenderTime = function shouldOnlyRenderTime(format) {\n  return /([Hhms])/.test(format) && !/([YyMDd])/.test(format);\n};\n\n/**\n * Get all weeks of a month.\n *\n * @param monthDate - The date of the month.\n * @param isoWeek - Whether to use ISO week numbering.\n * @returns An array of weeks in the month.\n */\nexports.shouldOnlyRenderTime = shouldOnlyRenderTime;\nfunction getMonthView(monthDate, isoWeek) {\n  var firstDayOfMonth = (0, _getDay.default)(monthDate);\n  var distance = 0 - firstDayOfMonth;\n  if (isoWeek) {\n    distance = 1 - firstDayOfMonth;\n    if (firstDayOfMonth === 0) {\n      distance = -6;\n    }\n  }\n  var firstWeekendDate = (0, _addDays.default)(monthDate, distance);\n  var weeks = [firstWeekendDate];\n  var nextWeekendDate = (0, _addDays.default)(firstWeekendDate, 7);\n  weeks.push(nextWeekendDate);\n  while (weeks.length < 6) {\n    nextWeekendDate = (0, _addDays.default)(nextWeekendDate, 7);\n    weeks.push(nextWeekendDate);\n  }\n  return weeks;\n}\n\n/**\n * Copy the time from one date to another.\n *\n * @param from - The source date.\n * @param to - The target date.\n * @returns The target date with the time copied from the source date.\n */\nfunction copyTime(_ref) {\n  var from = _ref.from,\n    to = _ref.to;\n  if (!(0, _isValid.default)(from) || !(0, _isValid.default)(to)) {\n    return to;\n  }\n  return (0, _set.default)(to, {\n    hours: (0, _getHours.default)(from),\n    minutes: (0, _getMinutes.default)(from),\n    seconds: (0, _getSeconds.default)(from)\n  });\n}\n\n/**\n * Swap two dates without swapping the time.\n *\n * @param dateRange - The date range to reverse.\n * @returns The reversed date range.\n */\nfunction reverseDateRangeOmitTime(dateRange) {\n  var start = dateRange[0],\n    end = dateRange[1];\n  if (start && end) {\n    return [copyTime({\n      from: start,\n      to: end\n    }), copyTime({\n      from: end,\n      to: start\n    })];\n  }\n  return dateRange;\n}\n\n/**\n * Get the time with AM and PM reversed.\n *\n * @param date - The date to reverse the time meridian.\n * @returns The date with the time meridian reversed.\n */\nvar getReversedTimeMeridian = function getReversedTimeMeridian(date) {\n  var clonedDate = new Date(date.valueOf());\n  var hours = (0, _getHours.default)(clonedDate);\n  var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n  return (0, _setHours.default)(clonedDate, nextHours);\n};\nexports.getReversedTimeMeridian = getReversedTimeMeridian;\n\n//# sourceURL=webpack://rsuite/./src/utils/dateUtils.ts?");
 
 /***/ }),
 
@@ -12898,6 +12986,28 @@ eval("var containers = []; // will store container HTMLElement references\nvar s
 
 /***/ }),
 
+/***/ "./node_modules/is-plain-object/index.js":
+/*!***********************************************!*\
+  !*** ./node_modules/is-plain-object/index.js ***!
+  \***********************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+eval("/*!\n * is-plain-object <https://github.com/jonschlinkert/is-plain-object>\n *\n * Copyright (c) 2014-2017, Jon Schlinkert.\n * Released under the MIT License.\n */\n\n\n\nvar isObject = __webpack_require__(/*! isobject */ \"./node_modules/isobject/index.js\");\n\nfunction isObjectObject(o) {\n  return isObject(o) === true\n    && Object.prototype.toString.call(o) === '[object Object]';\n}\n\nmodule.exports = function isPlainObject(o) {\n  var ctor,prot;\n\n  if (isObjectObject(o) === false) return false;\n\n  // If has modified constructor\n  ctor = o.constructor;\n  if (typeof ctor !== 'function') return false;\n\n  // If has modified prototype\n  prot = ctor.prototype;\n  if (isObjectObject(prot) === false) return false;\n\n  // If constructor does not have an Object-specific method\n  if (prot.hasOwnProperty('isPrototypeOf') === false) {\n    return false;\n  }\n\n  // Most likely a plain Object\n  return true;\n};\n\n\n//# sourceURL=webpack://rsuite/./node_modules/is-plain-object/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/isobject/index.js":
+/*!****************************************!*\
+  !*** ./node_modules/isobject/index.js ***!
+  \****************************************/
+/***/ (function(module) {
+
+"use strict";
+eval("/*!\n * isobject <https://github.com/jonschlinkert/isobject>\n *\n * Copyright (c) 2014-2017, Jon Schlinkert.\n * Released under the MIT License.\n */\n\n\n\nmodule.exports = function isObject(val) {\n  return val != null && typeof val === 'object' && Array.isArray(val) === false;\n};\n\n\n//# sourceURL=webpack://rsuite/./node_modules/isobject/index.js?");
+
+/***/ }),
+
 /***/ "./node_modules/lodash/_SetCache.js":
 /*!******************************************!*\
   !*** ./node_modules/lodash/_SetCache.js ***!
@@ -15636,7 +15746,7 @@ eval("\n\nif (false) {} else {\n  module.exports = __webpack_require__(/*! ./cjs
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ArrayType\": function() { return /* binding */ ArrayType; },\n/* harmony export */   \"default\": function() { return /* binding */ getArrayType; }\n/* harmony export */ });\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\nclass ArrayType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('array');\n        super.pushRule({\n            onValid: v => Array.isArray(v),\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    rangeLength(minLength, maxLength, errorMessage = this.locale.rangeLength) {\n        super.pushRule({\n            onValid: (value) => value.length >= minLength && value.length <= maxLength,\n            errorMessage,\n            params: { minLength, maxLength }\n        });\n        return this;\n    }\n    minLength(minLength, errorMessage = this.locale.minLength) {\n        super.pushRule({\n            onValid: value => value.length >= minLength,\n            errorMessage,\n            params: { minLength }\n        });\n        return this;\n    }\n    maxLength(maxLength, errorMessage = this.locale.maxLength) {\n        super.pushRule({\n            onValid: value => value.length <= maxLength,\n            errorMessage,\n            params: { maxLength }\n        });\n        return this;\n    }\n    unrepeatable(errorMessage = this.locale.unrepeatable) {\n        super.pushRule({\n            onValid: items => {\n                const hash = {};\n                for (const i in items) {\n                    if (hash[items[i]]) {\n                        return false;\n                    }\n                    hash[items[i]] = true;\n                }\n                return true;\n            },\n            errorMessage\n        });\n        return this;\n    }\n    of(type) {\n        super.pushRule({\n            onValid: (items, data, filedName) => {\n                const checkResults = items.map((value, index) => {\n                    const name = Array.isArray(filedName)\n                        ? [...filedName, `[${index}]`]\n                        : [filedName, `[${index}]`];\n                    return type.check(value, data, name);\n                });\n                const hasError = !!checkResults.find(item => item === null || item === void 0 ? void 0 : item.hasError);\n                return {\n                    hasError,\n                    array: checkResults\n                };\n            }\n        });\n        return this;\n    }\n}\nfunction getArrayType(errorMessage) {\n    return new ArrayType(errorMessage);\n}\n//# sourceMappingURL=ArrayType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/ArrayType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ArrayType\": function() { return /* binding */ ArrayType; },\n/* harmony export */   \"default\": function() { return /* binding */ getArrayType; }\n/* harmony export */ });\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\nclass ArrayType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('array');\n        super.pushRule({\n            onValid: v => Array.isArray(v),\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    rangeLength(minLength, maxLength, errorMessage = this.locale.rangeLength) {\n        super.pushRule({\n            onValid: (value) => value.length >= minLength && value.length <= maxLength,\n            errorMessage,\n            params: { minLength, maxLength }\n        });\n        return this;\n    }\n    minLength(minLength, errorMessage = this.locale.minLength) {\n        super.pushRule({\n            onValid: value => value.length >= minLength,\n            errorMessage,\n            params: { minLength }\n        });\n        return this;\n    }\n    maxLength(maxLength, errorMessage = this.locale.maxLength) {\n        super.pushRule({\n            onValid: value => value.length <= maxLength,\n            errorMessage,\n            params: { maxLength }\n        });\n        return this;\n    }\n    unrepeatable(errorMessage = this.locale.unrepeatable) {\n        super.pushRule({\n            onValid: items => {\n                const hash = {};\n                for (const i in items) {\n                    if (hash[items[i]]) {\n                        return false;\n                    }\n                    hash[items[i]] = true;\n                }\n                return true;\n            },\n            errorMessage\n        });\n        return this;\n    }\n    of(type) {\n        super.pushRule({\n            onValid: (items, data, fieldName) => {\n                const checkResults = items.map((value, index) => {\n                    const name = Array.isArray(fieldName)\n                        ? [...fieldName, `[${index}]`]\n                        : [fieldName, `[${index}]`];\n                    return type.check(value, data, name);\n                });\n                const hasError = !!checkResults.find(item => item === null || item === void 0 ? void 0 : item.hasError);\n                return {\n                    hasError,\n                    array: checkResults\n                };\n            }\n        });\n        return this;\n    }\n}\nfunction getArrayType(errorMessage) {\n    return new ArrayType(errorMessage);\n}\n//# sourceMappingURL=ArrayType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/ArrayType.js?");
 
 /***/ }),
 
@@ -15669,7 +15779,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MixedType\": function() { return /* binding */ MixedType; },\n/* harmony export */   \"default\": function() { return /* binding */ getMixedType; }\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n/* harmony import */ var _locales__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./locales */ \"./node_modules/schema-typed/es/locales/index.js\");\n\n\nclass MixedType {\n    constructor(name) {\n        this.required = false;\n        this.requiredMessage = '';\n        this.trim = false;\n        this.emptyAllowed = false;\n        this.rules = [];\n        this.priorityRules = [];\n        this.typeName = name;\n        this.locale = Object.assign(name ? _locales__WEBPACK_IMPORTED_MODULE_1__[\"default\"][name] : {}, _locales__WEBPACK_IMPORTED_MODULE_1__[\"default\"].mixed);\n    }\n    setSchemaOptions(schemaSpec, value) {\n        this.schemaSpec = schemaSpec;\n        this.value = value;\n    }\n    check(value = this.value, data, fieldName) {\n        if (this.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_0__.checkRequired)(value, this.trim, this.emptyAllowed)) {\n            return {\n                hasError: true,\n                errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatErrorMessage)(this.requiredMessage, { name: fieldName })\n            };\n        }\n        const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.createValidator)(data, fieldName);\n        const checkStatus = validator(value, this.priorityRules);\n        if (checkStatus) {\n            return checkStatus;\n        }\n        if (!this.required && (0,_utils__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(value)) {\n            return { hasError: false };\n        }\n        return validator(value, this.rules) || { hasError: false };\n    }\n    checkAsync(value = this.value, data, fieldName) {\n        if (this.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_0__.checkRequired)(value, this.trim, this.emptyAllowed)) {\n            return Promise.resolve({\n                hasError: true,\n                errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatErrorMessage)(this.requiredMessage, { name: fieldName })\n            });\n        }\n        const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.createValidatorAsync)(data, fieldName);\n        return new Promise(resolve => validator(value, this.priorityRules)\n            .then((checkStatus) => {\n            if (checkStatus) {\n                resolve(checkStatus);\n            }\n        })\n            .then(() => {\n            if (!this.required && (0,_utils__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(value)) {\n                resolve({ hasError: false });\n            }\n        })\n            .then(() => validator(value, this.rules))\n            .then((checkStatus) => {\n            if (checkStatus) {\n                resolve(checkStatus);\n            }\n            resolve({ hasError: false });\n        }));\n    }\n    pushRule(rule) {\n        var _a, _b;\n        const { onValid, errorMessage, priority, params } = rule;\n        const nextRule = {\n            onValid,\n            params,\n            isAsync: rule.isAsync,\n            errorMessage: errorMessage || ((_b = (_a = this.rules) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.errorMessage)\n        };\n        if (priority) {\n            this.priorityRules.push(nextRule);\n        }\n        else {\n            this.rules.push(nextRule);\n        }\n    }\n    addRule(onValid, errorMessage, priority) {\n        this.pushRule({ onValid, errorMessage, priority });\n        return this;\n    }\n    addAsyncRule(onValid, errorMessage, priority) {\n        this.pushRule({ onValid, isAsync: true, errorMessage, priority });\n        return this;\n    }\n    isRequired(errorMessage = this.locale.isRequired, trim = true) {\n        this.required = true;\n        this.trim = trim;\n        this.requiredMessage = errorMessage;\n        return this;\n    }\n    isRequiredOrEmpty(errorMessage = this.locale.isRequiredOrEmpty, trim = true) {\n        this.required = true;\n        this.trim = trim;\n        this.emptyAllowed = true;\n        this.requiredMessage = errorMessage;\n        return this;\n    }\n    /**\n     * Define data verification rules based on conditions.\n     * @param validator\n     * @example\n     * MixedType().when(schema => {\n     *   return schema.filed1.check() ? NumberType().min(5) : NumberType().min(0);\n     * });\n     */\n    when(condition) {\n        this.addRule((value, data, filedName) => {\n            return condition(this.schemaSpec).check(value, data, filedName);\n        }, undefined, true);\n        return this;\n    }\n}\nfunction getMixedType() {\n    return new MixedType();\n}\n//# sourceMappingURL=MixedType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/MixedType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MixedType\": function() { return /* binding */ MixedType; },\n/* harmony export */   \"default\": function() { return /* binding */ getMixedType; },\n/* harmony export */   \"getFieldType\": function() { return /* binding */ getFieldType; },\n/* harmony export */   \"getFieldValue\": function() { return /* binding */ getFieldValue; },\n/* harmony export */   \"schemaSpecKey\": function() { return /* binding */ schemaSpecKey; }\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n/* harmony import */ var _utils_formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n/* harmony import */ var _locales__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./locales */ \"./node_modules/schema-typed/es/locales/index.js\");\n\n\n\nconst schemaSpecKey = 'objectTypeSchemaSpec';\n/**\n * Get the field type from the schema object\n */\nfunction getFieldType(schemaSpec, fieldName, nestedObject) {\n    if (nestedObject) {\n        const namePath = fieldName.split('.').join(`.${schemaSpecKey}.`);\n        return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.get)(schemaSpec, namePath);\n    }\n    return schemaSpec === null || schemaSpec === void 0 ? void 0 : schemaSpec[fieldName];\n}\n/**\n * Get the field value from the data object\n */\nfunction getFieldValue(data, fieldName, nestedObject) {\n    return nestedObject ? (0,_utils__WEBPACK_IMPORTED_MODULE_0__.get)(data, fieldName) : data === null || data === void 0 ? void 0 : data[fieldName];\n}\nclass MixedType {\n    constructor(name) {\n        this.required = false;\n        this.requiredMessage = '';\n        this.trim = false;\n        this.emptyAllowed = false;\n        this.rules = [];\n        this.priorityRules = [];\n        // The field name that depends on the verification of other fields\n        this.otherFields = [];\n        this.proxyOptions = {};\n        this.$typeName = name;\n        this.locale = Object.assign(name ? _locales__WEBPACK_IMPORTED_MODULE_2__[\"default\"][name] : {}, _locales__WEBPACK_IMPORTED_MODULE_2__[\"default\"].mixed);\n    }\n    setSchemaOptions(schemaSpec, value) {\n        this.$schemaSpec = schemaSpec;\n        this.value = value;\n    }\n    check(value = this.value, data, fieldName) {\n        if (this.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_0__.checkRequired)(value, this.trim, this.emptyAllowed)) {\n            return {\n                hasError: true,\n                errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatErrorMessage)(this.requiredMessage, {\n                    name: this.fieldLabel || (0,_utils_formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__.joinName)(fieldName)\n                })\n            };\n        }\n        const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.createValidator)(data, fieldName, this.fieldLabel);\n        const checkResult = validator(value, this.priorityRules);\n        // If the priority rule fails, return the result directly\n        if (checkResult) {\n            return checkResult;\n        }\n        if (!this.required && (0,_utils__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(value)) {\n            return { hasError: false };\n        }\n        return validator(value, this.rules) || { hasError: false };\n    }\n    checkAsync(value = this.value, data, fieldName) {\n        if (this.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_0__.checkRequired)(value, this.trim, this.emptyAllowed)) {\n            return Promise.resolve({\n                hasError: true,\n                errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatErrorMessage)(this.requiredMessage, {\n                    name: this.fieldLabel || (0,_utils_formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__.joinName)(fieldName)\n                })\n            });\n        }\n        const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.createValidatorAsync)(data, fieldName, this.fieldLabel);\n        return new Promise(resolve => validator(value, this.priorityRules)\n            .then((checkResult) => {\n            // If the priority rule fails, return the result directly\n            if (checkResult) {\n                resolve(checkResult);\n            }\n        })\n            .then(() => {\n            if (!this.required && (0,_utils__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(value)) {\n                resolve({ hasError: false });\n            }\n        })\n            .then(() => validator(value, this.rules))\n            .then((checkResult) => {\n            if (checkResult) {\n                resolve(checkResult);\n            }\n            resolve({ hasError: false });\n        }));\n    }\n    pushRule(rule) {\n        var _a, _b;\n        const { onValid, errorMessage, priority, params } = rule;\n        const nextRule = {\n            onValid,\n            params,\n            isAsync: rule.isAsync,\n            errorMessage: errorMessage || ((_b = (_a = this.rules) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.errorMessage)\n        };\n        if (priority) {\n            this.priorityRules.push(nextRule);\n        }\n        else {\n            this.rules.push(nextRule);\n        }\n    }\n    addRule(onValid, errorMessage, priority) {\n        this.pushRule({ onValid, errorMessage, priority });\n        return this;\n    }\n    addAsyncRule(onValid, errorMessage, priority) {\n        this.pushRule({ onValid, isAsync: true, errorMessage, priority });\n        return this;\n    }\n    isRequired(errorMessage = this.locale.isRequired, trim = true) {\n        this.required = true;\n        this.trim = trim;\n        this.requiredMessage = errorMessage;\n        return this;\n    }\n    isRequiredOrEmpty(errorMessage = this.locale.isRequiredOrEmpty, trim = true) {\n        this.required = true;\n        this.trim = trim;\n        this.emptyAllowed = true;\n        this.requiredMessage = errorMessage;\n        return this;\n    }\n    /**\n     * Define data verification rules based on conditions.\n     * @param condition\n     * @example\n     *\n     * ```js\n     * SchemaModel({\n     *   option: StringType().isOneOf(['a', 'b', 'other']),\n     *   other: StringType().when(schema => {\n     *     const { value } = schema.option;\n     *     return value === 'other' ? StringType().isRequired('Other required') : StringType();\n     *   })\n     * });\n     * ```\n     */\n    when(condition) {\n        this.addRule((value, data, fieldName) => {\n            return condition(this.$schemaSpec).check(value, data, fieldName);\n        }, undefined, true);\n        return this;\n    }\n    /**\n     * Check if the value is equal to the value of another field.\n     * @example\n     *\n     * ```js\n     * SchemaModel({\n     *   password: StringType().isRequired(),\n     *   confirmPassword: StringType().equalTo('password').isRequired()\n     * });\n     * ```\n     */\n    equalTo(fieldName, errorMessage = this.locale.equalTo) {\n        const errorMessageFunc = () => {\n            const type = getFieldType(this.$schemaSpec, fieldName, true);\n            return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatErrorMessage)(errorMessage, { toFieldName: (type === null || type === void 0 ? void 0 : type.fieldLabel) || fieldName });\n        };\n        this.addRule((value, data) => {\n            return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.shallowEqual)(value, (0,_utils__WEBPACK_IMPORTED_MODULE_0__.get)(data, fieldName));\n        }, errorMessageFunc);\n        return this;\n    }\n    /**\n     * After the field verification passes, proxy verification of other fields.\n     * @param options.checkIfValueExists When the value of other fields exists, the verification is performed (default: false)\n     * @example\n     *\n     * ```js\n     * SchemaModel({\n     *   password: StringType().isRequired().proxy(['confirmPassword']),\n     *   confirmPassword: StringType().equalTo('password').isRequired()\n     * });\n     * ```\n     */\n    proxy(fieldNames, options) {\n        this.otherFields = fieldNames;\n        this.proxyOptions = options || {};\n        return this;\n    }\n    /**\n     * Overrides the key name in error messages.\n     *\n     * @example\n     * ```js\n     * SchemaModel({\n     *  first_name: StringType().label('First name'),\n     *  age: NumberType().label('Age')\n     * });\n     * ```\n     */\n    label(label) {\n        this.fieldLabel = label;\n        return this;\n    }\n}\nfunction getMixedType() {\n    return new MixedType();\n}\n//# sourceMappingURL=MixedType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/MixedType.js?");
 
 /***/ }),
 
@@ -15691,7 +15801,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ObjectType\": function() { return /* binding */ ObjectType; },\n/* harmony export */   \"default\": function() { return /* binding */ getObjectType; }\n/* harmony export */ });\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n\n\nclass ObjectType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('object');\n        super.pushRule({\n            onValid: v => typeof v === 'object',\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    check(value = this.value, data, fieldName) {\n        const check = (value, data, type) => {\n            if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_1__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n                return { hasError: true, errorMessage: type.requiredMessage };\n            }\n            if (type.objectTypeSchemaSpec && typeof value === 'object') {\n                const checkResultObject = {};\n                let hasError = false;\n                Object.entries(type.objectTypeSchemaSpec).forEach(([k, v]) => {\n                    const checkResult = check(value[k], value, v);\n                    if (checkResult === null || checkResult === void 0 ? void 0 : checkResult.hasError) {\n                        hasError = true;\n                    }\n                    checkResultObject[k] = checkResult;\n                });\n                return { hasError, object: checkResultObject };\n            }\n            const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createValidator)(data, fieldName);\n            const checkStatus = validator(value, type.priorityRules);\n            if (checkStatus) {\n                return checkStatus;\n            }\n            if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)(value)) {\n                return { hasError: false };\n            }\n            return validator(value, type.rules) || { hasError: false };\n        };\n        return check(value, data, this);\n    }\n    checkAsync(value = this.value, data, fieldName) {\n        const check = (value, data, type) => {\n            if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_1__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n                return Promise.resolve({ hasError: true, errorMessage: this.requiredMessage });\n            }\n            const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createValidatorAsync)(data, fieldName);\n            return new Promise(resolve => {\n                if (type.objectTypeSchemaSpec && typeof value === 'object') {\n                    const checkResult = {};\n                    const checkAll = [];\n                    const keys = [];\n                    Object.entries(type.objectTypeSchemaSpec).forEach(([k, v]) => {\n                        checkAll.push(check(value[k], value, v));\n                        keys.push(k);\n                    });\n                    return Promise.all(checkAll).then(values => {\n                        values.forEach((v, index) => {\n                            checkResult[keys[index]] = v;\n                        });\n                        resolve({ object: checkResult });\n                    });\n                }\n                return validator(value, type.priorityRules)\n                    .then((checkStatus) => {\n                    if (checkStatus) {\n                        resolve(checkStatus);\n                    }\n                })\n                    .then(() => {\n                    if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)(value)) {\n                        resolve({ hasError: false });\n                    }\n                })\n                    .then(() => validator(value, type.rules))\n                    .then((checkStatus) => {\n                    if (checkStatus) {\n                        resolve(checkStatus);\n                    }\n                    resolve({ hasError: false });\n                });\n            });\n        };\n        return check(value, data, this);\n    }\n    /**\n     * @example\n     * ObjectType().shape({\n     *  name: StringType(),\n     *  age: NumberType()\n     * })\n     */\n    shape(fields) {\n        this.objectTypeSchemaSpec = fields;\n        return this;\n    }\n}\nfunction getObjectType(errorMessage) {\n    return new ObjectType(errorMessage);\n}\n//# sourceMappingURL=ObjectType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/ObjectType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ObjectType\": function() { return /* binding */ ObjectType; },\n/* harmony export */   \"default\": function() { return /* binding */ getObjectType; }\n/* harmony export */ });\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n\n\nclass ObjectType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('object');\n        super.pushRule({\n            onValid: v => typeof v === 'object',\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    check(value = this.value, data, fieldName) {\n        const check = (value, data, type, childFieldKey) => {\n            var _a;\n            if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_1__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n                return {\n                    hasError: true,\n                    errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.formatErrorMessage)(type.requiredMessage || ((_a = type.locale) === null || _a === void 0 ? void 0 : _a.isRequired), {\n                        name: type.fieldLabel || childFieldKey || fieldName\n                    })\n                };\n            }\n            if (type[_MixedType__WEBPACK_IMPORTED_MODULE_0__.schemaSpecKey] && typeof value === 'object') {\n                const checkResultObject = {};\n                let hasError = false;\n                Object.entries(type[_MixedType__WEBPACK_IMPORTED_MODULE_0__.schemaSpecKey]).forEach(([k, v]) => {\n                    const checkResult = check(value[k], value, v, k);\n                    if (checkResult === null || checkResult === void 0 ? void 0 : checkResult.hasError) {\n                        hasError = true;\n                    }\n                    checkResultObject[k] = checkResult;\n                });\n                return { hasError, object: checkResultObject };\n            }\n            const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createValidator)(data, childFieldKey || fieldName, type.fieldLabel);\n            const checkStatus = validator(value, type.priorityRules);\n            if (checkStatus) {\n                return checkStatus;\n            }\n            if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)(value)) {\n                return { hasError: false };\n            }\n            return validator(value, type.rules) || { hasError: false };\n        };\n        return check(value, data, this);\n    }\n    checkAsync(value = this.value, data, fieldName) {\n        const check = (value, data, type, childFieldKey) => {\n            var _a;\n            if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_1__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n                return Promise.resolve({\n                    hasError: true,\n                    errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.formatErrorMessage)(type.requiredMessage || ((_a = type.locale) === null || _a === void 0 ? void 0 : _a.isRequired), {\n                        name: type.fieldLabel || childFieldKey || fieldName\n                    })\n                });\n            }\n            const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createValidatorAsync)(data, childFieldKey || fieldName, type.fieldLabel);\n            return new Promise(resolve => {\n                if (type[_MixedType__WEBPACK_IMPORTED_MODULE_0__.schemaSpecKey] && typeof value === 'object') {\n                    const checkResult = {};\n                    const checkAll = [];\n                    const keys = [];\n                    Object.entries(type[_MixedType__WEBPACK_IMPORTED_MODULE_0__.schemaSpecKey]).forEach(([k, v]) => {\n                        checkAll.push(check(value[k], value, v, k));\n                        keys.push(k);\n                    });\n                    return Promise.all(checkAll).then(values => {\n                        let hasError = false;\n                        values.forEach((v, index) => {\n                            if (v === null || v === void 0 ? void 0 : v.hasError) {\n                                hasError = true;\n                            }\n                            checkResult[keys[index]] = v;\n                        });\n                        resolve({ hasError, object: checkResult });\n                    });\n                }\n                return validator(value, type.priorityRules)\n                    .then((checkStatus) => {\n                    if (checkStatus) {\n                        resolve(checkStatus);\n                    }\n                })\n                    .then(() => {\n                    if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)(value)) {\n                        resolve({ hasError: false });\n                    }\n                })\n                    .then(() => validator(value, type.rules))\n                    .then((checkStatus) => {\n                    if (checkStatus) {\n                        resolve(checkStatus);\n                    }\n                    resolve({ hasError: false });\n                });\n            });\n        };\n        return check(value, data, this);\n    }\n    /**\n     * @example\n     * ObjectType().shape({\n     *  name: StringType(),\n     *  age: NumberType()\n     * })\n     */\n    shape(fields) {\n        this[_MixedType__WEBPACK_IMPORTED_MODULE_0__.schemaSpecKey] = fields;\n        return this;\n    }\n}\nfunction getObjectType(errorMessage) {\n    return new ObjectType(errorMessage);\n}\n//# sourceMappingURL=ObjectType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/ObjectType.js?");
 
 /***/ }),
 
@@ -15702,7 +15812,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Schema\": function() { return /* binding */ Schema; },\n/* harmony export */   \"SchemaModel\": function() { return /* binding */ SchemaModel; }\n/* harmony export */ });\nclass Schema {\n    constructor(schema) {\n        this.spec = schema;\n    }\n    getFieldType(fieldName) {\n        var _a;\n        return (_a = this.spec) === null || _a === void 0 ? void 0 : _a[fieldName];\n    }\n    getKeys() {\n        return Object.keys(this.spec);\n    }\n    setSchemaOptionsForAllType(data) {\n        if (data === this.data) {\n            return;\n        }\n        Object.entries(this.spec).forEach(([key, type]) => {\n            type.setSchemaOptions(this.spec, data === null || data === void 0 ? void 0 : data[key]);\n        });\n        this.data = data;\n    }\n    checkForField(fieldName, data) {\n        this.setSchemaOptionsForAllType(data);\n        const fieldChecker = this.spec[fieldName];\n        if (!fieldChecker) {\n            // fieldValue can be anything if no schema defined\n            return { hasError: false };\n        }\n        return fieldChecker.check(data[fieldName], data, fieldName);\n    }\n    checkForFieldAsync(fieldName, data) {\n        this.setSchemaOptionsForAllType(data);\n        const fieldChecker = this.spec[fieldName];\n        if (!fieldChecker) {\n            // fieldValue can be anything if no schema defined\n            return Promise.resolve({ hasError: false });\n        }\n        return fieldChecker.checkAsync(data[fieldName], data, fieldName);\n    }\n    check(data) {\n        const checkResult = {};\n        Object.keys(this.spec).forEach(key => {\n            if (typeof data === 'object') {\n                checkResult[key] = this.checkForField(key, data);\n            }\n        });\n        return checkResult;\n    }\n    checkAsync(data) {\n        const checkResult = {};\n        const promises = [];\n        const keys = [];\n        Object.keys(this.spec).forEach((key) => {\n            keys.push(key);\n            promises.push(this.checkForFieldAsync(key, data));\n        });\n        return Promise.all(promises).then(values => {\n            for (let i = 0; i < values.length; i += 1) {\n                checkResult[keys[i]] = values[i];\n            }\n            return checkResult;\n        });\n    }\n}\nfunction SchemaModel(o) {\n    return new Schema(o);\n}\nSchemaModel.combine = function combine(...specs) {\n    return new Schema(specs\n        .map(model => model.spec)\n        .reduce((accumulator, currentValue) => Object.assign(accumulator, currentValue), {}));\n};\n//# sourceMappingURL=Schema.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/Schema.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Schema\": function() { return /* binding */ Schema; },\n/* harmony export */   \"SchemaModel\": function() { return /* binding */ SchemaModel; }\n/* harmony export */ });\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n\n\nclass Schema {\n    constructor(schema) {\n        this.checkResult = {};\n        this.$spec = schema;\n    }\n    getFieldType(fieldName, nestedObject) {\n        return (0,_MixedType__WEBPACK_IMPORTED_MODULE_0__.getFieldType)(this.$spec, fieldName, nestedObject);\n    }\n    setFieldCheckResult(fieldName, checkResult, nestedObject) {\n        if (nestedObject) {\n            const namePath = fieldName.split('.').join('.object.');\n            (0,_utils__WEBPACK_IMPORTED_MODULE_1__.set)(this.checkResult, namePath, checkResult);\n            return;\n        }\n        this.checkResult[fieldName] = checkResult;\n    }\n    setSchemaOptionsForAllType(data) {\n        if (data === this.data) {\n            return;\n        }\n        Object.entries(this.$spec).forEach(([key, type]) => {\n            type.setSchemaOptions(this.$spec, data === null || data === void 0 ? void 0 : data[key]);\n        });\n        this.data = data;\n    }\n    /**\n     * Get the check result of the schema\n     * @returns CheckResult<ErrorMsgType | string>\n     */\n    getCheckResult(path, result = this.checkResult) {\n        if (path) {\n            return (result === null || result === void 0 ? void 0 : result[path]) || (0,_utils__WEBPACK_IMPORTED_MODULE_1__.get)(result, (0,_utils__WEBPACK_IMPORTED_MODULE_1__.pathTransform)(path)) || { hasError: false };\n        }\n        return result;\n    }\n    /**\n     * Get the error messages of the schema\n     */\n    getErrorMessages(path, result = this.checkResult) {\n        let messages = [];\n        if (path) {\n            const { errorMessage, object, array } = (result === null || result === void 0 ? void 0 : result[path]) || (0,_utils__WEBPACK_IMPORTED_MODULE_1__.get)(result, (0,_utils__WEBPACK_IMPORTED_MODULE_1__.pathTransform)(path)) || {};\n            if (errorMessage) {\n                messages = [errorMessage];\n            }\n            else if (object) {\n                messages = Object.keys(object).map(key => { var _a; return (_a = object[key]) === null || _a === void 0 ? void 0 : _a.errorMessage; });\n            }\n            else if (array) {\n                messages = array.map(item => item === null || item === void 0 ? void 0 : item.errorMessage);\n            }\n        }\n        else {\n            messages = Object.keys(result).map(key => { var _a; return (_a = result[key]) === null || _a === void 0 ? void 0 : _a.errorMessage; });\n        }\n        return messages.filter(Boolean);\n    }\n    /**\n     * Get all the keys of the schema\n     */\n    getKeys() {\n        return Object.keys(this.$spec);\n    }\n    /**\n     * Get the schema specification\n     */\n    getSchemaSpec() {\n        return this.$spec;\n    }\n    checkForField(fieldName, data, options = {}) {\n        var _a;\n        this.setSchemaOptionsForAllType(data);\n        const { nestedObject } = options;\n        const fieldChecker = this.getFieldType(fieldName, nestedObject);\n        if (!fieldChecker) {\n            // fieldValue can be anything if no schema defined\n            return { hasError: false };\n        }\n        const fieldValue = (0,_MixedType__WEBPACK_IMPORTED_MODULE_0__.getFieldValue)(data, fieldName, nestedObject);\n        const checkResult = fieldChecker.check(fieldValue, data, fieldName);\n        this.setFieldCheckResult(fieldName, checkResult, nestedObject);\n        if (!checkResult.hasError) {\n            const { checkIfValueExists } = fieldChecker.proxyOptions;\n            // Check other fields if the field depends on them for validation\n            (_a = fieldChecker.otherFields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {\n                if (checkIfValueExists) {\n                    if (!(0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)((0,_MixedType__WEBPACK_IMPORTED_MODULE_0__.getFieldValue)(data, field, nestedObject))) {\n                        this.checkForField(field, data, options);\n                    }\n                    return;\n                }\n                this.checkForField(field, data, options);\n            });\n        }\n        return checkResult;\n    }\n    checkForFieldAsync(fieldName, data, options = {}) {\n        this.setSchemaOptionsForAllType(data);\n        const { nestedObject } = options;\n        const fieldChecker = this.getFieldType(fieldName, nestedObject);\n        if (!fieldChecker) {\n            // fieldValue can be anything if no schema defined\n            return Promise.resolve({ hasError: false });\n        }\n        const fieldValue = (0,_MixedType__WEBPACK_IMPORTED_MODULE_0__.getFieldValue)(data, fieldName, nestedObject);\n        const checkResult = fieldChecker.checkAsync(fieldValue, data, fieldName);\n        return checkResult.then(async (result) => {\n            var _a;\n            this.setFieldCheckResult(fieldName, result, nestedObject);\n            if (!result.hasError) {\n                const { checkIfValueExists } = fieldChecker.proxyOptions;\n                const checkAll = [];\n                // Check other fields if the field depends on them for validation\n                (_a = fieldChecker.otherFields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {\n                    if (checkIfValueExists) {\n                        if (!(0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)((0,_MixedType__WEBPACK_IMPORTED_MODULE_0__.getFieldValue)(data, field, nestedObject))) {\n                            checkAll.push(this.checkForFieldAsync(field, data, options));\n                        }\n                        return;\n                    }\n                    checkAll.push(this.checkForFieldAsync(field, data, options));\n                });\n                await Promise.all(checkAll);\n            }\n            return result;\n        });\n    }\n    check(data) {\n        const checkResult = {};\n        Object.keys(this.$spec).forEach(key => {\n            if (typeof data === 'object') {\n                checkResult[key] = this.checkForField(key, data);\n            }\n        });\n        return checkResult;\n    }\n    checkAsync(data) {\n        const checkResult = {};\n        const promises = [];\n        const keys = [];\n        Object.keys(this.$spec).forEach((key) => {\n            keys.push(key);\n            promises.push(this.checkForFieldAsync(key, data));\n        });\n        return Promise.all(promises).then(values => {\n            for (let i = 0; i < values.length; i += 1) {\n                checkResult[keys[i]] = values[i];\n            }\n            return checkResult;\n        });\n    }\n}\nfunction SchemaModel(o) {\n    return new Schema(o);\n}\nSchemaModel.combine = function combine(...specs) {\n    return new Schema(specs\n        .map(model => model.$spec)\n        .reduce((accumulator, currentValue) => Object.assign(accumulator, currentValue), {}));\n};\n//# sourceMappingURL=Schema.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/Schema.js?");
 
 /***/ }),
 
@@ -15713,7 +15823,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"StringType\": function() { return /* binding */ StringType; },\n/* harmony export */   \"default\": function() { return /* binding */ getStringType; }\n/* harmony export */ });\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\nclass StringType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('string');\n        super.pushRule({\n            onValid: v => typeof v === 'string',\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    containsLetter(errorMessage = this.locale.containsLetter) {\n        super.pushRule({\n            onValid: v => /[a-zA-Z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsUppercaseLetter(errorMessage = this.locale.containsUppercaseLetter) {\n        super.pushRule({\n            onValid: v => /[A-Z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsLowercaseLetter(errorMessage = this.locale.containsLowercaseLetter) {\n        super.pushRule({\n            onValid: v => /[a-z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsLetterOnly(errorMessage = this.locale.containsLetterOnly) {\n        super.pushRule({\n            onValid: v => /^[a-zA-Z]+$/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsNumber(errorMessage = this.locale.containsNumber) {\n        super.pushRule({\n            onValid: v => /[0-9]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isOneOf(values, errorMessage = this.locale.isOneOf) {\n        super.pushRule({\n            onValid: v => !!~values.indexOf(v),\n            errorMessage,\n            params: { values }\n        });\n        return this;\n    }\n    isEmail(errorMessage = this.locale.isEmail) {\n        // http://emailregex.com/\n        const regexp = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isURL(errorMessage = this.locale.isURL) {\n        const regexp = new RegExp('^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\\\S+(?::\\\\S*)?@)?(?:(?:(?:[1-9]\\\\d?|1\\\\d\\\\d|2[01]\\\\d|22[0-3])(?:\\\\.(?:1?\\\\d{1,2}|2[0-4]\\\\d|25[0-5])){2}(?:\\\\.(?:[0-9]\\\\d?|1\\\\d\\\\d|2[0-4]\\\\d|25[0-4]))|(?:(?:[a-z\\\\u00a1-\\\\uffff0-9]+-?)*[a-z\\\\u00a1-\\\\uffff0-9]+)(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff0-9]+-?)*[a-z\\\\u00a1-\\\\uffff0-9]+)*(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff]{2,})))|localhost)(?::\\\\d{2,5})?(?:(/|\\\\?|#)[^\\\\s]*)?$', 'i');\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isHex(errorMessage = this.locale.isHex) {\n        const regexp = /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i;\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    pattern(regexp, errorMessage = this.locale.pattern) {\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage,\n            params: { regexp }\n        });\n        return this;\n    }\n    rangeLength(minLength, maxLength, errorMessage = this.locale.rangeLength) {\n        super.pushRule({\n            onValid: value => value.length >= minLength && value.length <= maxLength,\n            errorMessage,\n            params: { minLength, maxLength }\n        });\n        return this;\n    }\n    minLength(minLength, errorMessage = this.locale.minLength) {\n        super.pushRule({\n            onValid: value => Array.from(value).length >= minLength,\n            errorMessage,\n            params: { minLength }\n        });\n        return this;\n    }\n    maxLength(maxLength, errorMessage = this.locale.maxLength) {\n        super.pushRule({\n            onValid: value => Array.from(value).length <= maxLength,\n            errorMessage,\n            params: { maxLength }\n        });\n        return this;\n    }\n}\nfunction getStringType(errorMessage) {\n    return new StringType(errorMessage);\n}\n//# sourceMappingURL=StringType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/StringType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"StringType\": function() { return /* binding */ StringType; },\n/* harmony export */   \"default\": function() { return /* binding */ getStringType; }\n/* harmony export */ });\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\nclass StringType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('string');\n        super.pushRule({\n            onValid: v => typeof v === 'string',\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    containsLetter(errorMessage = this.locale.containsLetter) {\n        super.pushRule({\n            onValid: v => /[a-zA-Z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsUppercaseLetter(errorMessage = this.locale.containsUppercaseLetter) {\n        super.pushRule({\n            onValid: v => /[A-Z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsLowercaseLetter(errorMessage = this.locale.containsLowercaseLetter) {\n        super.pushRule({\n            onValid: v => /[a-z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsLetterOnly(errorMessage = this.locale.containsLetterOnly) {\n        super.pushRule({\n            onValid: v => /^[a-zA-Z]+$/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsNumber(errorMessage = this.locale.containsNumber) {\n        super.pushRule({\n            onValid: v => /[0-9]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isOneOf(values, errorMessage = this.locale.isOneOf) {\n        super.pushRule({\n            onValid: v => !!~values.indexOf(v),\n            errorMessage,\n            params: { values }\n        });\n        return this;\n    }\n    isEmail(errorMessage = this.locale.isEmail) {\n        // http://emailregex.com/\n        const regexp = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isURL(errorMessage = this.locale.isURL, options) {\n        var _a;\n        const regexp = new RegExp(((_a = options === null || options === void 0 ? void 0 : options.allowMailto) !== null && _a !== void 0 ? _a : false)\n            ? '^(?:mailto:|(?:(?:http|https|ftp)://|//))(?:\\\\S+(?::\\\\S*)?@)?(?:(?:(?:[1-9]\\\\d?|1\\\\d\\\\d|2[01]\\\\d|22[0-3])(?:\\\\.(?:1?\\\\d{1,2}|2[0-4]\\\\d|25[0-5])){2}(?:\\\\.(?:[0-9]\\\\d?|1\\\\d\\\\d|2[0-4]\\\\d|25[0-4]))|(?:(?:[a-z\\\\u00a1-\\\\uffff0-9]+-?)*[a-z\\\\u00a1-\\\\uffff0-9]+)(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff0-9]+-?)*[a-z\\\\u00a1-\\\\uffff0-9]+)*(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff]{2,})))|localhost)(?::\\\\d{2,5})?(?:(/|\\\\?|#)[^\\\\s]*)?$'\n            : '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\\\S+(?::\\\\S*)?@)?(?:(?:(?:[1-9]\\\\d?|1\\\\d\\\\d|2[01]\\\\d|22[0-3])(?:\\\\.(?:1?\\\\d{1,2}|2[0-4]\\\\d|25[0-5])){2}(?:\\\\.(?:[0-9]\\\\d?|1\\\\d\\\\d|2[0-4]\\\\d|25[0-4]))|(?:(?:[a-z\\\\u00a1-\\\\uffff0-9]+-?)*[a-z\\\\u00a1-\\\\uffff0-9]+)(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff0-9]+-?)*[a-z\\\\u00a1-\\\\uffff0-9]+)*(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff]{2,})))|localhost)(?::\\\\d{2,5})?(?:(/|\\\\?|#)[^\\\\s]*)?$', 'i');\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isHex(errorMessage = this.locale.isHex) {\n        const regexp = /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i;\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    pattern(regexp, errorMessage = this.locale.pattern) {\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage,\n            params: { regexp }\n        });\n        return this;\n    }\n    rangeLength(minLength, maxLength, errorMessage = this.locale.rangeLength) {\n        super.pushRule({\n            onValid: value => value.length >= minLength && value.length <= maxLength,\n            errorMessage,\n            params: { minLength, maxLength }\n        });\n        return this;\n    }\n    minLength(minLength, errorMessage = this.locale.minLength) {\n        super.pushRule({\n            onValid: value => Array.from(value).length >= minLength,\n            errorMessage,\n            params: { minLength }\n        });\n        return this;\n    }\n    maxLength(maxLength, errorMessage = this.locale.maxLength) {\n        super.pushRule({\n            onValid: value => Array.from(value).length <= maxLength,\n            errorMessage,\n            params: { maxLength }\n        });\n        return this;\n    }\n}\nfunction getStringType(errorMessage) {\n    return new StringType(errorMessage);\n}\n//# sourceMappingURL=StringType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/StringType.js?");
 
 /***/ }),
 
@@ -15735,7 +15845,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    mixed: {\n        isRequired: '${name} is a required field',\n        isRequiredOrEmpty: '${name} is a required field'\n    },\n    array: {\n        type: '${name} must be an array',\n        rangeLength: '${name} must contain ${minLength} to ${maxLength} items',\n        minLength: '${name} field must have at least ${minLength} items',\n        maxLength: '${name} field must have less than or equal to ${maxLength} items',\n        unrepeatable: '${name} must have non-repeatable items'\n    },\n    boolean: {\n        type: '${name} must be a boolean'\n    },\n    date: {\n        type: '${name} must be a date',\n        min: '${name} field must be later than ${min}',\n        max: '${name} field must be at earlier than ${max}',\n        range: '${name} field must be between ${min} and ${max}'\n    },\n    number: {\n        type: '${name} must be a number',\n        isInteger: '${name} must be an integer',\n        pattern: '${name} is invalid',\n        isOneOf: '${name} must be one of the following values: ${values}',\n        range: '${name} field must be between ${min} and ${max}',\n        min: '${name} must be greater than or equal to ${min}',\n        max: '${name} must be less than or equal to ${max}'\n    },\n    string: {\n        type: '${name} must be a string',\n        containsLetter: '${name} field must contain letters',\n        containsUppercaseLetter: '${name} must be a upper case string',\n        containsLowercaseLetter: '${name} must be a lowercase string',\n        containsLetterOnly: '${name} must all be letters',\n        containsNumber: '${name} field must contain numbers',\n        isOneOf: '${name} must be one of the following values: ${values}',\n        isEmail: '${name} must be a valid email',\n        isURL: '${name} must be a valid URL',\n        isHex: '${name} must be a valid hexadecimal',\n        pattern: '${name} is invalid',\n        rangeLength: '${name} must contain ${minLength} to ${maxLength} characters',\n        minLength: '${name} must be at least ${minLength} characters',\n        maxLength: '${name} must be at most ${maxLength} characters'\n    },\n    object: {\n        type: '${name} must be an object'\n    }\n});\n//# sourceMappingURL=default.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/locales/default.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    mixed: {\n        isRequired: '${name} is a required field',\n        isRequiredOrEmpty: '${name} is a required field',\n        equalTo: '${name} must be the same as ${toFieldName}'\n    },\n    array: {\n        type: '${name} must be an array',\n        rangeLength: '${name} must contain ${minLength} to ${maxLength} items',\n        minLength: '${name} field must have at least ${minLength} items',\n        maxLength: '${name} field must have less than or equal to ${maxLength} items',\n        unrepeatable: '${name} must have non-repeatable items'\n    },\n    boolean: {\n        type: '${name} must be a boolean'\n    },\n    date: {\n        type: '${name} must be a date',\n        min: '${name} field must be later than ${min}',\n        max: '${name} field must be at earlier than ${max}',\n        range: '${name} field must be between ${min} and ${max}'\n    },\n    number: {\n        type: '${name} must be a number',\n        isInteger: '${name} must be an integer',\n        pattern: '${name} is invalid',\n        isOneOf: '${name} must be one of the following values: ${values}',\n        range: '${name} field must be between ${min} and ${max}',\n        min: '${name} must be greater than or equal to ${min}',\n        max: '${name} must be less than or equal to ${max}'\n    },\n    string: {\n        type: '${name} must be a string',\n        containsLetter: '${name} field must contain letters',\n        containsUppercaseLetter: '${name} must be a upper case string',\n        containsLowercaseLetter: '${name} must be a lowercase string',\n        containsLetterOnly: '${name} must all be letters',\n        containsNumber: '${name} field must contain numbers',\n        isOneOf: '${name} must be one of the following values: ${values}',\n        isEmail: '${name} must be a valid email',\n        isURL: '${name} must be a valid URL',\n        isHex: '${name} must be a valid hexadecimal',\n        pattern: '${name} is invalid',\n        rangeLength: '${name} must contain ${minLength} to ${maxLength} characters',\n        minLength: '${name} must be at least ${minLength} characters',\n        maxLength: '${name} must be at most ${maxLength} characters'\n    },\n    object: {\n        type: '${name} must be an object'\n    }\n});\n//# sourceMappingURL=default.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/locales/default.js?");
 
 /***/ }),
 
@@ -15779,7 +15889,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bas
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"createValidator\": function() { return /* binding */ createValidator; }\n/* harmony export */ });\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\nfunction isObj(o) {\n    return o != null && (typeof o === 'object' || typeof o == 'function');\n}\nfunction isPromiseLike(v) {\n    return v instanceof Promise || (isObj(v) && typeof v.then === 'function');\n}\n/**\n * Create a data validator\n * @param data\n */\nfunction createValidator(data, name) {\n    return (value, rules) => {\n        for (let i = 0; i < rules.length; i += 1) {\n            const { onValid, errorMessage, params, isAsync } = rules[i];\n            if (isAsync)\n                continue;\n            const checkResult = onValid(value, data, name);\n            if (checkResult === false) {\n                return {\n                    hasError: true,\n                    errorMessage: (0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(errorMessage, {\n                        ...params,\n                        name: Array.isArray(name) ? name.join('.') : name\n                    })\n                };\n            }\n            else if (isPromiseLike(checkResult)) {\n                throw new Error('synchronous validator had an async result, you should probably call \"checkAsync()\"');\n            }\n            else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n                return checkResult;\n            }\n        }\n        return null;\n    };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidator);\n//# sourceMappingURL=createValidator.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/createValidator.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"createValidator\": function() { return /* binding */ createValidator; }\n/* harmony export */ });\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\nfunction isObj(o) {\n    return o != null && (typeof o === 'object' || typeof o == 'function');\n}\nfunction isPromiseLike(v) {\n    return v instanceof Promise || (isObj(v) && typeof v.then === 'function');\n}\n/**\n * Create a data validator\n * @param data\n */\nfunction createValidator(data, name, label) {\n    return (value, rules) => {\n        for (let i = 0; i < rules.length; i += 1) {\n            const { onValid, errorMessage, params, isAsync } = rules[i];\n            if (isAsync)\n                continue;\n            const checkResult = onValid(value, data, name);\n            const errorMsg = typeof errorMessage === 'function' ? errorMessage() : errorMessage;\n            if (checkResult === false) {\n                return {\n                    hasError: true,\n                    errorMessage: (0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(errorMsg, {\n                        ...params,\n                        name: label || (Array.isArray(name) ? name.join('.') : name)\n                    })\n                };\n            }\n            else if (isPromiseLike(checkResult)) {\n                throw new Error('synchronous validator had an async result, you should probably call \"checkAsync()\"');\n            }\n            else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n                return checkResult;\n            }\n        }\n        return null;\n    };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidator);\n//# sourceMappingURL=createValidator.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/createValidator.js?");
 
 /***/ }),
 
@@ -15790,7 +15900,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"createValidatorAsync\": function() { return /* binding */ createValidatorAsync; }\n/* harmony export */ });\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\n/**\n * Create a data asynchronous validator\n * @param data\n */\nfunction createValidatorAsync(data, name) {\n    function check(errorMessage) {\n        return (checkResult) => {\n            if (checkResult === false) {\n                return { hasError: true, errorMessage };\n            }\n            else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n                return checkResult;\n            }\n            return null;\n        };\n    }\n    return (value, rules) => {\n        const promises = rules.map(rule => {\n            const { onValid, errorMessage, params } = rule;\n            return Promise.resolve(onValid(value, data, name)).then(check((0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(errorMessage, {\n                ...params,\n                name: Array.isArray(name) ? name.join('.') : name\n            })));\n        });\n        return Promise.all(promises).then(results => results.find((item) => item && (item === null || item === void 0 ? void 0 : item.hasError)));\n    };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidatorAsync);\n//# sourceMappingURL=createValidatorAsync.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/createValidatorAsync.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"createValidatorAsync\": function() { return /* binding */ createValidatorAsync; }\n/* harmony export */ });\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\n/**\n * Create a data asynchronous validator\n * @param data\n */\nfunction createValidatorAsync(data, name, label) {\n    function check(errorMessage) {\n        return (checkResult) => {\n            if (checkResult === false) {\n                return { hasError: true, errorMessage };\n            }\n            else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n                return checkResult;\n            }\n            return null;\n        };\n    }\n    return (value, rules) => {\n        const promises = rules.map(rule => {\n            const { onValid, errorMessage, params } = rule;\n            const errorMsg = typeof errorMessage === 'function' ? errorMessage() : errorMessage;\n            return Promise.resolve(onValid(value, data, name)).then(check((0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(errorMsg, {\n                ...params,\n                name: label || (0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__.joinName)(name)\n            })));\n        });\n        return Promise.all(promises).then(results => results.find((item) => item && (item === null || item === void 0 ? void 0 : item.hasError)));\n    };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidatorAsync);\n//# sourceMappingURL=createValidatorAsync.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/createValidatorAsync.js?");
 
 /***/ }),
 
@@ -15801,7 +15911,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ formatErrorMessage; }\n/* harmony export */ });\n/* harmony import */ var _isEmpty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isEmpty */ \"./node_modules/schema-typed/es/utils/isEmpty.js\");\n\n/**\n * formatErrorMessage('${name} is a required field', {name: 'email'});\n * output: 'email is a required field'\n */\nfunction formatErrorMessage(errorMessage, params) {\n    if (typeof errorMessage === 'string') {\n        return errorMessage.replace(/\\$\\{\\s*(\\w+)\\s*\\}/g, (_, key) => {\n            return (0,_isEmpty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(params === null || params === void 0 ? void 0 : params[key]) ? `[${key}]` : params === null || params === void 0 ? void 0 : params[key];\n        });\n    }\n    return errorMessage;\n}\n//# sourceMappingURL=formatErrorMessage.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/formatErrorMessage.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ formatErrorMessage; },\n/* harmony export */   \"joinName\": function() { return /* binding */ joinName; }\n/* harmony export */ });\n/* harmony import */ var _isEmpty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isEmpty */ \"./node_modules/schema-typed/es/utils/isEmpty.js\");\n\nfunction joinName(name) {\n    return Array.isArray(name) ? name.join('.') : name;\n}\n/**\n * formatErrorMessage('${name} is a required field', {name: 'email'});\n * output: 'email is a required field'\n */\nfunction formatErrorMessage(errorMessage, params) {\n    if (typeof errorMessage === 'string') {\n        return errorMessage.replace(/\\$\\{\\s*(\\w+)\\s*\\}/g, (_, key) => {\n            return (0,_isEmpty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(params === null || params === void 0 ? void 0 : params[key]) ? `$\\{${key}\\}` : params === null || params === void 0 ? void 0 : params[key];\n        });\n    }\n    return errorMessage;\n}\n//# sourceMappingURL=formatErrorMessage.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/formatErrorMessage.js?");
 
 /***/ }),
 
@@ -15812,7 +15922,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"basicEmptyCheck\": function() { return /* reexport safe */ _basicEmptyCheck__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   \"checkRequired\": function() { return /* reexport safe */ _checkRequired__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"createValidator\": function() { return /* reexport safe */ _createValidator__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"createValidatorAsync\": function() { return /* reexport safe */ _createValidatorAsync__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"formatErrorMessage\": function() { return /* reexport safe */ _formatErrorMessage__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"isEmpty\": function() { return /* reexport safe */ _isEmpty__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _basicEmptyCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./basicEmptyCheck */ \"./node_modules/schema-typed/es/utils/basicEmptyCheck.js\");\n/* harmony import */ var _checkRequired__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkRequired */ \"./node_modules/schema-typed/es/utils/checkRequired.js\");\n/* harmony import */ var _createValidator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./createValidator */ \"./node_modules/schema-typed/es/utils/createValidator.js\");\n/* harmony import */ var _createValidatorAsync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./createValidatorAsync */ \"./node_modules/schema-typed/es/utils/createValidatorAsync.js\");\n/* harmony import */ var _isEmpty__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isEmpty */ \"./node_modules/schema-typed/es/utils/isEmpty.js\");\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\n\n\n\n\n\n//# sourceMappingURL=index.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"basicEmptyCheck\": function() { return /* reexport safe */ _basicEmptyCheck__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"checkRequired\": function() { return /* reexport safe */ _checkRequired__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"createValidator\": function() { return /* reexport safe */ _createValidator__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"createValidatorAsync\": function() { return /* reexport safe */ _createValidatorAsync__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"formatErrorMessage\": function() { return /* reexport safe */ _formatErrorMessage__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */   \"get\": function() { return /* reexport default from dynamic */ get_value__WEBPACK_IMPORTED_MODULE_0___default.a; },\n/* harmony export */   \"isEmpty\": function() { return /* reexport safe */ _isEmpty__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   \"pathTransform\": function() { return /* reexport safe */ _pathTransform__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   \"set\": function() { return /* reexport default from dynamic */ set_value__WEBPACK_IMPORTED_MODULE_1___default.a; },\n/* harmony export */   \"shallowEqual\": function() { return /* reexport safe */ _shallowEqual__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var get_value__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! get-value */ \"./node_modules/schema-typed/node_modules/get-value/index.js\");\n/* harmony import */ var get_value__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(get_value__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var set_value__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! set-value */ \"./node_modules/schema-typed/node_modules/set-value/index.js\");\n/* harmony import */ var set_value__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(set_value__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _basicEmptyCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./basicEmptyCheck */ \"./node_modules/schema-typed/es/utils/basicEmptyCheck.js\");\n/* harmony import */ var _checkRequired__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./checkRequired */ \"./node_modules/schema-typed/es/utils/checkRequired.js\");\n/* harmony import */ var _createValidator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./createValidator */ \"./node_modules/schema-typed/es/utils/createValidator.js\");\n/* harmony import */ var _createValidatorAsync__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./createValidatorAsync */ \"./node_modules/schema-typed/es/utils/createValidatorAsync.js\");\n/* harmony import */ var _isEmpty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./isEmpty */ \"./node_modules/schema-typed/es/utils/isEmpty.js\");\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n/* harmony import */ var _shallowEqual__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./shallowEqual */ \"./node_modules/schema-typed/es/utils/shallowEqual.js\");\n/* harmony import */ var _pathTransform__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./pathTransform */ \"./node_modules/schema-typed/es/utils/pathTransform.js\");\n\n\n\n\n\n\n\n\n\n\n//# sourceMappingURL=index.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/index.js?");
 
 /***/ }),
 
@@ -15827,6 +15937,60 @@ eval("__webpack_require__.r(__webpack_exports__);\nfunction isEmpty(value) {\n
 
 /***/ }),
 
+/***/ "./node_modules/schema-typed/es/utils/pathTransform.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/schema-typed/es/utils/pathTransform.js ***!
+  \*************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ pathTransform; }\n/* harmony export */ });\nfunction pathTransform(path) {\n    const arr = path.split('.');\n    if (arr.length === 1) {\n        return path;\n    }\n    return path\n        .split('.')\n        .map((item, index) => {\n        if (index === 0) {\n            return item;\n        }\n        // Check if the item is a number, e.g. `list.0`\n        return /^\\d+$/.test(item) ? `array.${item}` : `object.${item}`;\n    })\n        .join('.');\n}\n//# sourceMappingURL=pathTransform.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/pathTransform.js?");
+
+/***/ }),
+
+/***/ "./node_modules/schema-typed/es/utils/shallowEqual.js":
+/*!************************************************************!*\
+  !*** ./node_modules/schema-typed/es/utils/shallowEqual.js ***!
+  \************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/**\n * From: https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/core/shallowEqual.js\n * @providesModule shallowEqual\n * @typechecks\n * @flow\n */\nconst hasOwnProperty = Object.prototype.hasOwnProperty;\n/**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */\nfunction is(x, y) {\n    // SameValue algorithm\n    if (x === y) {\n        // Steps 1-5, 7-10\n        // Steps 6.b-6.e: +0 != -0\n        // Added the nonzero y check to make Flow happy, but it is redundant\n        return x !== 0 || y !== 0 || 1 / x === 1 / y;\n    }\n    // Step 6.a: NaN == NaN\n    return x !== x && y !== y;\n}\n/**\n * Performs equality by iterating through keys on an object and returning false\n * when any key has values which are not strictly equal between the arguments.\n * Returns true when the values of all keys are strictly equal.\n */\nfunction shallowEqual(objA, objB) {\n    if (is(objA, objB)) {\n        return true;\n    }\n    if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {\n        return false;\n    }\n    const keysA = Object.keys(objA);\n    const keysB = Object.keys(objB);\n    if (keysA.length !== keysB.length) {\n        return false;\n    }\n    // Test for A's keys different from B.\n    for (let i = 0; i < keysA.length; i += 1) {\n        if (!hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {\n            return false;\n        }\n    }\n    return true;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (shallowEqual);\n//# sourceMappingURL=shallowEqual.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/shallowEqual.js?");
+
+/***/ }),
+
+/***/ "./node_modules/schema-typed/node_modules/get-value/index.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/schema-typed/node_modules/get-value/index.js ***!
+  \*******************************************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("/*!\n * get-value <https://github.com/jonschlinkert/get-value>\n *\n * Copyright (c) 2014-2018, Jon Schlinkert.\n * Released under the MIT License.\n */\n\nconst isObject = __webpack_require__(/*! isobject */ \"./node_modules/isobject/index.js\");\n\nmodule.exports = function(target, path, options) {\n  if (!isObject(options)) {\n    options = { default: options };\n  }\n\n  if (!isValidObject(target)) {\n    return typeof options.default !== 'undefined' ? options.default : target;\n  }\n\n  if (typeof path === 'number') {\n    path = String(path);\n  }\n\n  const isArray = Array.isArray(path);\n  const isString = typeof path === 'string';\n  const splitChar = options.separator || '.';\n  const joinChar = options.joinChar || (typeof splitChar === 'string' ? splitChar : '.');\n\n  if (!isString && !isArray) {\n    return target;\n  }\n\n  if (isString && path in target) {\n    return isValid(path, target, options) ? target[path] : options.default;\n  }\n\n  let segs = isArray ? path : split(path, splitChar, options);\n  let len = segs.length;\n  let idx = 0;\n\n  do {\n    let prop = segs[idx];\n    if (typeof prop === 'number') {\n      prop = String(prop);\n    }\n\n    while (prop && prop.slice(-1) === '\\\\') {\n      prop = join([prop.slice(0, -1), segs[++idx] || ''], joinChar, options);\n    }\n\n    if (prop in target) {\n      if (!isValid(prop, target, options)) {\n        return options.default;\n      }\n\n      target = target[prop];\n    } else {\n      let hasProp = false;\n      let n = idx + 1;\n\n      while (n < len) {\n        prop = join([prop, segs[n++]], joinChar, options);\n\n        if ((hasProp = prop in target)) {\n          if (!isValid(prop, target, options)) {\n            return options.default;\n          }\n\n          target = target[prop];\n          idx = n - 1;\n          break;\n        }\n      }\n\n      if (!hasProp) {\n        return options.default;\n      }\n    }\n  } while (++idx < len && isValidObject(target));\n\n  if (idx === len) {\n    return target;\n  }\n\n  return options.default;\n};\n\nfunction join(segs, joinChar, options) {\n  if (typeof options.join === 'function') {\n    return options.join(segs);\n  }\n  return segs[0] + joinChar + segs[1];\n}\n\nfunction split(path, splitChar, options) {\n  if (typeof options.split === 'function') {\n    return options.split(path);\n  }\n  return path.split(splitChar);\n}\n\nfunction isValid(key, target, options) {\n  if (typeof options.isValid === 'function') {\n    return options.isValid(key, target);\n  }\n  return true;\n}\n\nfunction isValidObject(val) {\n  return isObject(val) || Array.isArray(val) || typeof val === 'function';\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/node_modules/get-value/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/schema-typed/node_modules/is-primitive/index.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/schema-typed/node_modules/is-primitive/index.js ***!
+  \**********************************************************************/
+/***/ (function(module) {
+
+"use strict";
+eval("/*!\n * is-primitive <https://github.com/jonschlinkert/is-primitive>\n *\n * Copyright (c) 2014-present, Jon Schlinkert.\n * Released under the MIT License.\n */\n\n\n\nmodule.exports = function isPrimitive(val) {\n  if (typeof val === 'object') {\n    return val === null;\n  }\n  return typeof val !== 'function';\n};\n\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/node_modules/is-primitive/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/schema-typed/node_modules/set-value/index.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/schema-typed/node_modules/set-value/index.js ***!
+  \*******************************************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+eval("/*!\n * set-value <https://github.com/jonschlinkert/set-value>\n *\n * Copyright (c) Jon Schlinkert (https://github.com/jonschlinkert).\n * Released under the MIT License.\n */\n\n\n\nconst { deleteProperty } = Reflect;\nconst isPrimitive = __webpack_require__(/*! is-primitive */ \"./node_modules/schema-typed/node_modules/is-primitive/index.js\");\nconst isPlainObject = __webpack_require__(/*! is-plain-object */ \"./node_modules/is-plain-object/index.js\");\n\nconst isObject = value => {\n  return (typeof value === 'object' && value !== null) || typeof value === 'function';\n};\n\nconst isUnsafeKey = key => {\n  return key === '__proto__' || key === 'constructor' || key === 'prototype';\n};\n\nconst validateKey = key => {\n  if (!isPrimitive(key)) {\n    throw new TypeError('Object keys must be strings or symbols');\n  }\n\n  if (isUnsafeKey(key)) {\n    throw new Error(`Cannot set unsafe key: \"${key}\"`);\n  }\n};\n\nconst toStringKey = input => {\n  return Array.isArray(input) ? input.flat().map(String).join(',') : input;\n};\n\nconst createMemoKey = (input, options) => {\n  if (typeof input !== 'string' || !options) return input;\n  let key = input + ';';\n  if (options.arrays !== undefined) key += `arrays=${options.arrays};`;\n  if (options.separator !== undefined) key += `separator=${options.separator};`;\n  if (options.split !== undefined) key += `split=${options.split};`;\n  if (options.merge !== undefined) key += `merge=${options.merge};`;\n  if (options.preservePaths !== undefined) key += `preservePaths=${options.preservePaths};`;\n  return key;\n};\n\nconst memoize = (input, options, fn) => {\n  const key = toStringKey(options ? createMemoKey(input, options) : input);\n  validateKey(key);\n\n  const value = setValue.cache.get(key) || fn();\n  setValue.cache.set(key, value);\n  return value;\n};\n\nconst splitString = (input, options = {}) => {\n  const sep = options.separator || '.';\n  const preserve = sep === '/' ? false : options.preservePaths;\n\n  if (typeof input === 'string' && preserve !== false && /\\//.test(input)) {\n    return [input];\n  }\n\n  const parts = [];\n  let part = '';\n\n  const push = part => {\n    let number;\n    if (part.trim() !== '' && Number.isInteger((number = Number(part)))) {\n      parts.push(number);\n    } else {\n      parts.push(part);\n    }\n  };\n\n  for (let i = 0; i < input.length; i++) {\n    const value = input[i];\n\n    if (value === '\\\\') {\n      part += input[++i];\n      continue;\n    }\n\n    if (value === sep) {\n      push(part);\n      part = '';\n      continue;\n    }\n\n    part += value;\n  }\n\n  if (part) {\n    push(part);\n  }\n\n  return parts;\n};\n\nconst split = (input, options) => {\n  if (options && typeof options.split === 'function') return options.split(input);\n  if (typeof input === 'symbol') return [input];\n  if (Array.isArray(input)) return input;\n  return memoize(input, options, () => splitString(input, options));\n};\n\nconst assignProp = (obj, prop, value, options) => {\n  validateKey(prop);\n\n  // Delete property when \"value\" is undefined\n  if (value === undefined) {\n    deleteProperty(obj, prop);\n\n  } else if (options && options.merge) {\n    const merge = options.merge === 'function' ? options.merge : Object.assign;\n\n    // Only merge plain objects\n    if (merge && isPlainObject(obj[prop]) && isPlainObject(value)) {\n      obj[prop] = merge(obj[prop], value);\n    } else {\n      obj[prop] = value;\n    }\n\n  } else {\n    obj[prop] = value;\n  }\n\n  return obj;\n};\n\nconst setValue = (target, path, value, options) => {\n  if (!path || !isObject(target)) return target;\n\n  const keys = split(path, options);\n  let obj = target;\n\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    const next = keys[i + 1];\n\n    validateKey(key);\n\n    if (next === undefined) {\n      assignProp(obj, key, value, options);\n      break;\n    }\n\n    if (typeof next === 'number' && !Array.isArray(obj[key])) {\n      obj = obj[key] = [];\n      continue;\n    }\n\n    if (!isObject(obj[key])) {\n      obj[key] = {};\n    }\n\n    obj = obj[key];\n  }\n\n  return target;\n};\n\nsetValue.split = split;\nsetValue.cache = new Map();\nsetValue.clear = () => {\n  setValue.cache = new Map();\n};\n\nmodule.exports = setValue;\n\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/node_modules/set-value/index.js?");
+
+/***/ }),
+
 /***/ "react":
 /*!**************************************************************************************!*\
   !*** external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} ***!