rsuite 5.31.0 → 5.31.1

package/dist/rsuite.css

@@ -2851,7 +2851,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   border-radius: 6px;
 }
 .rs-calendar-bordered .rs-calendar-table-row:not(:last-child) .rs-calendar-table-cell,
-.rs-calendar-bordered .rs-calendar-table-header-row .rs-calendar-table-cell {
+.rs-calendar-bordered .rs-calendar-table-header-row .rs-calendar-table-header-cell {
   border-bottom: 1px solid #f2f2f5;
   border-bottom: 1px solid var(--rs-border-secondary);
 }
@@ -2896,7 +2896,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   padding-left: 0;
   padding-right: 0;
 }
-.rs-calendar-panel .rs-calendar-table-header-row .rs-calendar-table-cell-content {
+.rs-calendar-panel .rs-calendar-table-header-row .rs-calendar-table-header-cell-content {
   padding-top: 8px;
   padding-bottom: 8px;
 }
@@ -3312,6 +3312,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-decoration: underline;
 }
 .rs-calendar-table-header-cell-content {
+  display: inline-block;
   color: #8e8e93;
   color: var(--rs-text-secondary);
   font-size: 12px;
@@ -15047,6 +15048,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   left: 3px;
   top: 3px;
 }
+.rs-toggle .rs-toggle-loader .rs-loader-spin,
+.rs-toggle .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle .rs-toggle-loader .rs-loader-spin::after {
+  width: 18px;
+  height: 18px;
+}
 .rs-toggle .rs-toggle-presentation {
   height: 24px;
   min-width: 44px;
@@ -15210,6 +15217,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   left: 2px;
   top: 2px;
 }
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin,
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::after {
+  width: 10px;
+  height: 10px;
+}
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::after {
+  border-width: 2px;
+}
 .rs-toggle-sm .rs-toggle-presentation {
   height: 14px;
   min-width: 26px;
@@ -15256,6 +15273,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   left: 3px;
   top: 3px;
 }
+.rs-toggle-md .rs-toggle-loader .rs-loader-spin,
+.rs-toggle-md .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-md .rs-toggle-loader .rs-loader-spin::after {
+  width: 18px;
+  height: 18px;
+}
 .rs-toggle-md .rs-toggle-presentation {
   height: 24px;
   min-width: 44px;
@@ -15302,6 +15325,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   left: 4px;
   top: 4px;
 }
+.rs-toggle-lg .rs-toggle-loader .rs-loader-spin,
+.rs-toggle-lg .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-lg .rs-toggle-loader .rs-loader-spin::after {
+  width: 22px;
+  height: 22px;
+}
 .rs-toggle-lg .rs-toggle-presentation {
   height: 30px;
   min-width: 55px;

package/dist/rsuite.js

@@ -1731,7 +1731,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isSameMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameMonth */ \"./node_modules/date-fns/esm/isSameMonth/index.js\"));\n\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ./CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ./useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Calendar.tsx\",\n    _this = void 0;\n\nvar CalendarPanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,\n      bordered = props.bordered,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n      compact = props.compact,\n      _props$defaultValue = props.defaultValue,\n      defaultValue = _props$defaultValue === void 0 ? new Date() : _props$defaultValue,\n      isoWeek = props.isoWeek,\n      overrideLocale = props.locale,\n      onChange = props.onChange,\n      onMonthChange = props.onMonthChange,\n      onSelect = props.onSelect,\n      renderCell = props.renderCell,\n      value = props.value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"bordered\", \"className\", \"classPrefix\", \"compact\", \"defaultValue\", \"isoWeek\", \"locale\", \"onChange\", \"onMonthChange\", \"onSelect\", \"renderCell\", \"value\"]);\n\n  var _useCalendarDate = (0, _useCalendarDate2.default)(value, defaultValue),\n      calendarDate = _useCalendarDate.calendarDate,\n      setCalendarDate = _useCalendarDate.setCalendarDate;\n\n  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),\n      locale = _useCustom.locale;\n\n  var handleChange = (0, _react.useCallback)(function (nextValue) {\n    setCalendarDate(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);\n  }, [setCalendarDate, onChange]);\n  var handleClickToday = (0, _react.useCallback)(function () {\n    handleChange(new Date());\n  }, [handleChange]);\n  var handleSelect = (0, _react.useCallback)(function (nextValue) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);\n    handleChange(nextValue);\n  }, [handleChange, onSelect]); // Trigger onMonthChange when the month changes\n\n  var handleMonthChange = (0, _react.useCallback)(function (nextValue) {\n    if (!(0, _isSameMonth.default)(nextValue, calendarDate)) {\n      handleChange(nextValue);\n      onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextValue);\n    }\n  }, [calendarDate, handleChange, onMonthChange]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var renderToolbar = (0, _react.useCallback)(function () {\n    return /*#__PURE__*/_react.default.createElement(_Button.default, {\n      className: prefix('btn-today'),\n      size: \"sm\",\n      onClick: handleClickToday,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101,\n        columnNumber: 9\n      }\n    }, locale.today || 'Today');\n  }, [handleClickToday, locale.today, prefix]);\n  var customRenderCell = (0, _react.useCallback)(function (date) {\n    return renderCell === null || renderCell === void 0 ? void 0 : renderCell(date);\n  }, [renderCell]);\n  var classes = merge(className, withClassPrefix('panel', {\n    bordered: bordered,\n    compact: compact\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    inline: true,\n    className: classes,\n    ref: ref,\n    isoWeek: isoWeek,\n    format: \"yyyy-MM-dd\",\n    calendarDate: calendarDate,\n    limitEndYear: 1000,\n    locale: locale,\n    renderTitle: function renderTitle(date) {\n      return /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: date,\n        formatStr: locale.formattedMonthPattern || 'MMMM  yyyy',\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 124,\n          columnNumber: 11\n        }\n      });\n    },\n    renderToolbar: renderToolbar,\n    renderCell: customRenderCell,\n    onMoveForward: handleMonthChange,\n    onMoveBackward: handleMonthChange,\n    onChangeMonth: handleMonthChange,\n    onSelect: handleSelect,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 113,\n      columnNumber: 7\n    }\n  }));\n});\n\nCalendarPanel.displayName = 'CalendarPanel';\nCalendarPanel.propTypes = {\n  value: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  isoWeek: _propTypes.default.bool,\n  compact: _propTypes.default.bool,\n  bordered: _propTypes.default.bool,\n  locale: _propTypes.default.object,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  renderCell: _propTypes.default.func\n};\nvar _default = CalendarPanel;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Calendar.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isSameMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameMonth */ \"./node_modules/date-fns/esm/isSameMonth/index.js\"));\n\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ./CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ./useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Calendar.tsx\",\n    _this = void 0;\n\nvar Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,\n      bordered = props.bordered,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n      compact = props.compact,\n      _props$defaultValue = props.defaultValue,\n      defaultValue = _props$defaultValue === void 0 ? new Date() : _props$defaultValue,\n      isoWeek = props.isoWeek,\n      overrideLocale = props.locale,\n      onChange = props.onChange,\n      onMonthChange = props.onMonthChange,\n      onSelect = props.onSelect,\n      renderCell = props.renderCell,\n      value = props.value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"bordered\", \"className\", \"classPrefix\", \"compact\", \"defaultValue\", \"isoWeek\", \"locale\", \"onChange\", \"onMonthChange\", \"onSelect\", \"renderCell\", \"value\"]);\n\n  var _useCalendarDate = (0, _useCalendarDate2.default)(value, defaultValue),\n      calendarDate = _useCalendarDate.calendarDate,\n      setCalendarDate = _useCalendarDate.setCalendarDate;\n\n  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),\n      locale = _useCustom.locale;\n\n  var handleChange = (0, _react.useCallback)(function (nextValue) {\n    setCalendarDate(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);\n  }, [setCalendarDate, onChange]);\n  var handleClickToday = (0, _react.useCallback)(function () {\n    handleChange(new Date());\n  }, [handleChange]);\n  var handleSelect = (0, _react.useCallback)(function (nextValue) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);\n    handleChange(nextValue);\n  }, [handleChange, onSelect]); // Trigger onMonthChange when the month changes\n\n  var handleMonthChange = (0, _react.useCallback)(function (nextValue) {\n    if (!(0, _isSameMonth.default)(nextValue, calendarDate)) {\n      handleChange(nextValue);\n      onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextValue);\n    }\n  }, [calendarDate, handleChange, onMonthChange]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var renderToolbar = (0, _react.useCallback)(function () {\n    return /*#__PURE__*/_react.default.createElement(_Button.default, {\n      className: prefix('btn-today'),\n      size: \"sm\",\n      onClick: handleClickToday,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101,\n        columnNumber: 9\n      }\n    }, locale.today || 'Today');\n  }, [handleClickToday, locale.today, prefix]);\n  var customRenderCell = (0, _react.useCallback)(function (date) {\n    return renderCell === null || renderCell === void 0 ? void 0 : renderCell(date);\n  }, [renderCell]);\n  var classes = merge(className, withClassPrefix('panel', {\n    bordered: bordered,\n    compact: compact\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    inline: true,\n    className: classes,\n    ref: ref,\n    isoWeek: isoWeek,\n    format: \"yyyy-MM-dd\",\n    calendarDate: calendarDate,\n    limitEndYear: 1000,\n    locale: locale,\n    renderTitle: function renderTitle(date) {\n      return /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: date,\n        formatStr: locale.formattedMonthPattern || 'MMMM  yyyy',\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 124,\n          columnNumber: 11\n        }\n      });\n    },\n    renderToolbar: renderToolbar,\n    renderCell: customRenderCell,\n    onMoveForward: handleMonthChange,\n    onMoveBackward: handleMonthChange,\n    onChangeMonth: handleMonthChange,\n    onSelect: handleSelect,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 113,\n      columnNumber: 7\n    }\n  }));\n});\n\nCalendar.displayName = 'Calendar';\nCalendar.propTypes = {\n  value: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  isoWeek: _propTypes.default.bool,\n  compact: _propTypes.default.bool,\n  bordered: _propTypes.default.bool,\n  locale: _propTypes.default.object,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  onChange: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  renderCell: _propTypes.default.func\n};\nvar _default = Calendar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Calendar.tsx?");
 
 /***/ }),
 
@@ -1753,7 +1753,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _MonthDropdown = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\"));\n\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown.tsx\"));\n\nvar _CalendarBody = _interopRequireDefault(__webpack_require__(/*! ./CalendarBody */ \"./src/Calendar/CalendarBody.tsx\"));\n\nvar _CalendarHeader = _interopRequireDefault(__webpack_require__(/*! ./CalendarHeader */ \"./src/Calendar/CalendarHeader.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\n\nvar _useCalendarState2 = _interopRequireWildcard(__webpack_require__(/*! ./useCalendarState */ \"./src/Calendar/useCalendarState.ts\"));\n\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarContainer.tsx\",\n    _this = void 0;\n\nvar CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n      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      inSameMonth = props.inSameMonth,\n      _props$isoWeek = props.isoWeek,\n      isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n      limitEndYear = props.limitEndYear,\n      locale = props.locale,\n      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      calendarDate = props.calendarDate,\n      renderCell = props.renderCell,\n      renderTitle = props.renderTitle,\n      renderToolbar = props.renderToolbar,\n      showMeridian = props.showMeridian,\n      showWeekNumbers = props.showWeekNumbers,\n      inline = props.inline,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"dateRange\", \"disabledBackward\", \"defaultState\", \"disabledDate\", \"disabledForward\", \"format\", \"hoverRangeValue\", \"inSameMonth\", \"isoWeek\", \"limitEndYear\", \"locale\", \"onChangeMonth\", \"onChangeTime\", \"onMouseMove\", \"onMoveBackward\", \"onMoveForward\", \"onSelect\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"calendarDate\", \"renderCell\", \"renderTitle\", \"renderToolbar\", \"showMeridian\", \"showWeekNumbers\", \"inline\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useCalendarState = (0, _useCalendarState2.default)(defaultState),\n      calendarState = _useCalendarState.calendarState,\n      reset = _useCalendarState.reset,\n      openMonth = _useCalendarState.openMonth,\n      openTime = _useCalendarState.openTime;\n\n  var isDisabledDate = (0, _react.useCallback)(function (date) {\n    var _disabledDate;\n\n    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;\n  }, [disabledDate]);\n\n  var isTimeDisabled = function isTimeDisabled(date) {\n    return (0, _dateUtils.disabledTime)(props, date);\n  };\n\n  var handleMoveForward = (0, _react.useCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(calendarDate, 1));\n  }, [onMoveForward, calendarDate]);\n  var handleMoveBackward = (0, _react.useCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.addMonths)(calendarDate, -1));\n  }, [onMoveBackward, calendarDate]); // It is displayed as the month to be selected.\n\n  var toggleMonthView = (0, _react.useCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _useCalendarState2.CalendarState.MONTH);\n  }, [calendarState, onToggleMonthDropdown, openMonth, reset]); // It is displayed as a time to be selected.\n\n  var toggleTimeView = (0, _react.useCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _useCalendarState2.CalendarState.TIME);\n  }, [calendarState, onToggleTimeDropdown, openTime, reset]);\n  var handleCloseDropdown = (0, _react.useCallback)(function () {\n    return reset();\n  }, [reset]);\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 = (0, _react.useCallback)(function (date) {\n    return (0, _utils.composeFunctions)(function (d) {\n      return (0, _dateUtils.setDate)(d, 1);\n    }, function (d) {\n      return (0, _dateUtils.isSameMonth)(d, date);\n    })(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, _react.useCallback)(function (date, event) {\n    reset();\n    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth(date, event);\n  }, [onChangeMonth, reset]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      date: calendarDate,\n      dateRange: dateRange,\n      disabledDate: isDisabledDate,\n      format: format,\n      hoverRangeValue: hoverRangeValue,\n      inSameMonth: inSameMonth !== null && inSameMonth !== void 0 ? inSameMonth : inSameThisMonthDate,\n      isoWeek: isoWeek,\n      locale: locale,\n      onChangeMonth: handleChangeMonth,\n      onChangeTime: onChangeTime,\n      onMouseMove: onMouseMove,\n      onSelect: onSelect,\n      renderCell: renderCell,\n      showWeekNumbers: showWeekNumbers,\n      inline: inline\n    };\n  }, [calendarDate, dateRange, format, handleChangeMonth, hoverRangeValue, inSameMonth, inSameThisMonthDate, inline, isDisabledDate, isoWeek, locale, onChangeTime, onMouseMove, onSelect, renderCell, showWeekNumbers]);\n  return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 260,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, (0, _dateUtils.omitHideDisabledProps)(rest), {\n    className: calendarClasses,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 261,\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: 266,\n      columnNumber: 11\n    }\n  }), renderDate && /*#__PURE__*/_react.default.createElement(_CalendarBody.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 282,\n      columnNumber: 26\n    }\n  }), renderMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {\n    show: showMonth,\n    limitEndYear: limitEndYear,\n    disabledMonth: isDisabledDate,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 284,\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: 291,\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: 295,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 300,\n      columnNumber: 15\n    }\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  inSameMonth: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _MonthDropdown = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\"));\n\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown.tsx\"));\n\nvar _CalendarBody = _interopRequireDefault(__webpack_require__(/*! ./CalendarBody */ \"./src/Calendar/CalendarBody.tsx\"));\n\nvar _CalendarHeader = _interopRequireDefault(__webpack_require__(/*! ./CalendarHeader */ \"./src/Calendar/CalendarHeader.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\n\nvar _useCalendarState2 = _interopRequireWildcard(__webpack_require__(/*! ./useCalendarState */ \"./src/Calendar/useCalendarState.ts\"));\n\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarContainer.tsx\",\n    _this = void 0;\n\nvar CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n      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      limitEndYear = props.limitEndYear,\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      calendarDate = props.calendarDate,\n      renderCell = props.renderCell,\n      renderTitle = props.renderTitle,\n      renderToolbar = props.renderToolbar,\n      showMeridian = props.showMeridian,\n      showWeekNumbers = props.showWeekNumbers,\n      inline = props.inline,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"dateRange\", \"disabledBackward\", \"defaultState\", \"disabledDate\", \"disabledForward\", \"format\", \"hoverRangeValue\", \"isoWeek\", \"limitEndYear\", \"locale\", \"onChangeMonth\", \"onChangeTime\", \"onMouseMove\", \"onMoveBackward\", \"onMoveForward\", \"onSelect\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"calendarDate\", \"renderCell\", \"renderTitle\", \"renderToolbar\", \"showMeridian\", \"showWeekNumbers\", \"inline\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useCalendarState = (0, _useCalendarState2.default)(defaultState),\n      calendarState = _useCalendarState.calendarState,\n      reset = _useCalendarState.reset,\n      openMonth = _useCalendarState.openMonth,\n      openTime = _useCalendarState.openTime;\n\n  var isDisabledDate = (0, _react.useCallback)(function (date) {\n    var _disabledDate;\n\n    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;\n  }, [disabledDate]);\n\n  var isTimeDisabled = function isTimeDisabled(date) {\n    return (0, _dateUtils.disabledTime)(props, date);\n  };\n\n  var handleMoveForward = (0, _react.useCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(calendarDate, 1));\n  }, [onMoveForward, calendarDate]);\n  var handleMoveBackward = (0, _react.useCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.addMonths)(calendarDate, -1));\n  }, [onMoveBackward, calendarDate]); // It is displayed as the month to be selected.\n\n  var toggleMonthView = (0, _react.useCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _useCalendarState2.CalendarState.MONTH);\n  }, [calendarState, onToggleMonthDropdown, openMonth, reset]); // It is displayed as a time to be selected.\n\n  var toggleTimeView = (0, _react.useCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _useCalendarState2.CalendarState.TIME);\n  }, [calendarState, onToggleTimeDropdown, openTime, reset]);\n  var handleCloseDropdown = (0, _react.useCallback)(function () {\n    return reset();\n  }, [reset]);\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 = (0, _react.useCallback)(function (date) {\n    return (0, _dateUtils.isSameMonth)(calendarDate, date);\n  }, [calendarDate]);\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, _react.useCallback)(function (date, event) {\n    reset();\n    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth(date, event);\n  }, [onChangeMonth, reset]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      date: calendarDate,\n      dateRange: dateRange,\n      disabledDate: isDisabledDate,\n      format: format,\n      hoverRangeValue: hoverRangeValue,\n      inSameMonth: inSameThisMonthDate,\n      isoWeek: isoWeek,\n      locale: locale,\n      onChangeMonth: handleChangeMonth,\n      onChangeTime: onChangeTime,\n      onMouseMove: onMouseMove,\n      onSelect: onSelect,\n      renderCell: renderCell,\n      showWeekNumbers: showWeekNumbers,\n      inline: inline\n    };\n  }, [calendarDate, dateRange, format, handleChangeMonth, hoverRangeValue, inSameThisMonthDate, inline, isDisabledDate, isoWeek, locale, onChangeTime, onMouseMove, onSelect, renderCell, showWeekNumbers]);\n  return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 250,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, (0, _dateUtils.omitHideDisabledProps)(rest), {\n    className: calendarClasses,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 251,\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: 256,\n      columnNumber: 11\n    }\n  }), renderDate && /*#__PURE__*/_react.default.createElement(_CalendarBody.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 272,\n      columnNumber: 26\n    }\n  }), renderMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {\n    show: showMonth,\n    limitEndYear: limitEndYear,\n    disabledMonth: isDisabledDate,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 274,\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: 281,\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: 285,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 290,\n      columnNumber: 15\n    }\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  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?");
 
 /***/ }),
 
@@ -2226,7 +2226,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar isEl
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\n\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\n\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\n\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\n\nvar _MonthDropdown = __webpack_require__(/*! ../Calendar/MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\");\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\n\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ./PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _OverlayTrigger = __webpack_require__(/*! ../Overlay/OverlayTrigger */ \"./src/Overlay/OverlayTrigger.tsx\");\n\nvar _deprecatePropType = __webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n    _this = void 0;\n\nvar DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n      calendarDefaultDate = props.calendarDefaultDate,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      _props$editable = props.editable,\n      editable = _props$editable === void 0 ? true : _props$editable,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      _props$format = props.format,\n      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      isoWeek = props.isoWeek,\n      _props$limitEndYear = props.limitEndYear,\n      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n      overrideLocale = props.locale,\n      menuClassName = props.menuClassName,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      oneTap = props.oneTap,\n      _props$placeholder = props.placeholder,\n      placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n      ranges = props.ranges,\n      valueProp = props.value,\n      showMeridian = props.showMeridian,\n      showWeekNumbers = props.showWeekNumbers,\n      style = props.style,\n      toggleAs = props.toggleAs,\n      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      renderValue = props.renderValue,\n      onChange = props.onChange,\n      onChangeCalendarDate = props.onChangeCalendarDate,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onNextMonth = props.onNextMonth,\n      onOk = props.onOk,\n      onOpen = props.onOpen,\n      onPrevMonth = props.onPrevMonth,\n      onSelect = props.onSelect,\n      onToggleMonthDropdown = props.onToggleMonthDropdown,\n      onToggleTimeDropdown = props.onToggleTimeDropdown,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"editable\", \"defaultValue\", \"disabled\", \"format\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"appearance\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"toggleAs\", \"caretAs\", \"disabledDate\", \"disabledHours\", \"disabledMinutes\", \"disabledSeconds\", \"shouldDisableDate\", \"shouldDisableHour\", \"shouldDisableMinute\", \"shouldDisableSecond\", \"renderValue\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onClose\", \"onEntered\", \"onExited\", \"onNextMonth\", \"onOk\", \"onOpen\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\"]);\n\n  var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate,\n      parseDate = _useCustom.parseDate;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var _useCalendarDate = (0, _useCalendarDate2.default)(valueProp, calendarDefaultDate),\n      calendarDate = _useCalendarDate.calendarDate,\n      setCalendarDate = _useCalendarDate.setCalendarDate,\n      resetCalendarDate = _useCalendarDate.resetCalendarDate;\n\n  var _useState = (0, _react.useState)(),\n      inputState = _useState[0],\n      setInputState = _useState[1];\n\n  var _useState2 = (0, _react.useState)(false),\n      active = _useState2[0],\n      setActive = _useState2[1];\n\n  var triggerRef = (0, _react.useRef)(null);\n  var rootRef = (0, _react.useRef)(null);\n  var targetRef = (0, _react.useRef)(null);\n  var overlayRef = (0, _react.useRef)(null);\n  (0, _Picker.usePublicMethods)(ref, {\n    rootRef: rootRef,\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n\n  var handleMoveForward = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  }, [onChangeCalendarDate, onNextMonth, setCalendarDate]);\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n\n  var handleMoveBackward = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  }, [onChangeCalendarDate, onPrevMonth, setCalendarDate]);\n  /**\n   * The callback triggered when the date changes.\n   */\n\n  var handleDateChange = (0, _react.useCallback)(function (nextValue, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);\n  }, [onChangeCalendarDate, onSelect]);\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n\n  var handleChangeTime = (0, _react.useCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  }, [handleDateChange, setCalendarDate]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n\n  var handleToggleMeridian = (0, _react.useCallback)(function () {\n    var hours = _utils.DateUtils.getHours(calendarDate);\n\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n\n    var nextDate = _utils.DateUtils.setHours(calendarDate, nextHours);\n\n    handleChangeTime(nextDate);\n  }, [calendarDate, handleChangeTime]);\n  var updateValue = (0, _react.useCallback)(function (event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var nextValue = typeof nextPageDate !== 'undefined' ? nextPageDate : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n\n    if (nextValue !== value) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  }, [handleClose, onChange, calendarDate, setCalendarDate, setValue, value]);\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n\n  var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n  }, [handleDateChange, updateValue]);\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n\n  var handleOK = (0, _react.useCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n  }, [updateValue, onOk, calendarDate]);\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _react.useCallback)(function (event) {\n    updateValue(event, null);\n    resetCalendarDate(null);\n  }, [resetCalendarDate, updateValue]);\n  /**\n   * Handle keyboard events.\n   */\n\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    active: active,\n    onExit: handleClean\n  }, rest));\n  /**\n   * Callback after the date is selected.\n   */\n\n  var handleSelect = (0, _react.useCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n\n    setCalendarDate( // Determine whether the current value contains time, if not, use calendarDate.\n    _utils.DateUtils.shouldRenderTime(formatStr) ? nextValue : (0, _utils.composeFunctions)(function (d) {\n      return _utils.DateUtils.setHours(d, _utils.DateUtils.getHours(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setMinutes(d, _utils.DateUtils.getMinutes(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setSeconds(d, _utils.DateUtils.getSeconds(calendarDate));\n    })(nextValue));\n    handleDateChange(nextValue);\n\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n    }\n  }, [formatStr, handleDateChange, oneTap, calendarDate, setCalendarDate, updateValue]);\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n\n  var handleChangeMonth = (0, _react.useCallback)(function (nextPageDate, event) {\n    setCalendarDate(nextPageDate);\n    handleDateChange(nextPageDate); // Show only the calendar month panel. formatStr = 'yyyy-MM'\n\n    var onlyShowMonth = _utils.DateUtils.shouldRenderMonth(formatStr) && !_utils.DateUtils.shouldRenderDate(formatStr);\n\n    if (oneTap && onlyShowMonth) {\n      updateValue(event, nextPageDate);\n    }\n  }, [formatStr, handleDateChange, oneTap, setCalendarDate, updateValue]);\n  var isDateDisabled = (0, _react.useCallback)(function (date) {\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date);\n    }\n\n    if (typeof DEPRECATED_disabledDate === 'function') {\n      return DEPRECATED_disabledDate(date);\n    }\n\n    return false;\n  }, [DEPRECATED_disabledDate, shouldDisableDate]);\n  /**\n   * Callback after the input box value is changed.\n   */\n\n  var handleInputChange = (0, _react.useCallback)(function (value, event) {\n    setInputState('Typing'); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true\n    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false\n\n    if (!_utils.DateUtils.isMatch(value, formatStr, {\n      locale: locale.dateLocale\n    })) {\n      setInputState('Error');\n      return;\n    }\n\n    var date = parseDate(value, formatStr); // If only the time is included in the characters, it will default to today.\n\n    if (_utils.DateUtils.shouldOnlyRenderTime(formatStr)) {\n      date = new Date(_utils.DateUtils.format(new Date(), 'yyyy-MM-dd') + \" \" + value);\n    }\n\n    if (!_utils.DateUtils.isValid(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    if (isDateDisabled(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    handleSelect(date, event, false);\n  }, [formatStr, locale, parseDate, isDateDisabled, handleSelect]);\n  /**\n   * The callback after the enter key is triggered on the input\n   */\n\n  var handleInputPressEnd = (0, _react.useCallback)(function (event) {\n    if (inputState === 'Typing') {\n      updateValue(event, calendarDate);\n    }\n\n    setInputState('Initial');\n  }, [inputState, calendarDate, updateValue]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    setActive(false);\n  }, [onClose]); // Check whether the time is within the time range of the shortcut option in the toolbar.\n\n  var disabledToolbarHandle = (0, _react.useCallback)(function (date) {\n    var _DEPRECATED_disabledD;\n\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\n    var allowTime = _utils.DateUtils.disabledTime(props, date);\n\n    return allowDate || allowTime;\n  }, [DEPRECATED_disabledDate, props]);\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\n  var isOKButtonDisabled = (0, _react.useCallback)(function (selectedDate) {\n    if (_utils.DateUtils.shouldRenderMonth(formatStr) && !_utils.DateUtils.shouldRenderDate(formatStr)) {\n      return (0, _MonthDropdown.isEveryDateInMonth)(selectedDate.getFullYear(), selectedDate.getMonth(), disabledToolbarHandle);\n    }\n\n    return disabledToolbarHandle(selectedDate);\n  }, [disabledToolbarHandle, formatStr]);\n  var calendarProps = (0, _react.useMemo)(function () {\n    return (0, _mapValues.default)((0, _pick.default)(props, _utils.DateUtils.calendarOnlyProps), function (disabledOrHiddenTimeFunc) {\n      return function (next, date) {\n        var _disabledOrHiddenTime;\n\n        return (_disabledOrHiddenTime = disabledOrHiddenTimeFunc === null || disabledOrHiddenTimeFunc === void 0 ? void 0 : disabledOrHiddenTimeFunc(next, date)) !== null && _disabledOrHiddenTime !== void 0 ? _disabledOrHiddenTime : false;\n      };\n    });\n  }, [props]);\n  var inSameMonth = (0, _react.useCallback)(function (date) {\n    return _utils.DateUtils.isSameMonth(date, calendarDate);\n  }, [calendarDate]);\n\n  var calendar = /*#__PURE__*/_react.default.createElement(_CalendarContainer.default, (0, _extends2.default)({}, calendarProps, {\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    format: formatStr,\n    isoWeek: isoWeek,\n    inSameMonth: inSameMonth,\n    calendarDate: calendarDate,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onSelect: handleSelect,\n    onToggleMonthDropdown: onToggleMonthDropdown,\n    onToggleTimeDropdown: onToggleTimeDropdown,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: handleChangeTime,\n    onToggleMeridian: handleToggleMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 545,\n      columnNumber: 7\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\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(menuClassName, className, prefix('date-menu'));\n    var styles = {\n      left: left,\n      top: top\n    };\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      role: \"dialog\",\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      style: styles,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 580,\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: 587,\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      onClickShortcut: handleShortcutPageDate,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 589,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, calendar, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: bottomRanges,\n      calendarDate: calendarDate,\n      disabledOkBtn: isOKButtonDisabled,\n      disabledShortcut: disabledToolbarHandle,\n      onClickShortcut: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 603,\n        columnNumber: 15\n      }\n    }))));\n  };\n\n  var hasValue = !!value;\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    classPrefix: classPrefix,\n    name: 'date',\n    appearance: appearance,\n    hasValue: hasValue,\n    cleanable: cleanable\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  var renderDate = (0, _react.useCallback)(function () {\n    var _renderValue;\n\n    if (!value) {\n      return placeholder || formatStr;\n    }\n\n    return (_renderValue = renderValue === null || renderValue === void 0 ? void 0 : renderValue(value, formatStr)) !== null && _renderValue !== void 0 ? _renderValue : formatDate(value, formatStr);\n  }, [formatStr, formatDate, placeholder, renderValue, value]);\n  var caretAs = (0, _react.useMemo)(function () {\n    return caretAsProp || (_utils.DateUtils.shouldOnlyRenderTime(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onClose: function onClose(cause) {\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    },\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 644,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes),\n    style: style,\n    ref: rootRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 660,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils.DateUtils.calendarOnlyProps)), {\n    className: prefix({\n      error: inputState === 'Error'\n    }),\n    as: toggleAs,\n    ref: targetRef,\n    appearance: appearance,\n    editable: editable,\n    inputValue: value ? formatDate(value, formatStr) : '',\n    inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : formatStr,\n    inputMask: _utils.DateUtils.getDateMask(formatStr),\n    onInputChange: handleInputChange,\n    onInputBlur: handleInputPressEnd,\n    onInputPressEnter: handleInputPressEnd,\n    onKeyDown: onPickerKeyDown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    disabled: disabled,\n    caretAs: caretAs,\n    \"aria-haspopup\": \"dialog\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 661,\n      columnNumber: 11\n    }\n  }), renderDate())));\n});\n\nDatePicker.displayName = 'DatePicker';\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  disabledDate: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  disabledHours: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableHour\" property instead.'),\n  disabledMinutes: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableMinute\" property instead.'),\n  disabledSeconds: (0, _deprecatePropType.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  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  oneTap: _propTypes.default.bool,\n  panelContainerRef: _propTypes.default.any,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = DatePicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\n\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\n\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\n\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\n\nvar _MonthDropdown = __webpack_require__(/*! ../Calendar/MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\");\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\n\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ./PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _OverlayTrigger = __webpack_require__(/*! ../Overlay/OverlayTrigger */ \"./src/Overlay/OverlayTrigger.tsx\");\n\nvar _deprecatePropType = __webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n    _this = void 0;\n\nvar DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n      calendarDefaultDate = props.calendarDefaultDate,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      _props$editable = props.editable,\n      editable = _props$editable === void 0 ? true : _props$editable,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      _props$format = props.format,\n      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      isoWeek = props.isoWeek,\n      _props$limitEndYear = props.limitEndYear,\n      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n      overrideLocale = props.locale,\n      menuClassName = props.menuClassName,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      oneTap = props.oneTap,\n      _props$placeholder = props.placeholder,\n      placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n      ranges = props.ranges,\n      valueProp = props.value,\n      showMeridian = props.showMeridian,\n      showWeekNumbers = props.showWeekNumbers,\n      style = props.style,\n      toggleAs = props.toggleAs,\n      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      renderValue = props.renderValue,\n      onChange = props.onChange,\n      onChangeCalendarDate = props.onChangeCalendarDate,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onNextMonth = props.onNextMonth,\n      onOk = props.onOk,\n      onOpen = props.onOpen,\n      onPrevMonth = props.onPrevMonth,\n      onSelect = props.onSelect,\n      onToggleMonthDropdown = props.onToggleMonthDropdown,\n      onToggleTimeDropdown = props.onToggleTimeDropdown,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"editable\", \"defaultValue\", \"disabled\", \"format\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"appearance\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"toggleAs\", \"caretAs\", \"disabledDate\", \"disabledHours\", \"disabledMinutes\", \"disabledSeconds\", \"shouldDisableDate\", \"shouldDisableHour\", \"shouldDisableMinute\", \"shouldDisableSecond\", \"renderValue\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onClose\", \"onEntered\", \"onExited\", \"onNextMonth\", \"onOk\", \"onOpen\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\"]);\n\n  var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate,\n      parseDate = _useCustom.parseDate;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var _useCalendarDate = (0, _useCalendarDate2.default)(valueProp, calendarDefaultDate),\n      calendarDate = _useCalendarDate.calendarDate,\n      setCalendarDate = _useCalendarDate.setCalendarDate,\n      resetCalendarDate = _useCalendarDate.resetCalendarDate;\n\n  var _useState = (0, _react.useState)(),\n      inputState = _useState[0],\n      setInputState = _useState[1];\n\n  var _useState2 = (0, _react.useState)(false),\n      active = _useState2[0],\n      setActive = _useState2[1];\n\n  var triggerRef = (0, _react.useRef)(null);\n  var rootRef = (0, _react.useRef)(null);\n  var targetRef = (0, _react.useRef)(null);\n  var overlayRef = (0, _react.useRef)(null);\n  (0, _Picker.usePublicMethods)(ref, {\n    rootRef: rootRef,\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n\n  var handleMoveForward = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  }, [onChangeCalendarDate, onNextMonth, setCalendarDate]);\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n\n  var handleMoveBackward = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  }, [onChangeCalendarDate, onPrevMonth, setCalendarDate]);\n  /**\n   * The callback triggered when the date changes.\n   */\n\n  var handleDateChange = (0, _react.useCallback)(function (nextValue, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);\n  }, [onChangeCalendarDate, onSelect]);\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n\n  var handleChangeTime = (0, _react.useCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  }, [handleDateChange, setCalendarDate]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n\n  var handleToggleMeridian = (0, _react.useCallback)(function () {\n    var hours = _utils.DateUtils.getHours(calendarDate);\n\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n\n    var nextDate = _utils.DateUtils.setHours(calendarDate, nextHours);\n\n    handleChangeTime(nextDate);\n  }, [calendarDate, handleChangeTime]);\n  var updateValue = (0, _react.useCallback)(function (event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var nextValue = typeof nextPageDate !== 'undefined' ? nextPageDate : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n\n    if (nextValue !== value) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  }, [handleClose, onChange, calendarDate, setCalendarDate, setValue, value]);\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n\n  var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n  }, [handleDateChange, updateValue]);\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n\n  var handleOK = (0, _react.useCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n  }, [updateValue, onOk, calendarDate]);\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _react.useCallback)(function (event) {\n    updateValue(event, null);\n    resetCalendarDate(null);\n  }, [resetCalendarDate, updateValue]);\n  /**\n   * Handle keyboard events.\n   */\n\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    active: active,\n    onExit: handleClean\n  }, rest));\n  /**\n   * Callback after the date is selected.\n   */\n\n  var handleSelect = (0, _react.useCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n\n    setCalendarDate( // Determine whether the current value contains time, if not, use calendarDate.\n    _utils.DateUtils.shouldRenderTime(formatStr) ? nextValue : (0, _utils.composeFunctions)(function (d) {\n      return _utils.DateUtils.setHours(d, _utils.DateUtils.getHours(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setMinutes(d, _utils.DateUtils.getMinutes(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setSeconds(d, _utils.DateUtils.getSeconds(calendarDate));\n    })(nextValue));\n    handleDateChange(nextValue);\n\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n    }\n  }, [formatStr, handleDateChange, oneTap, calendarDate, setCalendarDate, updateValue]);\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n\n  var handleChangeMonth = (0, _react.useCallback)(function (nextPageDate, event) {\n    setCalendarDate(nextPageDate);\n    handleDateChange(nextPageDate); // Show only the calendar month panel. formatStr = 'yyyy-MM'\n\n    var onlyShowMonth = _utils.DateUtils.shouldRenderMonth(formatStr) && !_utils.DateUtils.shouldRenderDate(formatStr);\n\n    if (oneTap && onlyShowMonth) {\n      updateValue(event, nextPageDate);\n    }\n  }, [formatStr, handleDateChange, oneTap, setCalendarDate, updateValue]);\n  var isDateDisabled = (0, _react.useCallback)(function (date) {\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date);\n    }\n\n    if (typeof DEPRECATED_disabledDate === 'function') {\n      return DEPRECATED_disabledDate(date);\n    }\n\n    return false;\n  }, [DEPRECATED_disabledDate, shouldDisableDate]);\n  /**\n   * Callback after the input box value is changed.\n   */\n\n  var handleInputChange = (0, _react.useCallback)(function (value, event) {\n    setInputState('Typing'); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true\n    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false\n\n    if (!_utils.DateUtils.isMatch(value, formatStr, {\n      locale: locale.dateLocale\n    })) {\n      setInputState('Error');\n      return;\n    }\n\n    var date = parseDate(value, formatStr); // If only the time is included in the characters, it will default to today.\n\n    if (_utils.DateUtils.shouldOnlyRenderTime(formatStr)) {\n      date = new Date(_utils.DateUtils.format(new Date(), 'yyyy-MM-dd') + \" \" + value);\n    }\n\n    if (!_utils.DateUtils.isValid(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    if (isDateDisabled(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    handleSelect(date, event, false);\n  }, [formatStr, locale, parseDate, isDateDisabled, handleSelect]);\n  /**\n   * The callback after the enter key is triggered on the input\n   */\n\n  var handleInputPressEnd = (0, _react.useCallback)(function (event) {\n    if (inputState === 'Typing') {\n      updateValue(event, calendarDate);\n    }\n\n    setInputState('Initial');\n  }, [inputState, calendarDate, updateValue]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    setActive(false);\n  }, [onClose]); // Check whether the time is within the time range of the shortcut option in the toolbar.\n\n  var disabledToolbarHandle = (0, _react.useCallback)(function (date) {\n    var _DEPRECATED_disabledD;\n\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\n    var allowTime = _utils.DateUtils.disabledTime(props, date);\n\n    return allowDate || allowTime;\n  }, [DEPRECATED_disabledDate, props]);\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\n  var isOKButtonDisabled = (0, _react.useCallback)(function (selectedDate) {\n    if (_utils.DateUtils.shouldRenderMonth(formatStr) && !_utils.DateUtils.shouldRenderDate(formatStr)) {\n      return (0, _MonthDropdown.isEveryDateInMonth)(selectedDate.getFullYear(), selectedDate.getMonth(), disabledToolbarHandle);\n    }\n\n    return disabledToolbarHandle(selectedDate);\n  }, [disabledToolbarHandle, formatStr]);\n  var calendarProps = (0, _react.useMemo)(function () {\n    return (0, _mapValues.default)((0, _pick.default)(props, _utils.DateUtils.calendarOnlyProps), function (disabledOrHiddenTimeFunc) {\n      return function (next, date) {\n        var _disabledOrHiddenTime;\n\n        return (_disabledOrHiddenTime = disabledOrHiddenTimeFunc === null || disabledOrHiddenTimeFunc === void 0 ? void 0 : disabledOrHiddenTimeFunc(next, date)) !== null && _disabledOrHiddenTime !== void 0 ? _disabledOrHiddenTime : false;\n      };\n    });\n  }, [props]);\n\n  var calendar = /*#__PURE__*/_react.default.createElement(_CalendarContainer.default, (0, _extends2.default)({}, calendarProps, {\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    format: formatStr,\n    isoWeek: isoWeek,\n    calendarDate: calendarDate,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onSelect: handleSelect,\n    onToggleMonthDropdown: onToggleMonthDropdown,\n    onToggleTimeDropdown: onToggleTimeDropdown,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: handleChangeTime,\n    onToggleMeridian: handleToggleMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 540,\n      columnNumber: 7\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\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(menuClassName, className, prefix('date-menu'));\n    var styles = {\n      left: left,\n      top: top\n    };\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      role: \"dialog\",\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      style: styles,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 574,\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: 581,\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      onClickShortcut: handleShortcutPageDate,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 583,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, calendar, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: bottomRanges,\n      calendarDate: calendarDate,\n      disabledOkBtn: isOKButtonDisabled,\n      disabledShortcut: disabledToolbarHandle,\n      onClickShortcut: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 597,\n        columnNumber: 15\n      }\n    }))));\n  };\n\n  var hasValue = !!value;\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    classPrefix: classPrefix,\n    name: 'date',\n    appearance: appearance,\n    hasValue: hasValue,\n    cleanable: cleanable\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  var renderDate = (0, _react.useCallback)(function () {\n    var _renderValue;\n\n    if (!value) {\n      return placeholder || formatStr;\n    }\n\n    return (_renderValue = renderValue === null || renderValue === void 0 ? void 0 : renderValue(value, formatStr)) !== null && _renderValue !== void 0 ? _renderValue : formatDate(value, formatStr);\n  }, [formatStr, formatDate, placeholder, renderValue, value]);\n  var caretAs = (0, _react.useMemo)(function () {\n    return caretAsProp || (_utils.DateUtils.shouldOnlyRenderTime(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onClose: function onClose(cause) {\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    },\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 638,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes),\n    style: style,\n    ref: rootRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 654,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils.DateUtils.calendarOnlyProps)), {\n    className: prefix({\n      error: inputState === 'Error'\n    }),\n    as: toggleAs,\n    ref: targetRef,\n    appearance: appearance,\n    editable: editable,\n    inputValue: value ? formatDate(value, formatStr) : '',\n    inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : formatStr,\n    inputMask: _utils.DateUtils.getDateMask(formatStr),\n    onInputChange: handleInputChange,\n    onInputBlur: handleInputPressEnd,\n    onInputPressEnter: handleInputPressEnd,\n    onKeyDown: onPickerKeyDown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    disabled: disabled,\n    caretAs: caretAs,\n    \"aria-haspopup\": \"dialog\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 655,\n      columnNumber: 11\n    }\n  }), renderDate())));\n});\n\nDatePicker.displayName = 'DatePicker';\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  disabledDate: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  disabledHours: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableHour\" property instead.'),\n  disabledMinutes: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableMinute\" property instead.'),\n  disabledSeconds: (0, _deprecatePropType.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  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  oneTap: _propTypes.default.bool,\n  panelContainerRef: _propTypes.default.any,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = DatePicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
 
 /***/ }),
 
@@ -2281,7 +2281,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/Calendar.tsx\",\n    _this = void 0;\n\nvar Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,\n      _props$calendarDate = props.calendarDate,\n      calendarDate = _props$calendarDate === void 0 ? [new Date(), (0, _dateUtils.addMonths)(new Date(), 1)] : _props$calendarDate,\n      _props$format = props.format,\n      format = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      disabledDate = props.disabledDate,\n      _props$index = props.index,\n      index = _props$index === void 0 ? 0 : _props$index,\n      limitEndYear = props.limitEndYear,\n      onChangeCalendarMonth = props.onChangeCalendarMonth,\n      onChangeCalendarTime = props.onChangeCalendarTime,\n      onToggleMeridian = props.onToggleMeridian,\n      onSelect = props.onSelect,\n      _props$value = props.value,\n      value = _props$value === void 0 ? [] : _props$value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"calendarDate\", \"format\", \"disabledDate\", \"index\", \"limitEndYear\", \"onChangeCalendarMonth\", \"onChangeCalendarTime\", \"onToggleMeridian\", \"onSelect\", \"value\"]);\n  var onMoveForward = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);\n  }, [index, onChangeCalendarMonth]);\n  var onMoveBackward = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);\n  }, [index, onChangeCalendarMonth]);\n  var handleSelect = (0, _react.useCallback)(function (date, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(index, date, event);\n  }, [index, onSelect]);\n  var handleChangeMonth = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);\n  }, [index, onChangeCalendarMonth]);\n  var handleChangeTime = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarTime === null || onChangeCalendarTime === void 0 ? void 0 : onChangeCalendarTime(index, nextPageDate);\n  }, [index, onChangeCalendarTime]);\n  var handleToggleMeridian = (0, _react.useCallback)(function (event) {\n    onToggleMeridian(index, event);\n  }, [index, onToggleMeridian]);\n  var inSameMonth = (0, _react.useCallback)(function (date) {\n    return (0, _dateUtils.isSameMonth)(date, calendarDate[index]);\n  }, [calendarDate, index]);\n  var getCalendarDate = (0, _react.useCallback)(function () {\n    return calendarDate[index];\n  }, [calendarDate, index]);\n  var handleMoveForward = (0, _react.useCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(getCalendarDate(), 1));\n  }, [getCalendarDate, onMoveForward]);\n  var handleMoveBackward = (0, _react.useCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.addMonths)(getCalendarDate(), -1));\n  }, [getCalendarDate, onMoveBackward]);\n  var disabledMonth = (0, _react.useCallback)(function (date) {\n    return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date, value, _utils.DATERANGE_DISABLED_TARGET.CALENDAR);\n  }, [disabledDate, value]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    format: format,\n    dateRange: value,\n    disabledDate: disabledMonth,\n    inSameMonth: inSameMonth,\n    index: index,\n    limitEndYear: limitEndYear,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: handleChangeTime,\n    onMoveBackward: handleMoveBackward,\n    onMoveForward: handleMoveForward,\n    onToggleMeridian: handleToggleMeridian,\n    onSelect: handleSelect,\n    calendarDate: getCalendarDate(),\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 121,\n      columnNumber: 7\n    }\n  }));\n});\n\nCalendar.displayName = 'DateRangePicker.Calendar';\nCalendar.propTypes = {\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  calendarDate: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  index: _propTypes.default.number,\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  classPrefix: _propTypes.default.string,\n  disabledDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseMove: _propTypes.default.func,\n  onChangeCalendarMonth: _propTypes.default.func\n};\nvar _default = Calendar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/Calendar.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/Calendar.tsx\",\n    _this = void 0;\n\nvar Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,\n      _props$calendarDate = props.calendarDate,\n      calendarDate = _props$calendarDate === void 0 ? [new Date(), (0, _dateUtils.addMonths)(new Date(), 1)] : _props$calendarDate,\n      _props$format = props.format,\n      format = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      disabledDate = props.disabledDate,\n      _props$index = props.index,\n      index = _props$index === void 0 ? 0 : _props$index,\n      limitEndYear = props.limitEndYear,\n      onChangeCalendarMonth = props.onChangeCalendarMonth,\n      onChangeCalendarTime = props.onChangeCalendarTime,\n      onToggleMeridian = props.onToggleMeridian,\n      onSelect = props.onSelect,\n      _props$value = props.value,\n      value = _props$value === void 0 ? [] : _props$value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"calendarDate\", \"format\", \"disabledDate\", \"index\", \"limitEndYear\", \"onChangeCalendarMonth\", \"onChangeCalendarTime\", \"onToggleMeridian\", \"onSelect\", \"value\"]);\n  var onMoveForward = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);\n  }, [index, onChangeCalendarMonth]);\n  var onMoveBackward = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);\n  }, [index, onChangeCalendarMonth]);\n  var handleSelect = (0, _react.useCallback)(function (date, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(index, date, event);\n  }, [index, onSelect]);\n  var handleChangeMonth = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);\n  }, [index, onChangeCalendarMonth]);\n  var handleChangeTime = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarTime === null || onChangeCalendarTime === void 0 ? void 0 : onChangeCalendarTime(index, nextPageDate);\n  }, [index, onChangeCalendarTime]);\n  var handleToggleMeridian = (0, _react.useCallback)(function (event) {\n    onToggleMeridian(index, event);\n  }, [index, onToggleMeridian]);\n  var getCalendarDate = (0, _react.useCallback)(function () {\n    return calendarDate[index];\n  }, [calendarDate, index]);\n  var handleMoveForward = (0, _react.useCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(getCalendarDate(), 1));\n  }, [getCalendarDate, onMoveForward]);\n  var handleMoveBackward = (0, _react.useCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.addMonths)(getCalendarDate(), -1));\n  }, [getCalendarDate, onMoveBackward]);\n  var disabledMonth = (0, _react.useCallback)(function (date) {\n    return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date, value, _utils.DATERANGE_DISABLED_TARGET.CALENDAR);\n  }, [disabledDate, value]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    format: format,\n    dateRange: value,\n    disabledDate: disabledMonth,\n    index: index,\n    limitEndYear: limitEndYear,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: handleChangeTime,\n    onMoveBackward: handleMoveBackward,\n    onMoveForward: handleMoveForward,\n    onToggleMeridian: handleToggleMeridian,\n    onSelect: handleSelect,\n    calendarDate: getCalendarDate(),\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116,\n      columnNumber: 7\n    }\n  }));\n});\n\nCalendar.displayName = 'DateRangePicker.Calendar';\nCalendar.propTypes = {\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  calendarDate: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  index: _propTypes.default.number,\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  classPrefix: _propTypes.default.string,\n  disabledDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseMove: _propTypes.default.func,\n  onChangeCalendarMonth: _propTypes.default.func\n};\nvar _default = Calendar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/Calendar.tsx?");
 
 /***/ }),