rsuite 5.72.0 → 5.73.1

package/RadioTile/styles/index.css

@@ -1,6 +1,67 @@
+:root,
+.rs-theme-light {
+  --rs-gray-200: #e5e5ea;
+  --rs-gray-300: #d9d9d9;
+  --rs-gray-400: #b6b7b8;
+  --rs-gray-600: #717273;
+  --rs-gray-800: #343434;
+  --rs-primary-200: #a6d7ff;
+  --rs-primary-500: #3498ff;
+  --rs-primary-900: #004299;
+  --rs-text-secondary: var(--rs-gray-600);
+  --rs-text-disabled: var(--rs-gray-600);
+  --rs-radio-tile-border: var(--rs-gray-300);
+  --rs-radio-tile-checked-color: var(--rs-primary-500);
+  --rs-radio-tile-checked-mark-color: #fff;
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-200);
+  --rs-radio-tile-icon-size: 32px;
+}
+.rs-theme-dark {
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-300: #858b94;
+  --rs-gray-400: #6a6f76;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-800: #1a1d24;
+  --rs-primary-200: #a6e9ff;
+  --rs-primary-500: #34c3ff;
+  --rs-primary-900: #006199;
+  --rs-text-secondary: var(--rs-gray-200);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-radio-tile-border: var(--rs-gray-300);
+  --rs-radio-tile-checked-color: var(--rs-primary-500);
+  --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
+}
+.rs-theme-high-contrast {
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-300: #858b94;
+  --rs-gray-400: #6a6f76;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-800: #1a1d24;
+  --rs-primary-200: #fffa91;
+  --rs-primary-500: #ffff00;
+  --rs-primary-900: #8f9900;
+  --rs-text-secondary: var(--rs-gray-200);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-radio-tile-border: var(--rs-gray-300);
+  --rs-radio-tile-checked-color: var(--rs-primary-500);
+  --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
+}
+/* stylelint-disable */
+*[class*='rs-'] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*[class*='rs-']::before,
+*[class*='rs-']::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
 .rs-radio-tile {
   border-radius: 6px;
   overflow: hidden;
+  border: 2px solid #d9d9d9;
   border: 2px solid var(--rs-radio-tile-border);
   padding: 10px;
   position: relative;
@@ -10,9 +71,11 @@
   font-weight: bold;
 }
 .rs-radio-tile-content {
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-radio-tile-mark {
+  background: #3498ff;
   background: var(--rs-radio-tile-checked-color);
   border-bottom-left-radius: 50%;
   height: 48px;
@@ -28,23 +91,28 @@
   font-size: 16px;
   top: 25px;
   left: 7px;
+  color: #fff;
   color: var(--rs-radio-tile-checked-mark-color);
 }
 .rs-radio-tile-checked .rs-radio-tile-mark {
   opacity: 1;
 }
 .rs-radio-tile-checked.rs-radio-tile-disabled {
+  border-color: #a6d7ff;
   border-color: var(--rs-radio-tile-checked-disabled-color);
 }
 .rs-radio-tile-checked.rs-radio-tile-disabled .rs-radio-tile-mark {
+  background-color: #a6d7ff;
   background-color: var(--rs-radio-tile-checked-disabled-color);
 }
 .rs-radio-tile-checked,
 .rs-radio-tile:hover:not(.rs-radio-tile-disabled) {
+  border: 2px solid #3498ff;
   border: 2px solid var(--rs-radio-tile-checked-color);
 }
 .rs-radio-tile-disabled,
 .rs-radio-tile-disabled .rs-radio-tile-content {
+  color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
 }
@@ -55,6 +123,7 @@
   position: absolute;
 }
 .rs-radio-tile-icon {
+  font-size: 32px;
   font-size: var(--rs-radio-tile-icon-size);
 }
 

package/RadioTile/styles/index.less

@@ -1,3 +1,5 @@
+@import '../../styles/common';
+
 .rs-radio-tile {
   border-radius: 6px;
   overflow: hidden;
@@ -53,7 +55,7 @@
   &-disabled,
   &-disabled &-content {
     color: var(--rs-text-disabled);
-    cursor: not-allowed;
+    cursor: @cursor-disabled;
   }
 
   input {

package/Rate/styles/index.less

@@ -94,7 +94,7 @@
   }
 
   &-disabled &-character {
-    cursor: not-allowed;
+    cursor: @cursor-disabled;
   }
 
   &-readonly &-character {

package/SelectPicker/styles/index.css

@@ -3226,7 +3226,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   position: absolute;
   top: 8px;
   right: 12px;
-  padding: 3px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/Slider/styles/index.less

@@ -19,7 +19,7 @@
 
   &-disabled {
     opacity: 0.5;
-    cursor: not-allowed;
+    cursor: @cursor-disabled;
 
     .rs-slider-bar,
     .rs-slider-handle::before {

package/TagInput/styles/index.css

@@ -895,7 +895,6 @@ textarea.rs-input-sm {
   position: absolute;
   top: 8px;
   right: 12px;
-  padding: 3px;
   color: #717273;
   color: var(--rs-text-secondary);
 }
@@ -3707,9 +3706,6 @@ textarea.rs-picker-search-input {
   left: 0;
   cursor: text;
 }
-.rs-picker-tag.rs-picker-disabled {
-  cursor: not-allowed;
-}
 .rs-picker-tag.rs-picker-disabled .rs-picker-toggle {
   position: absolute;
 }

package/TagPicker/styles/index.css

@@ -895,7 +895,6 @@ textarea.rs-input-sm {
   position: absolute;
   top: 8px;
   right: 12px;
-  padding: 3px;
   color: #717273;
   color: var(--rs-text-secondary);
 }
@@ -3707,9 +3706,6 @@ textarea.rs-picker-search-input {
   left: 0;
   cursor: text;
 }
-.rs-picker-tag.rs-picker-disabled {
-  cursor: not-allowed;
-}
 .rs-picker-tag.rs-picker-disabled .rs-picker-toggle {
   position: absolute;
 }

package/TagPicker/styles/index.less

@@ -13,8 +13,6 @@
   }
 
   &.rs-picker-disabled {
-    cursor: not-allowed;
-
     .rs-picker-toggle {
       position: absolute;
     }

package/TimePicker/styles/index.css

@@ -2102,22 +2102,14 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
           box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
 }
 .rs-calendar-panel .rs-calendar-table-cell-day {
-  margin-top: 3px;
   display: block;
   text-align: center;
 }
 .rs-calendar-panel .rs-calendar-month-dropdown {
-  margin-top: -2px;
-  margin-left: 12px;
-  margin-right: 12px;
-  top: 54px;
-  width: calc(100% - 24px);
-}
-.rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-month-dropdown-scroll {
-  height: 644px;
-}
-.rs-calendar-panel.rs-calendar-compact .rs-calendar-month-dropdown-scroll {
-  height: 344px;
+  margin-left: 10px;
+  margin-right: 10px;
+  border-radius: 6px;
+  width: calc(100% - 20px);
 }
 .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
   width: 100%;
@@ -2142,7 +2134,20 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   border-bottom-right-radius: 6px;
 }
 .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
-  height: 50px;
+  min-height: 38px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .rs-calendar-btn-close {
   position: absolute;
@@ -2167,8 +2172,12 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-calendar-panel .rs-calendar-btn-close {
-  bottom: 11px;
-  margin: 0 20px;
+  bottom: 4px;
+  margin: 0 11px;
+  border-radius: 0 0 6px 6px;
+}
+.rs-calendar-panel.rs-calendar-bordered .rs-calendar-btn-close {
+  bottom: 5px;
 }
 .rs-calendar-month-view .rs-calendar-header-month-toolbar {
   padding-left: 24px;
@@ -2533,6 +2542,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   background-color: var(--rs-bg-overlay);
   overflow: hidden;
   z-index: 1;
+  height: calc(100% - 48px);
 }
 .rs-calendar-month-view .rs-calendar-month-dropdown {
   display: block;
@@ -2542,7 +2552,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
           animation: 0.3s linear slideDown;
 }
 .rs-calendar-month-dropdown-scroll {
-  height: 230px;
+  height: 100%;
 }
 .rs-calendar-month-dropdown-row {
   position: relative;
@@ -2565,21 +2575,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   color: var(--rs-text-active);
 }
 .rs-calendar-month-dropdown-list {
-  display: block;
-  min-width: 200px;
-}
-.rs-calendar-month-dropdown-list::before,
-.rs-calendar-month-dropdown-list::after {
-  content: ' ';
-  display: table;
-}
-.rs-calendar-month-dropdown-list::after {
-  clear: both;
+  display: grid;
+  grid-template-columns: repeat(4, 25%);
 }
 .rs-calendar-month-dropdown-cell {
-  display: inline-block;
-  float: left;
-  width: calc((100% - 1px * 12 ) / 6);
   margin: 1px;
   text-align: center;
   vertical-align: middle;
@@ -2601,8 +2600,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   padding: 5px;
   cursor: pointer;
   border-radius: 6px;
-  width: 30px;
-  height: 30px;
 }
 .rs-calendar-month-dropdown-cell-content:hover {
   background-color: #f2faff;
@@ -4145,9 +4142,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   color: #fff;
   color: var(--rs-calendar-date-selected-text);
 }
-.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-scroll {
-  height: 227px;
-}
 .rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
   height: 198px;
 }

package/TimeRangePicker/styles/index.css

@@ -2102,22 +2102,14 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
           box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
 }
 .rs-calendar-panel .rs-calendar-table-cell-day {
-  margin-top: 3px;
   display: block;
   text-align: center;
 }
 .rs-calendar-panel .rs-calendar-month-dropdown {
-  margin-top: -2px;
-  margin-left: 12px;
-  margin-right: 12px;
-  top: 54px;
-  width: calc(100% - 24px);
-}
-.rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-month-dropdown-scroll {
-  height: 644px;
-}
-.rs-calendar-panel.rs-calendar-compact .rs-calendar-month-dropdown-scroll {
-  height: 344px;
+  margin-left: 10px;
+  margin-right: 10px;
+  border-radius: 6px;
+  width: calc(100% - 20px);
 }
 .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
   width: 100%;
@@ -2142,7 +2134,20 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   border-bottom-right-radius: 6px;
 }
 .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
-  height: 50px;
+  min-height: 38px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .rs-calendar-btn-close {
   position: absolute;
@@ -2167,8 +2172,12 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-calendar-panel .rs-calendar-btn-close {
-  bottom: 11px;
-  margin: 0 20px;
+  bottom: 4px;
+  margin: 0 11px;
+  border-radius: 0 0 6px 6px;
+}
+.rs-calendar-panel.rs-calendar-bordered .rs-calendar-btn-close {
+  bottom: 5px;
 }
 .rs-calendar-month-view .rs-calendar-header-month-toolbar {
   padding-left: 24px;
@@ -2533,6 +2542,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   background-color: var(--rs-bg-overlay);
   overflow: hidden;
   z-index: 1;
+  height: calc(100% - 48px);
 }
 .rs-calendar-month-view .rs-calendar-month-dropdown {
   display: block;
@@ -2542,7 +2552,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
           animation: 0.3s linear slideDown;
 }
 .rs-calendar-month-dropdown-scroll {
-  height: 230px;
+  height: 100%;
 }
 .rs-calendar-month-dropdown-row {
   position: relative;
@@ -2565,21 +2575,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   color: var(--rs-text-active);
 }
 .rs-calendar-month-dropdown-list {
-  display: block;
-  min-width: 200px;
-}
-.rs-calendar-month-dropdown-list::before,
-.rs-calendar-month-dropdown-list::after {
-  content: ' ';
-  display: table;
-}
-.rs-calendar-month-dropdown-list::after {
-  clear: both;
+  display: grid;
+  grid-template-columns: repeat(4, 25%);
 }
 .rs-calendar-month-dropdown-cell {
-  display: inline-block;
-  float: left;
-  width: calc((100% - 1px * 12 ) / 6);
   margin: 1px;
   text-align: center;
   vertical-align: middle;
@@ -2601,8 +2600,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   padding: 5px;
   cursor: pointer;
   border-radius: 6px;
-  width: 30px;
-  height: 30px;
 }
 .rs-calendar-month-dropdown-cell-content:hover {
   background-color: #f2faff;
@@ -4140,9 +4137,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   color: #fff;
   color: var(--rs-calendar-date-selected-text);
 }
-.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-scroll {
-  height: 227px;
-}
 .rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
   height: 198px;
 }
@@ -4192,9 +4186,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-popup .rs-calendar-month-dropdown {
   z-index: 1;
 }
-.rs-picker-popup .rs-calendar-month-dropdown-list {
-  width: 185px;
-}
 .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
   width: 190px;
 }

package/Tree/styles/index.css

@@ -313,9 +313,6 @@
   display: block;
   bottom: -4px;
 }
-.rs-tree-node-drag-disabled.rs-tree-node-label {
-  cursor: not-allowed;
-}
 .rs-tree-node-disabled .rs-tree-node-label {
   background: none;
   color: #b6b7b8;

package/Tree/styles/index.less

@@ -135,12 +135,6 @@
     }
   }
 
-  &-drag-disabled {
-    &.rs-tree-node-label {
-      cursor: not-allowed;
-    }
-  }
-
   &-disabled {
     .rs-tree-node-label {
       background: none;

package/TreePicker/styles/index.css

@@ -313,9 +313,6 @@
   display: block;
   bottom: -4px;
 }
-.rs-tree-node-drag-disabled.rs-tree-node-label {
-  cursor: not-allowed;
-}
 .rs-tree-node-disabled .rs-tree-node-label {
   background: none;
   color: #b6b7b8;

package/cjs/Calendar/CalendarHeader.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
+var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
+var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _hooks = require("../internals/hooks");
@@ -95,7 +95,7 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     "aria-label": "Previous month",
     className: backwardClass,
     onClick: disabledBackward ? undefined : onMoveBackward,
-    icon: /*#__PURE__*/_react.default.createElement(_AngleLeft.default, null)
+    icon: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, null)
   })), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {
     "aria-label": "Select month",
     id: targetId ? targetId + "-grid-label" : undefined,
@@ -105,7 +105,7 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     "aria-label": "Next month",
     className: forwardClass,
     onClick: disabledForward ? undefined : onMoveForward,
-    icon: /*#__PURE__*/_react.default.createElement(_AngleRight.default, null)
+    icon: /*#__PURE__*/_react.default.createElement(_PageNext.default, null)
   })));
   var hasMonth = showDate || showMonth;
   var classes = merge(className, withClassPrefix({

package/cjs/Calendar/{MonthDropdown.d.ts → MonthDropdown/MonthDropdown.d.ts}

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
 export interface MonthDropdownProps extends WithAsProps {
     show?: boolean;
     limitStartYear?: number;
@@ -7,6 +7,5 @@ export interface MonthDropdownProps extends WithAsProps {
     width?: number;
     disabledMonth?: (date: Date) => boolean;
 }
-export declare function isEveryDateInMonth(year: number, month: number, predicate: (date: Date) => boolean): boolean;
 declare const MonthDropdown: RsRefForwardingComponent<'div', MonthDropdownProps>;
 export default MonthDropdown;

package/cjs/Calendar/{MonthDropdown.js → MonthDropdown/MonthDropdown.js}

@@ -4,29 +4,24 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-exports.isEveryDateInMonth = isEveryDateInMonth;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _date = require("../internals/utils/date");
-var _Windowing = require("../internals/Windowing");
-var _hooks = require("../internals/hooks");
+var _date = require("../../internals/utils/date");
+var _Windowing = require("../../internals/Windowing");
+var _hooks = require("../../internals/hooks");
 var _MonthDropdownItem = _interopRequireDefault(require("./MonthDropdownItem"));
-var _hooks2 = require("./hooks");
+var _hooks2 = require("../hooks");
+var _utils = require("../utils");
 var _excluded = ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"],
   _excluded2 = ["className", "itemClassName", "as", "itemAs"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var monthMap = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-function isEveryDateInMonth(year, month, predicate) {
-  var days = (0, _date.getDaysInMonth)(new Date(year, month));
-  for (var i = 1; i <= days; i++) {
-    if (!predicate(new Date(year, month, i))) {
-      return false;
-    }
-  }
-  return true;
-}
+// Array representing the index of each month
+var MONTHS_INDEX = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+
+// The height of each item
+var ITEM_SIZE = 108;
 var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -60,7 +55,7 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }, [limitEndYear, startYear, thisYear]);
   var isMonthDisabled = (0, _react.useCallback)(function (year, month) {
     if (disabledMonth) {
-      return isEveryDateInMonth(year, month, disabledMonth);
+      return (0, _utils.isEveryDateInMonth)(year, month, disabledMonth);
     }
     return false;
   }, [disabledMonth]);
@@ -94,7 +89,7 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       role: "rowheader"
     }, year), /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('list')
-    }, monthMap.map(function (item, month) {
+    }, MONTHS_INDEX.map(function (item, month) {
       return /*#__PURE__*/_react.default.createElement(_MonthDropdownItem.default, {
         disabled: isMonthDisabled(year, month),
         active: isSelectedYear && month === selectedMonth,
@@ -107,9 +102,8 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var classes = merge(className, withClassPrefix(), {
     show: show
   });
-  var itemSize = 75;
   var initialItemIndex = (0, _date.getYear)(date) - startYear;
-  var initialScrollOffset = itemSize * initialItemIndex;
+  var initialScrollOffset = ITEM_SIZE * initialItemIndex;
   if (!show) {
     return null;
   }
@@ -133,7 +127,7 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       className: merge(prefix('row-wrapper'), listClassName),
       width: width || defaultWidth,
       height: height || defaultHeight,
-      itemSize: itemSize,
+      itemSize: ITEM_SIZE,
       itemCount: rowCount,
       initialScrollOffset: initialScrollOffset,
       innerElementType: List

package/{esm/Calendar → cjs/Calendar/MonthDropdown}/MonthDropdownItem.d.ts

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
 export interface MonthDropdownItemProps extends WithAsProps {
     month?: number;
     year?: number;

package/cjs/Calendar/{MonthDropdownItem.js → MonthDropdown/MonthDropdownItem.js}

@@ -7,11 +7,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _date = require("../internals/utils/date");
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
-var _hooks2 = require("./hooks");
-var _utils2 = require("./utils");
+var _date = require("../../internals/utils/date");
+var _hooks = require("../../internals/hooks");
+var _utils = require("../../internals/utils");
+var _hooks2 = require("../hooks");
+var _utils2 = require("../utils");
 var _excluded = ["as", "className", "classPrefix", "active", "disabled", "month", "year"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -72,7 +72,7 @@ var MonthDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
     onClick: handleClick
   }, rest), /*#__PURE__*/_react.default.createElement("span", {
     className: prefix('content')
-  }, month));
+  }, formatDate(currentMonth, 'MMM')));
 });
 MonthDropdownItem.displayName = 'MonthDropdownItem';
 var _default = exports.default = MonthDropdownItem;

package/cjs/Calendar/MonthDropdown/index.d.ts

@@ -0,0 +1,2 @@
+import MonthDropdown from './MonthDropdown';
+export default MonthDropdown;

package/cjs/Calendar/MonthDropdown/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _MonthDropdown = _interopRequireDefault(require("./MonthDropdown"));
+var _default = exports.default = _MonthDropdown.default;

package/cjs/Calendar/hooks/useCalendarState.d.ts

@@ -18,5 +18,5 @@ export declare const useCalendarState: (props: CalendarStateProps) => {
         onToggleTimeDropdown: (...args: any[]) => any;
         onToggleMonthDropdown: (...args: any[]) => any;
     };
-    reset: () => void;
+    reset: (...args: any[]) => any;
 };