rsuite 5.80.0 → 5.80.2

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [5.80.2](https://github.com/rsuite/rsuite/compare/v5.80.1...v5.80.2) (2025-05-09)
+
+
+### Bug Fixes
+
+* **DateInput:** ignore function keys (F1–F12) to prevent NaN input ([#4272](https://github.com/rsuite/rsuite/issues/4272)) ([42899bf](https://github.com/rsuite/rsuite/commit/42899bfe54b51fff285d28de118bf8f62f9b2a99))
+* **DateRangeInput:** ignore function keys (F1–F12) to prevent NaN input ([#4263](https://github.com/rsuite/rsuite/issues/4263)) ([3fd1516](https://github.com/rsuite/rsuite/commit/3fd15161d40ae257bd56eb3fa0c5c57e7ec93faf))
+
+
+
+## [5.80.1](https://github.com/rsuite/rsuite/compare/v5.80.0...v5.80.1) (2025-04-25)
+
+
+### Bug Fixes
+
+* **locale:** fixed some minor issue with dutch locale ([#4257](https://github.com/rsuite/rsuite/issues/4257)) ([79a6de6](https://github.com/rsuite/rsuite/commit/79a6de6b3b524f1c16df3490c736d22f4d767b7b))
+
+
+
 # [5.80.0](https://github.com/rsuite/rsuite/compare/v5.79.1...v5.80.0) (2025-04-18)
 
 

package/cjs/DateInput/DateInput.js

@@ -125,6 +125,10 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {
     var input = event.target;
     var key = event.key;
+    var isFunctionKey = key.startsWith('F') && !isNaN(Number(key.slice(1)));
+    if (isFunctionKey) {
+      return;
+    }
     var pattern = selectedState.selectedPattern;
     if (!pattern) {
       return;

package/cjs/DateInput/test/types/TestKeyPressProps.d.ts

@@ -0,0 +1,6 @@
+export interface TestKeyPressProps {
+    defaultValue?: Date | [Date | null, Date | null] | null;
+    format?: string;
+    expectedValue: string;
+    key: string;
+}

package/cjs/DateInput/test/types/TestKeyPressProps.js

@@ -0,0 +1,4 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;

package/cjs/DateRangeInput/DateRangeInput.js

@@ -167,6 +167,10 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     var input = event.target;
     var key = event.key;
     var pattern = selectedState.selectedPattern;
+    var isFunctionKey = key.startsWith('F') && !isNaN(Number(key.slice(1)));
+    if (isFunctionKey) {
+      return;
+    }
     if (!pattern) {
       return;
     }

package/cjs/internals/hooks/useToggleCaret.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TypeAttributes } from '../types';
-export declare function useToggleCaret(placement: TypeAttributes.Placement8 | TypeAttributes.Placement): import("react").ForwardRefExoticComponent<import("@rsuite/icons/esm/Icon").IconProps & import("react").RefAttributes<SVGElement>>;
+export declare function useToggleCaret(placement: TypeAttributes.Placement8 | TypeAttributes.Placement): import("react").ForwardRefExoticComponent<Omit<import("@rsuite/icons/esm/Icon").IconProps, "ref"> & import("react").RefAttributes<SVGElement>>;
 export default useToggleCaret;

package/cjs/locales/nl_NL.js

@@ -19,7 +19,7 @@ var DateTimeFormats = {
   yesterday: 'Gisteren',
   now: 'Nu',
   hours: 'Uren',
-  minutes: 'Mimnuten',
+  minutes: 'Minuten',
   seconds: 'Seconden',
   formattedMonthPattern: 'MMM, yyyy',
   formattedDayPattern: 'dd MMM, yyyy',
@@ -43,7 +43,7 @@ var _default = exports.default = {
     loading: 'Laden...',
     emptyMessage: 'Geen data gevonden',
     remove: 'Verwijderen',
-    clear: 'Duidelijk'
+    clear: 'Wissen'
   },
   Plaintext: {
     unfilled: 'Ongevuld',

package/dist/rsuite.js

@@ -290,7 +290,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 import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ \"./node_modules/@rsuite/icons/esm/utils/useClassNames.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./node_modules/@rsuite/icons/esm/utils/useInsertStyles.js\");\nfunction _array_like_to_array(arr, len) {\n    if (len == null || len > arr.length) len = arr.length;\n    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];\n    return arr2;\n}\nfunction _array_with_holes(arr) {\n    if (Array.isArray(arr)) return arr;\n}\nfunction _define_property(obj, key, value) {\n    if (key in obj) {\n        Object.defineProperty(obj, key, {\n            value: value,\n            enumerable: true,\n            configurable: true,\n            writable: true\n        });\n    } else {\n        obj[key] = value;\n    }\n    return obj;\n}\nfunction _iterable_to_array_limit(arr, i) {\n    var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"];\n    if (_i == null) return;\n    var _arr = [];\n    var _n = true;\n    var _d = false;\n    var _s, _e;\n    try {\n        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){\n            _arr.push(_s.value);\n            if (i && _arr.length === i) break;\n        }\n    } catch (err) {\n        _d = true;\n        _e = err;\n    } finally{\n        try {\n            if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n        } finally{\n            if (_d) throw _e;\n        }\n    }\n    return _arr;\n}\nfunction _non_iterable_rest() {\n    throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _object_spread(target) {\n    for(var i = 1; i < arguments.length; i++){\n        var source = arguments[i] != null ? arguments[i] : {};\n        var ownKeys = Object.keys(source);\n        if (typeof Object.getOwnPropertySymbols === \"function\") {\n            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {\n                return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n            }));\n        }\n        ownKeys.forEach(function(key) {\n            _define_property(target, key, source[key]);\n        });\n    }\n    return target;\n}\nfunction _object_without_properties(source, excluded) {\n    if (source == null) return {};\n    var target = _object_without_properties_loose(source, excluded);\n    var key, i;\n    if (Object.getOwnPropertySymbols) {\n        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n        for(i = 0; i < sourceSymbolKeys.length; i++){\n            key = sourceSymbolKeys[i];\n            if (excluded.indexOf(key) >= 0) continue;\n            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n            target[key] = source[key];\n        }\n    }\n    return target;\n}\nfunction _object_without_properties_loose(source, excluded) {\n    if (source == null) return {};\n    var target = {};\n    var sourceKeys = Object.keys(source);\n    var key, i;\n    for(i = 0; i < sourceKeys.length; i++){\n        key = sourceKeys[i];\n        if (excluded.indexOf(key) >= 0) continue;\n        target[key] = source[key];\n    }\n    return target;\n}\nfunction _sliced_to_array(arr, i) {\n    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();\n}\nfunction _unsupported_iterable_to_array(o, minLen) {\n    if (!o) return;\n    if (typeof o === \"string\") return _array_like_to_array(o, minLen);\n    var n = Object.prototype.toString.call(o).slice(8, -1);\n    if (n === \"Object\" && o.constructor) n = o.constructor.name;\n    if (n === \"Map\" || n === \"Set\") return Array.from(n);\n    if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);\n}\n\n\n\n\nvar defaultProps = {\n    as: 'svg',\n    fill: 'currentColor',\n    width: '1em',\n    height: '1em'\n};\nfunction filterProps(props) {\n    var nextProps = {};\n    Object.entries(props).forEach(function(param) {\n        var _param = _sliced_to_array(param, 2), key = _param[0], value = _param[1];\n        if (typeof value !== 'undefined') {\n            nextProps[key] = value;\n        }\n    });\n    return nextProps;\n}\nvar Icon = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function(props, ref) {\n    var Component = props.as, spin = props.spin, pulse = props.pulse, flip = props.flip, fill = props.fill, className = props.className, rotate = props.rotate, children = props.children, viewBox = props.viewBox, width = props.width, height = props.height, style = props.style, rest = _object_without_properties(props, [\n        \"as\",\n        \"spin\",\n        \"pulse\",\n        \"flip\",\n        \"fill\",\n        \"className\",\n        \"rotate\",\n        \"children\",\n        \"viewBox\",\n        \"width\",\n        \"height\",\n        \"style\"\n    ]);\n    var _useClassNames = _sliced_to_array((0,_utils__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(), 2), componentClassName = _useClassNames[0], addPrefix = _useClassNames[1];\n    var _obj;\n    var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, componentClassName, (_obj = {}, _define_property(_obj, addPrefix('spin'), spin), _define_property(_obj, addPrefix('pulse'), pulse), _define_property(_obj, addPrefix(\"flip-\".concat(flip)), !!flip), _obj));\n    var rotateStyles = {\n        msTransform: \"rotate(\".concat(rotate, \"deg)\"),\n        transform: \"rotate(\".concat(rotate, \"deg)\")\n    };\n    (0,_utils__WEBPACK_IMPORTED_MODULE_3__[\"default\"])();\n    var svgProps = filterProps({\n        width: width,\n        height: height,\n        fill: fill,\n        viewBox: viewBox,\n        className: classes,\n        style: rotate ? _object_spread({}, rotateStyles, style) : style\n    });\n    return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, _object_spread({\n        \"aria-hidden\": true,\n        focusable: false,\n        ref: ref\n    }, svgProps, rest), children);\n});\nIcon.displayName = 'Icon';\nIcon.defaultProps = defaultProps;\nIcon.propTypes = {\n    spin: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n    pulse: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n    rotate: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n    viewBox: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n    as: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([\n        (prop_types__WEBPACK_IMPORTED_MODULE_4___default().elementType),\n        (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string)\n    ]),\n    flip: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOf([\n        'horizontal',\n        'vertical'\n    ]),\n    fill: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Icon);\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/esm/Icon.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ \"./node_modules/@rsuite/icons/esm/utils/useClassNames.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./node_modules/@rsuite/icons/esm/utils/useInsertStyles.js\");\nfunction _array_like_to_array(arr, len) {\n    if (len == null || len > arr.length) len = arr.length;\n    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];\n    return arr2;\n}\nfunction _array_with_holes(arr) {\n    if (Array.isArray(arr)) return arr;\n}\nfunction _define_property(obj, key, value) {\n    if (key in obj) {\n        Object.defineProperty(obj, key, {\n            value: value,\n            enumerable: true,\n            configurable: true,\n            writable: true\n        });\n    } else {\n        obj[key] = value;\n    }\n    return obj;\n}\nfunction _iterable_to_array_limit(arr, i) {\n    var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"];\n    if (_i == null) return;\n    var _arr = [];\n    var _n = true;\n    var _d = false;\n    var _s, _e;\n    try {\n        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){\n            _arr.push(_s.value);\n            if (i && _arr.length === i) break;\n        }\n    } catch (err) {\n        _d = true;\n        _e = err;\n    } finally{\n        try {\n            if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n        } finally{\n            if (_d) throw _e;\n        }\n    }\n    return _arr;\n}\nfunction _non_iterable_rest() {\n    throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _object_spread(target) {\n    for(var i = 1; i < arguments.length; i++){\n        var source = arguments[i] != null ? arguments[i] : {};\n        var ownKeys = Object.keys(source);\n        if (typeof Object.getOwnPropertySymbols === \"function\") {\n            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {\n                return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n            }));\n        }\n        ownKeys.forEach(function(key) {\n            _define_property(target, key, source[key]);\n        });\n    }\n    return target;\n}\nfunction _object_without_properties(source, excluded) {\n    if (source == null) return {};\n    var target = _object_without_properties_loose(source, excluded);\n    var key, i;\n    if (Object.getOwnPropertySymbols) {\n        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n        for(i = 0; i < sourceSymbolKeys.length; i++){\n            key = sourceSymbolKeys[i];\n            if (excluded.indexOf(key) >= 0) continue;\n            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n            target[key] = source[key];\n        }\n    }\n    return target;\n}\nfunction _object_without_properties_loose(source, excluded) {\n    if (source == null) return {};\n    var target = {};\n    var sourceKeys = Object.keys(source);\n    var key, i;\n    for(i = 0; i < sourceKeys.length; i++){\n        key = sourceKeys[i];\n        if (excluded.indexOf(key) >= 0) continue;\n        target[key] = source[key];\n    }\n    return target;\n}\nfunction _sliced_to_array(arr, i) {\n    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();\n}\nfunction _unsupported_iterable_to_array(o, minLen) {\n    if (!o) return;\n    if (typeof o === \"string\") return _array_like_to_array(o, minLen);\n    var n = Object.prototype.toString.call(o).slice(8, -1);\n    if (n === \"Object\" && o.constructor) n = o.constructor.name;\n    if (n === \"Map\" || n === \"Set\") return Array.from(n);\n    if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);\n}\n\n\n\nfunction filterProps(props) {\n    var nextProps = {};\n    Object.entries(props).forEach(function(param) {\n        var _param = _sliced_to_array(param, 2), key = _param[0], value = _param[1];\n        if (typeof value !== 'undefined') {\n            nextProps[key] = value;\n        }\n    });\n    return nextProps;\n}\nvar Icon = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function(props, ref) {\n    var tmp = props.as, Component = tmp === void 0 ? 'svg' : tmp, spin = props.spin, pulse = props.pulse, flip = props.flip, _props_fill = props.fill, fill = _props_fill === void 0 ? 'currentColor' : _props_fill, className = props.className, rotate = props.rotate, children = props.children, viewBox = props.viewBox, _props_width = props.width, width = _props_width === void 0 ? '1em' : _props_width, _props_height = props.height, height = _props_height === void 0 ? '1em' : _props_height, style = props.style, rest = _object_without_properties(props, [\n        \"as\",\n        \"spin\",\n        \"pulse\",\n        \"flip\",\n        \"fill\",\n        \"className\",\n        \"rotate\",\n        \"children\",\n        \"viewBox\",\n        \"width\",\n        \"height\",\n        \"style\"\n    ]);\n    var _useClassNames = _sliced_to_array((0,_utils__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(), 2), componentClassName = _useClassNames[0], addPrefix = _useClassNames[1];\n    var _obj;\n    var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, componentClassName, (_obj = {}, _define_property(_obj, addPrefix('spin'), spin), _define_property(_obj, addPrefix('pulse'), pulse), _define_property(_obj, addPrefix(\"flip-\".concat(flip)), !!flip), _obj));\n    var rotateStyles = {\n        msTransform: \"rotate(\".concat(rotate, \"deg)\"),\n        transform: \"rotate(\".concat(rotate, \"deg)\")\n    };\n    (0,_utils__WEBPACK_IMPORTED_MODULE_3__[\"default\"])();\n    var svgProps = filterProps({\n        width: width,\n        height: height,\n        fill: fill,\n        viewBox: viewBox,\n        className: classes,\n        style: rotate ? _object_spread({}, rotateStyles, style) : style\n    });\n    return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, _object_spread({\n        \"aria-hidden\": true,\n        focusable: false,\n        ref: ref\n    }, svgProps, rest), children);\n});\nIcon.displayName = 'Icon';\n/* harmony default export */ __webpack_exports__[\"default\"] = (Icon);\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/esm/Icon.js?");
 
 /***/ }),
 
@@ -2369,7 +2369,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateInput/utils.ts\");\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _useDateInputState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useDateInputState */ \"./src/DateInput/hooks/useDateInputState.ts\"));\nvar _useKeyboardInputEvent = _interopRequireDefault(__webpack_require__(/*! ./hooks/useKeyboardInputEvent */ \"./src/DateInput/hooks/useKeyboardInputEvent.ts\"));\nvar _useIsFocused2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useIsFocused */ \"./src/DateInput/hooks/useIsFocused.ts\"));\nvar _useFieldCursor2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFieldCursor */ \"./src/DateInput/hooks/useFieldCursor.ts\"));\nvar _useSelectedState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useSelectedState */ \"./src/DateInput/hooks/useSelectedState.ts\"));\nvar _excluded = [\"format\", \"value\", \"defaultValue\", \"placeholder\", \"onChange\", \"onKeyDown\", \"onBlur\", \"onFocus\", \"onPaste\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateInput/DateInput.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The DateInput component lets users select a date with the keyboard.\n * @version 5.58.0\n * @see https://rsuitejs.com/components/date-input/\n */\nvar DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useCustom = (0, _CustomProvider.useCustom)('DateInput', props),\n    propsWithDefaults = _useCustom.propsWithDefaults,\n    parseDate = _useCustom.parseDate,\n    getLocale = _useCustom.getLocale;\n  var _getLocale = getLocale('DateTimeFormats'),\n    dateLocale = _getLocale.dateLocale,\n    shortDateFormat = _getLocale.shortDateFormat;\n  var _propsWithDefaults$fo = propsWithDefaults.format,\n    formatStr = _propsWithDefaults$fo === void 0 ? shortDateFormat : _propsWithDefaults$fo,\n    valueProp = propsWithDefaults.value,\n    defaultValue = propsWithDefaults.defaultValue,\n    placeholder = propsWithDefaults.placeholder,\n    onChange = propsWithDefaults.onChange,\n    onKeyDown = propsWithDefaults.onKeyDown,\n    onBlur = propsWithDefaults.onBlur,\n    onFocus = propsWithDefaults.onFocus,\n    onPaste = propsWithDefaults.onPaste,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);\n  var inputRef = (0, _react.useRef)();\n  var _useSelectedState = (0, _useSelectedState2.default)(),\n    selectedState = _useSelectedState.selectedState,\n    setSelectedState = _useSelectedState.setSelectedState;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var _useDateInputState = (0, _useDateInputState2.default)({\n      formatStr: formatStr,\n      locale: dateLocale,\n      date: value,\n      isControlledDate: isControlled\n    }),\n    dateField = _useDateInputState.dateField,\n    setDateOffset = _useDateInputState.setDateOffset,\n    setDateField = _useDateInputState.setDateField,\n    setNewDate = _useDateInputState.setNewDate,\n    getDateField = _useDateInputState.getDateField,\n    toDateString = _useDateInputState.toDateString,\n    isEmptyValue = _useDateInputState.isEmptyValue;\n  var _useFieldCursor = (0, _useFieldCursor2.default)(formatStr, valueProp),\n    isMoveCursor = _useFieldCursor.isMoveCursor,\n    isResetValue = _useFieldCursor.isResetValue,\n    increment = _useFieldCursor.increment,\n    reset = _useFieldCursor.reset;\n  var dateString = toDateString();\n  var keyPressOptions = (0, _react.useMemo)(function () {\n    return {\n      formatStr: formatStr,\n      localize: dateLocale.localize,\n      selectedMonth: dateField.month,\n      dateString: dateString\n    };\n  }, [dateField, dateString, formatStr, dateLocale]);\n  var setSelectionRange = (0, _utils2.useInputSelection)(inputRef);\n  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {\n    onChange === null || onChange === void 0 || onChange(value, event);\n    setValue(value);\n  });\n  var handleClear = (0, _hooks.useEventCallback)(function (event) {\n    handleChange(null, event);\n    setNewDate(null);\n    setSelectionRange(0, 0);\n    reset();\n  });\n  var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {\n    var input = event.target;\n    var key = event.key;\n    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      direction: direction\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n\n    // If the selected field changes, reset the input state\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var onSegmentValueChange = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var offset = key === 'ArrowUp' ? 1 : -1;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      valueOffset: offset\n    }));\n    setSelectedState(state);\n    setDateOffset(state.selectedPattern, offset, function (date) {\n      return handleChange(date, event);\n    });\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n  });\n  var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var pattern = selectedState.selectedPattern;\n    if (!pattern) {\n      return;\n    }\n    var field = getDateField(pattern);\n    var value = parseInt(key, 10);\n    var padValue = parseInt(\"\" + (field.value || '') + key, 10);\n    var newValue = value;\n    if ((0, _utils2.validateDateTime)(field.name, padValue) && !isResetValue()) {\n      // Check if the value entered by the user is a valid date\n      newValue = padValue;\n    }\n    setDateField(pattern, newValue, function (date) {\n      return handleChange(date, event);\n    });\n\n    // The currently selected month will be retained as a parameter of getInputSelectedState,\n    // but if the user enters a month, the month value will be replaced with the value entered by the user.\n    var selectedMonth = pattern === 'M' ? newValue : dateField.month;\n    var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      selectedMonth: selectedMonth\n    }));\n    setSelectedState(nextState);\n    setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n    increment();\n\n    // If the field is full value, move the cursor to the next field\n    if (isMoveCursor(newValue, pattern) && input.selectionEnd !== input.value.length) {\n      onSegmentChange(event, 'right');\n    }\n  });\n  var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var value = input.value;\n\n    // If the text is all selected, clear the value\n    if (input.selectionStart === 0 && value && input.selectionEnd === value.length) {\n      handleClear(event);\n    } else if (selectedState.selectedPattern) {\n      var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n        input: input,\n        valueOffset: null\n      }));\n      setSelectedState(nextState);\n      setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n      setDateField(selectedState.selectedPattern, null, function (date) {\n        return handleChange(date, event);\n      });\n      reset();\n    }\n  });\n  var handleClick = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var handlePaste = (0, _hooks.useEventCallback)(function (event) {\n    var _event$clipboardData;\n    event.preventDefault();\n    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');\n    var nextDate = parseDate(pasteText, formatStr);\n    if ((0, _date.isValid)(nextDate)) {\n      handleChange(nextDate, event);\n      setNewDate(nextDate);\n    }\n    onPaste === null || onPaste === void 0 || onPaste(event);\n  });\n  var onKeyboardInput = (0, _useKeyboardInputEvent.default)({\n    onSegmentChange: onSegmentChange,\n    onSegmentValueChange: onSegmentValueChange,\n    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,\n    onSegmentValueRemove: onSegmentValueRemove,\n    onKeyDown: onKeyDown\n  });\n  var _useIsFocused = (0, _useIsFocused2.default)({\n      onBlur: onBlur,\n      onFocus: onFocus\n    }),\n    focused = _useIsFocused[0],\n    focusEventProps = _useIsFocused[1];\n  var renderedValue = (0, _react.useMemo)(function () {\n    if (!isEmptyValue()) {\n      return dateString;\n    }\n    return !focused ? '' : dateString;\n  }, [dateString, focused, isEmptyValue]);\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    inputMode: focused ? 'numeric' : 'text',\n    autoComplete: \"off\",\n    autoCorrect: \"off\",\n    spellCheck: false,\n    ref: (0, _utils.mergeRefs)(inputRef, ref),\n    onKeyDown: onKeyboardInput,\n    onClick: handleClick,\n    onPaste: handlePaste,\n    value: renderedValue,\n    placeholder: placeholder || formatStr\n  }, focusEventProps, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 236,\n      columnNumber: 5\n    }\n  }));\n});\nDateInput.displayName = 'DateInput';\nDateInput.propTypes = {\n  defaultValue: _propTypes.default.instanceOf(Date),\n  format: _propTypes.default.string,\n  value: _propTypes.default.instanceOf(Date),\n  placeholder: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onFocus: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = DateInput;\n\n//# sourceURL=webpack://rsuite/./src/DateInput/DateInput.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateInput/utils.ts\");\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _useDateInputState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useDateInputState */ \"./src/DateInput/hooks/useDateInputState.ts\"));\nvar _useKeyboardInputEvent = _interopRequireDefault(__webpack_require__(/*! ./hooks/useKeyboardInputEvent */ \"./src/DateInput/hooks/useKeyboardInputEvent.ts\"));\nvar _useIsFocused2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useIsFocused */ \"./src/DateInput/hooks/useIsFocused.ts\"));\nvar _useFieldCursor2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFieldCursor */ \"./src/DateInput/hooks/useFieldCursor.ts\"));\nvar _useSelectedState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useSelectedState */ \"./src/DateInput/hooks/useSelectedState.ts\"));\nvar _excluded = [\"format\", \"value\", \"defaultValue\", \"placeholder\", \"onChange\", \"onKeyDown\", \"onBlur\", \"onFocus\", \"onPaste\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateInput/DateInput.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The DateInput component lets users select a date with the keyboard.\n * @version 5.58.0\n * @see https://rsuitejs.com/components/date-input/\n */\nvar DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useCustom = (0, _CustomProvider.useCustom)('DateInput', props),\n    propsWithDefaults = _useCustom.propsWithDefaults,\n    parseDate = _useCustom.parseDate,\n    getLocale = _useCustom.getLocale;\n  var _getLocale = getLocale('DateTimeFormats'),\n    dateLocale = _getLocale.dateLocale,\n    shortDateFormat = _getLocale.shortDateFormat;\n  var _propsWithDefaults$fo = propsWithDefaults.format,\n    formatStr = _propsWithDefaults$fo === void 0 ? shortDateFormat : _propsWithDefaults$fo,\n    valueProp = propsWithDefaults.value,\n    defaultValue = propsWithDefaults.defaultValue,\n    placeholder = propsWithDefaults.placeholder,\n    onChange = propsWithDefaults.onChange,\n    onKeyDown = propsWithDefaults.onKeyDown,\n    onBlur = propsWithDefaults.onBlur,\n    onFocus = propsWithDefaults.onFocus,\n    onPaste = propsWithDefaults.onPaste,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);\n  var inputRef = (0, _react.useRef)();\n  var _useSelectedState = (0, _useSelectedState2.default)(),\n    selectedState = _useSelectedState.selectedState,\n    setSelectedState = _useSelectedState.setSelectedState;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var _useDateInputState = (0, _useDateInputState2.default)({\n      formatStr: formatStr,\n      locale: dateLocale,\n      date: value,\n      isControlledDate: isControlled\n    }),\n    dateField = _useDateInputState.dateField,\n    setDateOffset = _useDateInputState.setDateOffset,\n    setDateField = _useDateInputState.setDateField,\n    setNewDate = _useDateInputState.setNewDate,\n    getDateField = _useDateInputState.getDateField,\n    toDateString = _useDateInputState.toDateString,\n    isEmptyValue = _useDateInputState.isEmptyValue;\n  var _useFieldCursor = (0, _useFieldCursor2.default)(formatStr, valueProp),\n    isMoveCursor = _useFieldCursor.isMoveCursor,\n    isResetValue = _useFieldCursor.isResetValue,\n    increment = _useFieldCursor.increment,\n    reset = _useFieldCursor.reset;\n  var dateString = toDateString();\n  var keyPressOptions = (0, _react.useMemo)(function () {\n    return {\n      formatStr: formatStr,\n      localize: dateLocale.localize,\n      selectedMonth: dateField.month,\n      dateString: dateString\n    };\n  }, [dateField, dateString, formatStr, dateLocale]);\n  var setSelectionRange = (0, _utils2.useInputSelection)(inputRef);\n  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {\n    onChange === null || onChange === void 0 || onChange(value, event);\n    setValue(value);\n  });\n  var handleClear = (0, _hooks.useEventCallback)(function (event) {\n    handleChange(null, event);\n    setNewDate(null);\n    setSelectionRange(0, 0);\n    reset();\n  });\n  var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {\n    var input = event.target;\n    var key = event.key;\n    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      direction: direction\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n\n    // If the selected field changes, reset the input state\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var onSegmentValueChange = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var offset = key === 'ArrowUp' ? 1 : -1;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      valueOffset: offset\n    }));\n    setSelectedState(state);\n    setDateOffset(state.selectedPattern, offset, function (date) {\n      return handleChange(date, event);\n    });\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n  });\n  var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var isFunctionKey = key.startsWith('F') && !isNaN(Number(key.slice(1)));\n    if (isFunctionKey) {\n      return;\n    }\n    var pattern = selectedState.selectedPattern;\n    if (!pattern) {\n      return;\n    }\n    var field = getDateField(pattern);\n    var value = parseInt(key, 10);\n    var padValue = parseInt(\"\" + (field.value || '') + key, 10);\n    var newValue = value;\n    if ((0, _utils2.validateDateTime)(field.name, padValue) && !isResetValue()) {\n      // Check if the value entered by the user is a valid date\n      newValue = padValue;\n    }\n    setDateField(pattern, newValue, function (date) {\n      return handleChange(date, event);\n    });\n\n    // The currently selected month will be retained as a parameter of getInputSelectedState,\n    // but if the user enters a month, the month value will be replaced with the value entered by the user.\n    var selectedMonth = pattern === 'M' ? newValue : dateField.month;\n    var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      selectedMonth: selectedMonth\n    }));\n    setSelectedState(nextState);\n    setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n    increment();\n\n    // If the field is full value, move the cursor to the next field\n    if (isMoveCursor(newValue, pattern) && input.selectionEnd !== input.value.length) {\n      onSegmentChange(event, 'right');\n    }\n  });\n  var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var value = input.value;\n\n    // If the text is all selected, clear the value\n    if (input.selectionStart === 0 && value && input.selectionEnd === value.length) {\n      handleClear(event);\n    } else if (selectedState.selectedPattern) {\n      var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n        input: input,\n        valueOffset: null\n      }));\n      setSelectedState(nextState);\n      setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n      setDateField(selectedState.selectedPattern, null, function (date) {\n        return handleChange(date, event);\n      });\n      reset();\n    }\n  });\n  var handleClick = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var handlePaste = (0, _hooks.useEventCallback)(function (event) {\n    var _event$clipboardData;\n    event.preventDefault();\n    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');\n    var nextDate = parseDate(pasteText, formatStr);\n    if ((0, _date.isValid)(nextDate)) {\n      handleChange(nextDate, event);\n      setNewDate(nextDate);\n    }\n    onPaste === null || onPaste === void 0 || onPaste(event);\n  });\n  var onKeyboardInput = (0, _useKeyboardInputEvent.default)({\n    onSegmentChange: onSegmentChange,\n    onSegmentValueChange: onSegmentValueChange,\n    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,\n    onSegmentValueRemove: onSegmentValueRemove,\n    onKeyDown: onKeyDown\n  });\n  var _useIsFocused = (0, _useIsFocused2.default)({\n      onBlur: onBlur,\n      onFocus: onFocus\n    }),\n    focused = _useIsFocused[0],\n    focusEventProps = _useIsFocused[1];\n  var renderedValue = (0, _react.useMemo)(function () {\n    if (!isEmptyValue()) {\n      return dateString;\n    }\n    return !focused ? '' : dateString;\n  }, [dateString, focused, isEmptyValue]);\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    inputMode: focused ? 'numeric' : 'text',\n    autoComplete: \"off\",\n    autoCorrect: \"off\",\n    spellCheck: false,\n    ref: (0, _utils.mergeRefs)(inputRef, ref),\n    onKeyDown: onKeyboardInput,\n    onClick: handleClick,\n    onPaste: handlePaste,\n    value: renderedValue,\n    placeholder: placeholder || formatStr\n  }, focusEventProps, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 241,\n      columnNumber: 5\n    }\n  }));\n});\nDateInput.displayName = 'DateInput';\nDateInput.propTypes = {\n  defaultValue: _propTypes.default.instanceOf(Date),\n  format: _propTypes.default.string,\n  value: _propTypes.default.instanceOf(Date),\n  placeholder: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onFocus: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = DateInput;\n\n//# sourceURL=webpack://rsuite/./src/DateInput/DateInput.tsx?");
 
 /***/ }),
 
@@ -2545,7 +2545,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DateInput = __webpack_require__(/*! ../DateInput */ \"./src/DateInput/index.tsx\");\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangeInput/utils.ts\");\nvar _excluded = [\"className\", \"classPrefix\", \"character\", \"format\", \"value\", \"defaultValue\", \"placeholder\", \"onChange\", \"onKeyDown\", \"onBlur\", \"onFocus\", \"onPaste\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangeInput/DateRangeInput.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The DateRangeInput component lets users select a date with the keyboard.\n * @version 5.59.0\n * @see https://rsuitejs.com/components/date-range-input/\n */\nvar DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useCustom = (0, _CustomProvider.useCustom)('Calendar', props),\n    propsWithDefaults = _useCustom.propsWithDefaults,\n    parseDate = _useCustom.parseDate,\n    getLocale = _useCustom.getLocale;\n  var _getLocale = getLocale('DateTimeFormats'),\n    shortDateFormat = _getLocale.shortDateFormat,\n    dateLocale = _getLocale.dateLocale;\n  var className = propsWithDefaults.className,\n    _propsWithDefaults$cl = propsWithDefaults.classPrefix,\n    classPrefix = _propsWithDefaults$cl === void 0 ? 'date-range-input' : _propsWithDefaults$cl,\n    _propsWithDefaults$ch = propsWithDefaults.character,\n    character = _propsWithDefaults$ch === void 0 ? ' ~ ' : _propsWithDefaults$ch,\n    _propsWithDefaults$fo = propsWithDefaults.format,\n    formatStr = _propsWithDefaults$fo === void 0 ? shortDateFormat : _propsWithDefaults$fo,\n    valueProp = propsWithDefaults.value,\n    _propsWithDefaults$de = propsWithDefaults.defaultValue,\n    defaultValue = _propsWithDefaults$de === void 0 ? [] : _propsWithDefaults$de,\n    placeholder = propsWithDefaults.placeholder,\n    onChange = propsWithDefaults.onChange,\n    onKeyDown = propsWithDefaults.onKeyDown,\n    onBlur = propsWithDefaults.onBlur,\n    onFocus = propsWithDefaults.onFocus,\n    onPaste = propsWithDefaults.onPaste,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix());\n  var inputRef = (0, _react.useRef)();\n  var _useSelectedState = (0, _DateInput.useSelectedState)(),\n    selectedState = _useSelectedState.selectedState,\n    setSelectedState = _useSelectedState.setSelectedState;\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var _useState = (0, _react.useState)(_utils2.DateType.Start),\n    dateType = _useState[0],\n    setDateType = _useState[1];\n  var dateInputOptions = {\n    formatStr: formatStr,\n    locale: dateLocale,\n    isControlledDate: isControlled\n  };\n  var startDateState = (0, _DateInput.useDateInputState)((0, _extends2.default)({}, dateInputOptions, {\n    date: (value === null || value === void 0 ? void 0 : value[0]) || null\n  }));\n  var endDateState = (0, _DateInput.useDateInputState)((0, _extends2.default)({}, dateInputOptions, {\n    date: (value === null || value === void 0 ? void 0 : value[1]) || null\n  }));\n  var _useFieldCursor = (0, _DateInput.useFieldCursor)(formatStr, valueProp),\n    isMoveCursor = _useFieldCursor.isMoveCursor,\n    isResetValue = _useFieldCursor.isResetValue,\n    increment = _useFieldCursor.increment,\n    reset = _useFieldCursor.reset;\n  var getActiveState = function getActiveState(type) {\n    if (type === void 0) {\n      type = dateType;\n    }\n    return type === _utils2.DateType.Start ? startDateState : endDateState;\n  };\n  var _useIsFocused = (0, _DateInput.useIsFocused)({\n      onBlur: onBlur,\n      onFocus: onFocus\n    }),\n    focused = _useIsFocused[0],\n    focusEventProps = _useIsFocused[1];\n  var renderedValue = (0, _react.useMemo)(function () {\n    var dateString = startDateState.toDateString() + character + endDateState.toDateString();\n    if (!startDateState.isEmptyValue() || !endDateState.isEmptyValue()) {\n      return dateString;\n    }\n    return !focused ? '' : dateString;\n  }, [character, endDateState, focused, startDateState]);\n  var keyPressOptions = {\n    formatStr: formatStr,\n    rangeFormatStr: rangeFormatStr,\n    localize: dateLocale.localize,\n    selectedMonth: getActiveState().dateField.month,\n    dateString: renderedValue,\n    dateType: dateType,\n    character: character\n  };\n  var setSelectionRange = (0, _DateInput.useInputSelection)(inputRef);\n  var handleChange = (0, _hooks.useEventCallback)(function (date, event) {\n    var nextValue = dateType === _utils2.DateType.Start ? [date, value === null || value === void 0 ? void 0 : value[1]] : [value === null || value === void 0 ? void 0 : value[0], date];\n    onChange === null || onChange === void 0 || onChange(nextValue, event);\n    setValue(nextValue);\n  });\n  var handleClear = (0, _hooks.useEventCallback)(function (event) {\n    startDateState.setNewDate(null);\n    endDateState.setNewDate(null);\n    setSelectionRange(0, 0);\n    reset();\n    setValue(null);\n    onChange === null || onChange === void 0 || onChange(null, event);\n  });\n  var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {\n    var input = event.target;\n    var key = event.key;\n    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');\n    if (input.selectionEnd === null || input.selectionStart === null) {\n      return;\n    }\n    var cursorIndex = direction === 'right' ? input.selectionEnd : input.selectionStart;\n    var nextDateType = dateType;\n    if ((0, _utils2.isSwitchDateType)(renderedValue, character, cursorIndex, direction)) {\n      nextDateType = dateType === _utils2.DateType.Start ? _utils2.DateType.End : _utils2.DateType.Start;\n      setDateType(nextDateType);\n    }\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      dateType: nextDateType,\n      selectedMonth: getActiveState(nextDateType).dateField.month,\n      input: input,\n      direction: direction\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n\n    // If the selected field changes, reset the input state\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var onSegmentValueChange = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var offset = key === 'ArrowUp' ? 1 : -1;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      valueOffset: offset\n    }));\n    setSelectedState(state);\n    getActiveState().setDateOffset(state.selectedPattern, offset, function (date) {\n      return handleChange(date, event);\n    });\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n  });\n  var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var pattern = selectedState.selectedPattern;\n    if (!pattern) {\n      return;\n    }\n    var field = getActiveState().getDateField(pattern);\n    var value = parseInt(key, 10);\n    var padValue = parseInt(\"\" + (field.value || '') + key, 10);\n    var newValue = value;\n\n    // Check if the value entered by the user is a valid date\n    if ((0, _DateInput.validateDateTime)(field.name, padValue) && !isResetValue()) {\n      newValue = padValue;\n    }\n    getActiveState().setDateField(pattern, newValue, function (date) {\n      return handleChange(date, event);\n    });\n\n    // The currently selected month will be retained as a parameter of getInputSelectedState,\n    // but if the user enters a month, the month value will be replaced with the value entered by the user.\n    var selectedMonth = pattern === 'M' ? newValue : getActiveState().dateField.month;\n    var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      selectedMonth: selectedMonth\n    }));\n    setSelectedState(nextState);\n    setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n    increment();\n\n    // If the field is full value, move the cursor to the next field\n    if (isMoveCursor(newValue, pattern) && input.selectionEnd !== input.value.length) {\n      onSegmentChange(event, 'right');\n    }\n  });\n  var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var value = input.value;\n    if (input.selectionStart === 0 && value && input.selectionEnd === value.length) {\n      handleClear(event);\n    } else if (selectedState.selectedPattern) {\n      var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n        input: input,\n        valueOffset: null\n      }));\n      setSelectedState(nextState);\n      setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n      getActiveState().setDateField(selectedState.selectedPattern, null, function (date) {\n        return handleChange(date, event);\n      });\n      reset();\n    }\n  });\n  var handleClick = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    if (input.selectionStart === null) {\n      return;\n    }\n    var cursorIndex = input.selectionStart === renderedValue.length ? 0 : input.selectionStart;\n    var dateType = (0, _utils2.getDateType)(renderedValue || rangeFormatStr, character, cursorIndex);\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      dateType: dateType,\n      selectedMonth: getActiveState(dateType).dateField.month,\n      input: input\n    }));\n    setDateType(dateType);\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var handlePaste = (0, _hooks.useEventCallback)(function (event) {\n    var _event$clipboardData;\n    event.preventDefault();\n    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');\n    var _ref = pasteText.split(character).map(function (date) {\n        return parseDate(date, formatStr);\n      }),\n      start = _ref[0],\n      end = _ref[1];\n    if ((0, _date.isValid)(start) && (0, _date.isValid)(end)) {\n      var nextValue = [start, end];\n      onChange === null || onChange === void 0 || onChange(nextValue, event);\n      setValue(nextValue);\n      startDateState.setNewDate(start);\n      endDateState.setNewDate(end);\n    }\n    onPaste === null || onPaste === void 0 || onPaste(event);\n  });\n  var onKeyboardInput = (0, _DateInput.useKeyboardInputEvent)({\n    onSegmentChange: onSegmentChange,\n    onSegmentValueChange: onSegmentValueChange,\n    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,\n    onSegmentValueRemove: onSegmentValueRemove,\n    onKeyDown: onKeyDown\n  });\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    inputMode: focused ? 'numeric' : 'text',\n    autoComplete: \"off\",\n    autoCorrect: \"off\",\n    spellCheck: false,\n    className: classes,\n    ref: (0, _utils.mergeRefs)(inputRef, ref),\n    onKeyDown: onKeyboardInput,\n    onClick: handleClick,\n    onPaste: handlePaste,\n    value: renderedValue,\n    placeholder: placeholder || rangeFormatStr\n  }, focusEventProps, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 310,\n      columnNumber: 5\n    }\n  }));\n});\nDateRangeInput.displayName = 'DateRangeInput';\nDateRangeInput.propTypes = {\n  character: _propTypes.default.string,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  format: _propTypes.default.string,\n  placeholder: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = DateRangeInput;\n\n//# sourceURL=webpack://rsuite/./src/DateRangeInput/DateRangeInput.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DateInput = __webpack_require__(/*! ../DateInput */ \"./src/DateInput/index.tsx\");\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangeInput/utils.ts\");\nvar _excluded = [\"className\", \"classPrefix\", \"character\", \"format\", \"value\", \"defaultValue\", \"placeholder\", \"onChange\", \"onKeyDown\", \"onBlur\", \"onFocus\", \"onPaste\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangeInput/DateRangeInput.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The DateRangeInput component lets users select a date with the keyboard.\n * @version 5.59.0\n * @see https://rsuitejs.com/components/date-range-input/\n */\nvar DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useCustom = (0, _CustomProvider.useCustom)('Calendar', props),\n    propsWithDefaults = _useCustom.propsWithDefaults,\n    parseDate = _useCustom.parseDate,\n    getLocale = _useCustom.getLocale;\n  var _getLocale = getLocale('DateTimeFormats'),\n    shortDateFormat = _getLocale.shortDateFormat,\n    dateLocale = _getLocale.dateLocale;\n  var className = propsWithDefaults.className,\n    _propsWithDefaults$cl = propsWithDefaults.classPrefix,\n    classPrefix = _propsWithDefaults$cl === void 0 ? 'date-range-input' : _propsWithDefaults$cl,\n    _propsWithDefaults$ch = propsWithDefaults.character,\n    character = _propsWithDefaults$ch === void 0 ? ' ~ ' : _propsWithDefaults$ch,\n    _propsWithDefaults$fo = propsWithDefaults.format,\n    formatStr = _propsWithDefaults$fo === void 0 ? shortDateFormat : _propsWithDefaults$fo,\n    valueProp = propsWithDefaults.value,\n    _propsWithDefaults$de = propsWithDefaults.defaultValue,\n    defaultValue = _propsWithDefaults$de === void 0 ? [] : _propsWithDefaults$de,\n    placeholder = propsWithDefaults.placeholder,\n    onChange = propsWithDefaults.onChange,\n    onKeyDown = propsWithDefaults.onKeyDown,\n    onBlur = propsWithDefaults.onBlur,\n    onFocus = propsWithDefaults.onFocus,\n    onPaste = propsWithDefaults.onPaste,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix());\n  var inputRef = (0, _react.useRef)();\n  var _useSelectedState = (0, _DateInput.useSelectedState)(),\n    selectedState = _useSelectedState.selectedState,\n    setSelectedState = _useSelectedState.setSelectedState;\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var _useState = (0, _react.useState)(_utils2.DateType.Start),\n    dateType = _useState[0],\n    setDateType = _useState[1];\n  var dateInputOptions = {\n    formatStr: formatStr,\n    locale: dateLocale,\n    isControlledDate: isControlled\n  };\n  var startDateState = (0, _DateInput.useDateInputState)((0, _extends2.default)({}, dateInputOptions, {\n    date: (value === null || value === void 0 ? void 0 : value[0]) || null\n  }));\n  var endDateState = (0, _DateInput.useDateInputState)((0, _extends2.default)({}, dateInputOptions, {\n    date: (value === null || value === void 0 ? void 0 : value[1]) || null\n  }));\n  var _useFieldCursor = (0, _DateInput.useFieldCursor)(formatStr, valueProp),\n    isMoveCursor = _useFieldCursor.isMoveCursor,\n    isResetValue = _useFieldCursor.isResetValue,\n    increment = _useFieldCursor.increment,\n    reset = _useFieldCursor.reset;\n  var getActiveState = function getActiveState(type) {\n    if (type === void 0) {\n      type = dateType;\n    }\n    return type === _utils2.DateType.Start ? startDateState : endDateState;\n  };\n  var _useIsFocused = (0, _DateInput.useIsFocused)({\n      onBlur: onBlur,\n      onFocus: onFocus\n    }),\n    focused = _useIsFocused[0],\n    focusEventProps = _useIsFocused[1];\n  var renderedValue = (0, _react.useMemo)(function () {\n    var dateString = startDateState.toDateString() + character + endDateState.toDateString();\n    if (!startDateState.isEmptyValue() || !endDateState.isEmptyValue()) {\n      return dateString;\n    }\n    return !focused ? '' : dateString;\n  }, [character, endDateState, focused, startDateState]);\n  var keyPressOptions = {\n    formatStr: formatStr,\n    rangeFormatStr: rangeFormatStr,\n    localize: dateLocale.localize,\n    selectedMonth: getActiveState().dateField.month,\n    dateString: renderedValue,\n    dateType: dateType,\n    character: character\n  };\n  var setSelectionRange = (0, _DateInput.useInputSelection)(inputRef);\n  var handleChange = (0, _hooks.useEventCallback)(function (date, event) {\n    var nextValue = dateType === _utils2.DateType.Start ? [date, value === null || value === void 0 ? void 0 : value[1]] : [value === null || value === void 0 ? void 0 : value[0], date];\n    onChange === null || onChange === void 0 || onChange(nextValue, event);\n    setValue(nextValue);\n  });\n  var handleClear = (0, _hooks.useEventCallback)(function (event) {\n    startDateState.setNewDate(null);\n    endDateState.setNewDate(null);\n    setSelectionRange(0, 0);\n    reset();\n    setValue(null);\n    onChange === null || onChange === void 0 || onChange(null, event);\n  });\n  var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {\n    var input = event.target;\n    var key = event.key;\n    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');\n    if (input.selectionEnd === null || input.selectionStart === null) {\n      return;\n    }\n    var cursorIndex = direction === 'right' ? input.selectionEnd : input.selectionStart;\n    var nextDateType = dateType;\n    if ((0, _utils2.isSwitchDateType)(renderedValue, character, cursorIndex, direction)) {\n      nextDateType = dateType === _utils2.DateType.Start ? _utils2.DateType.End : _utils2.DateType.Start;\n      setDateType(nextDateType);\n    }\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      dateType: nextDateType,\n      selectedMonth: getActiveState(nextDateType).dateField.month,\n      input: input,\n      direction: direction\n    }));\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n\n    // If the selected field changes, reset the input state\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var onSegmentValueChange = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var offset = key === 'ArrowUp' ? 1 : -1;\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      valueOffset: offset\n    }));\n    setSelectedState(state);\n    getActiveState().setDateOffset(state.selectedPattern, offset, function (date) {\n      return handleChange(date, event);\n    });\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n  });\n  var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var key = event.key;\n    var pattern = selectedState.selectedPattern;\n    var isFunctionKey = key.startsWith('F') && !isNaN(Number(key.slice(1)));\n    if (isFunctionKey) {\n      return;\n    }\n    if (!pattern) {\n      return;\n    }\n    var field = getActiveState().getDateField(pattern);\n    var value = parseInt(key, 10);\n    var padValue = parseInt(\"\" + (field.value || '') + key, 10);\n    var newValue = value;\n\n    // Check if the value entered by the user is a valid date\n    if ((0, _DateInput.validateDateTime)(field.name, padValue) && !isResetValue()) {\n      newValue = padValue;\n    }\n    getActiveState().setDateField(pattern, newValue, function (date) {\n      return handleChange(date, event);\n    });\n\n    // The currently selected month will be retained as a parameter of getInputSelectedState,\n    // but if the user enters a month, the month value will be replaced with the value entered by the user.\n    var selectedMonth = pattern === 'M' ? newValue : getActiveState().dateField.month;\n    var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      input: input,\n      selectedMonth: selectedMonth\n    }));\n    setSelectedState(nextState);\n    setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n    increment();\n\n    // If the field is full value, move the cursor to the next field\n    if (isMoveCursor(newValue, pattern) && input.selectionEnd !== input.value.length) {\n      onSegmentChange(event, 'right');\n    }\n  });\n  var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    var value = input.value;\n    if (input.selectionStart === 0 && value && input.selectionEnd === value.length) {\n      handleClear(event);\n    } else if (selectedState.selectedPattern) {\n      var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n        input: input,\n        valueOffset: null\n      }));\n      setSelectedState(nextState);\n      setSelectionRange(nextState.selectionStart, nextState.selectionEnd);\n      getActiveState().setDateField(selectedState.selectedPattern, null, function (date) {\n        return handleChange(date, event);\n      });\n      reset();\n    }\n  });\n  var handleClick = (0, _hooks.useEventCallback)(function (event) {\n    var input = event.target;\n    if (input.selectionStart === null) {\n      return;\n    }\n    var cursorIndex = input.selectionStart === renderedValue.length ? 0 : input.selectionStart;\n    var dateType = (0, _utils2.getDateType)(renderedValue || rangeFormatStr, character, cursorIndex);\n    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {\n      dateType: dateType,\n      selectedMonth: getActiveState(dateType).dateField.month,\n      input: input\n    }));\n    setDateType(dateType);\n    setSelectedState(state);\n    setSelectionRange(state.selectionStart, state.selectionEnd);\n    if (selectedState.selectedPattern !== state.selectedPattern) {\n      reset();\n    }\n  });\n  var handlePaste = (0, _hooks.useEventCallback)(function (event) {\n    var _event$clipboardData;\n    event.preventDefault();\n    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');\n    var _ref = pasteText.split(character).map(function (date) {\n        return parseDate(date, formatStr);\n      }),\n      start = _ref[0],\n      end = _ref[1];\n    if ((0, _date.isValid)(start) && (0, _date.isValid)(end)) {\n      var nextValue = [start, end];\n      onChange === null || onChange === void 0 || onChange(nextValue, event);\n      setValue(nextValue);\n      startDateState.setNewDate(start);\n      endDateState.setNewDate(end);\n    }\n    onPaste === null || onPaste === void 0 || onPaste(event);\n  });\n  var onKeyboardInput = (0, _DateInput.useKeyboardInputEvent)({\n    onSegmentChange: onSegmentChange,\n    onSegmentValueChange: onSegmentValueChange,\n    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,\n    onSegmentValueRemove: onSegmentValueRemove,\n    onKeyDown: onKeyDown\n  });\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    inputMode: focused ? 'numeric' : 'text',\n    autoComplete: \"off\",\n    autoCorrect: \"off\",\n    spellCheck: false,\n    className: classes,\n    ref: (0, _utils.mergeRefs)(inputRef, ref),\n    onKeyDown: onKeyboardInput,\n    onClick: handleClick,\n    onPaste: handlePaste,\n    value: renderedValue,\n    placeholder: placeholder || rangeFormatStr\n  }, focusEventProps, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 315,\n      columnNumber: 5\n    }\n  }));\n});\nDateRangeInput.displayName = 'DateRangeInput';\nDateRangeInput.propTypes = {\n  character: _propTypes.default.string,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  format: _propTypes.default.string,\n  placeholder: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = DateRangeInput;\n\n//# sourceURL=webpack://rsuite/./src/DateRangeInput/DateRangeInput.tsx?");
 
 /***/ }),
 
@@ -10818,9 +10818,9 @@ eval("var memoizeCapped = __webpack_require__(/*! ./_memoizeCapped */ \"./node_m
 /*!***************************************!*\
   !*** ./node_modules/lodash/_toKey.js ***!
   \***************************************/
-/***/ (function(module) {
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-eval("/**\n * This method returns the first argument it receives.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Util\n * @param {*} value Any value.\n * @returns {*} Returns `value`.\n * @example\n *\n * var object = { 'a': 1 };\n *\n * console.log(_.identity(object) === object);\n * // => true\n */\nfunction identity(value) {\n  return value;\n}\n\nmodule.exports = identity;\n\n\n//# sourceURL=webpack://rsuite/./node_modules/lodash/_toKey.js?");
+eval("var isSymbol = __webpack_require__(/*! ./isSymbol */ \"./node_modules/lodash/isSymbol.js\");\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0;\n\n/**\n * Converts `value` to a string key if it's not a string or symbol.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {string|symbol} Returns the key.\n */\nfunction toKey(value) {\n  if (typeof value == 'string' || isSymbol(value)) {\n    return value;\n  }\n  var result = (value + '');\n  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\nmodule.exports = toKey;\n\n\n//# sourceURL=webpack://rsuite/./node_modules/lodash/_toKey.js?");
 
 /***/ }),