rsuite 5.68.1 → 5.70.0

package/CHANGELOG.md

@@ -1,3 +1,33 @@
+# [5.70.0](https://github.com/rsuite/rsuite/compare/v5.69.0...v5.70.0) (2024-08-24)
+
+
+### Bug Fixes
+
+* **Cascader,MultiCascader:** fix `locale` property can't override global config ([#3928](https://github.com/rsuite/rsuite/issues/3928)) ([31abca8](https://github.com/rsuite/rsuite/commit/31abca88daa88a4ba10f886de98db0f9cb57ced1))
+* **MultiCascadeTree,MultiCascader:** fix parent node is not in a mixed state when searching ([#3931](https://github.com/rsuite/rsuite/issues/3931)) ([5ec0be5](https://github.com/rsuite/rsuite/commit/5ec0be5bcd6fc4f00b457e4c452c7c56225314c9))
+* **Table:** fix border style when rowSpan is used ([#3940](https://github.com/rsuite/rsuite/issues/3940)) ([9677303](https://github.com/rsuite/rsuite/commit/9677303e007dc94474ca16e3a32b638bd8c0c05b))
+* **TreePicker,MultiCascader:** fix not focusing on the search box when typing characters ([#3930](https://github.com/rsuite/rsuite/issues/3930)) ([4f3b8e3](https://github.com/rsuite/rsuite/commit/4f3b8e37eabdefea277f14034647f43826244c03))
+* use useLayoutEffect instead of useEffect in useEventCallback ([#3921](https://github.com/rsuite/rsuite/issues/3921)) ([6396b3e](https://github.com/rsuite/rsuite/commit/6396b3e6d3692f76850409a5d3d1bd60aea40788))
+
+
+
+# [5.69.0](https://github.com/rsuite/rsuite/compare/v5.68.1...v5.69.0) (2024-08-09)
+
+
+### Bug Fixes
+
+* **DatePicker, DateRangePicker:** fix the component crash due to invalid format ([#3910](https://github.com/rsuite/rsuite/issues/3910)) ([ed8f9b0](https://github.com/rsuite/rsuite/commit/ed8f9b0814eb5723d2baecba9a34c5f3544dce38))
+* **useMediaQuery:** fix media query change cannot be listened to when using multiple useMediaQuery ([#3909](https://github.com/rsuite/rsuite/issues/3909)) ([63d50e2](https://github.com/rsuite/rsuite/commit/63d50e29160032e0ca0c878a13a8a87f4e840e86))
+
+
+### Features
+
+* **Calendar, DatePicker, DateRangePicker:** add support for `monthDropdownProps` prop ([#3913](https://github.com/rsuite/rsuite/issues/3913)) ([9025bbe](https://github.com/rsuite/rsuite/commit/9025bbefd6c0bfaf93ef91e775e2815c9832077d))
+* **DateRangePicker:** add support for `calendarSnapping` prop ([#3911](https://github.com/rsuite/rsuite/issues/3911)) ([4b3a669](https://github.com/rsuite/rsuite/commit/4b3a6692388040defd9dd5835572ca8336f4e315))
+* **InputNumber:** add support for `decimalSeparator` prop ([#3907](https://github.com/rsuite/rsuite/issues/3907)) ([58212fa](https://github.com/rsuite/rsuite/commit/58212fa9a1f2a642289877c888164f880234d7c8))
+
+
+
 ## [5.68.1](https://github.com/rsuite/rsuite/compare/v5.68.0...v5.68.1) (2024-08-02)
 
 

package/Calendar/styles/index.css

@@ -1805,7 +1805,7 @@
 .rs-calendar-month-view .rs-calendar-month-dropdown {
   display: block;
 }
-.rs-calendar-month-view .rs-calendar-month-dropdown-content {
+.rs-calendar-month-view .rs-calendar-month-dropdown-scroll {
   -webkit-animation: 0.3s linear slideDown;
           animation: 0.3s linear slideDown;
 }

package/Calendar/styles/index.less

@@ -464,7 +464,7 @@
     display: block;
   }
 
-  .rs-calendar-month-view &-content {
+  .rs-calendar-month-view &-scroll {
     animation: 0.3s linear slideDown;
   }
 

package/DatePicker/styles/index.css

@@ -2533,7 +2533,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-calendar-month-view .rs-calendar-month-dropdown {
   display: block;
 }
-.rs-calendar-month-view .rs-calendar-month-dropdown-content {
+.rs-calendar-month-view .rs-calendar-month-dropdown-scroll {
   -webkit-animation: 0.3s linear slideDown;
           animation: 0.3s linear slideDown;
 }

package/DateRangePicker/styles/index.css

@@ -2533,7 +2533,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-calendar-month-view .rs-calendar-month-dropdown {
   display: block;
 }
-.rs-calendar-month-view .rs-calendar-month-dropdown-content {
+.rs-calendar-month-view .rs-calendar-month-dropdown-scroll {
   -webkit-animation: 0.3s linear slideDown;
           animation: 0.3s linear slideDown;
 }

package/README.md

@@ -64,7 +64,7 @@ More guides on how to get started are available [here](https://rsuitejs.com/guid
 
 ## Documentation
 
-It's the https://rsuitejs.com website for the latest version of React Suite. For older versions head over here
+It's the https://rsuitejs.com website for the latest version of React Suite. For older versions head over here:
 
 - [4.x documentation](https://v4.rsuitejs.com/)
 - [3.x documentation](https://v3.rsuitejs.com/)
@@ -119,7 +119,7 @@ These great services help us to build and maintain the project.
 
 ## Supporting React Suite
 
-If you like React Suite, you can show your support by either
+If you like React Suite, you can show your support by:
 
 - Starring this repo
 - [Leaving a comment here][issues-11] if you are using React Suite in your project (like we do :smile:)

package/Table/styles/index.css

@@ -467,7 +467,7 @@
   border-right: 1px solid #f2f2f5;
   border-right: 1px solid var(--rs-table-border-color);
 }
-.rs-table-row:not(.rs-table-row-rowspan) {
+.rs-table:not(.rs-table-has-rowspan) .rs-table-row {
   border-bottom: 1px solid #f2f2f5;
   border-bottom: 1px solid var(--rs-table-border-color);
 }

package/Table/styles/index.less

@@ -340,7 +340,7 @@
   }
 }
 
-.rs-table-row:not(.rs-table-row-rowspan) {
+.rs-table:not(.rs-table-has-rowspan) .rs-table-row {
   border-bottom: 1px solid var(--rs-table-border-color);
 }
 

package/cjs/Calendar/Calendar.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import CalendarContainer from './CalendarContainer';
-import { CalendarLocale } from '../locales';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { CalendarLocale } from '../locales';
+import type { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { MonthDropdownProps } from './CalendarContext';
 export interface CalendarProps extends WithAsProps {
     /**
      * Controlled value
@@ -38,6 +39,10 @@ export interface CalendarProps extends WithAsProps {
      * @default 0
      */
     weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * The props for the Month Dropdown component.
+     */
+    monthDropdownProps?: MonthDropdownProps;
     /**
      * Callback fired before the value changed
      */

package/cjs/Calendar/Calendar.js

@@ -10,10 +10,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
 var _CalendarContainer = _interopRequireDefault(require("./CalendarContainer"));
+var _useCalendarDate2 = _interopRequireDefault(require("./useCalendarDate"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _CustomProvider = require("../CustomProvider");
 var _hooks = require("../internals/hooks");
-var _useCalendarDate2 = _interopRequireDefault(require("./useCalendarDate"));
 var _excluded = ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "weekStart", "locale", "onChange", "onMonthChange", "onSelect", "renderCell", "value", "cellClassName"];
 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; }

package/cjs/Calendar/CalendarContainer.d.ts

@@ -2,6 +2,7 @@ import React, { HTMLAttributes } from 'react';
 import { CalendarHeaderProps } from './CalendarHeader';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import { CalendarLocale } from '../locales';
+import { MonthDropdownProps } from './CalendarContext';
 import { CalendarState } from './useCalendarState';
 export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onChange' | 'onMouseMove'>, CalendarHeaderProps {
     /**
@@ -91,6 +92,10 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
      * @see https://rsuitejs.com/guide/i18n/#calendar
      */
     locale: CalendarLocale;
+    /**
+     * The props for the Month Dropdown component.
+     */
+    monthDropdownProps?: MonthDropdownProps;
     /**
      * Callback after the date has changed
      */

package/cjs/Calendar/CalendarContainer.js

@@ -7,7 +7,6 @@ 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _MonthDropdown = _interopRequireDefault(require("./MonthDropdown"));
 var _TimeDropdown = _interopRequireDefault(require("./TimeDropdown"));
@@ -18,7 +17,7 @@ var _date = require("../internals/utils/date");
 var _CalendarContext = require("./CalendarContext");
 var _useCalendarState2 = _interopRequireWildcard(require("./useCalendarState"));
 var _AngleUp = _interopRequireDefault(require("@rsuite/icons/legacy/AngleUp"));
-var _excluded = ["as", "className", "classPrefix", "dateRange", "disabledBackward", "defaultState", "disabledDate", "disabledForward", "format", "hoverRangeValue", "isoWeek", "weekStart", "targetId", "limitEndYear", "limitStartYear", "locale", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "calendarDate", "cellClassName", "renderCell", "renderCellOnPicker", "renderTitle", "renderToolbar", "showMeridian", "showWeekNumbers", "inline"];
+var _excluded = ["as", "className", "classPrefix", "calendarDate", "dateRange", "disabledBackward", "defaultState", "disabledForward", "format", "hoverRangeValue", "inline", "isoWeek", "weekStart", "targetId", "limitEndYear", "limitStartYear", "locale", "monthDropdownProps", "showMeridian", "showWeekNumbers", "cellClassName", "disabledDate", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderCell", "renderCellOnPicker", "renderTitle", "renderToolbar"];
 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 CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -27,13 +26,14 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     className = props.className,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
+    calendarDateProp = props.calendarDate,
     dateRange = props.dateRange,
     disabledBackward = props.disabledBackward,
     defaultState = props.defaultState,
-    disabledDate = props.disabledDate,
     disabledForward = props.disabledForward,
     format = props.format,
     hoverRangeValue = props.hoverRangeValue,
+    inline = props.inline,
     _props$isoWeek = props.isoWeek,
     isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
     _props$weekStart = props.weekStart,
@@ -42,6 +42,11 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     limitEndYear = props.limitEndYear,
     limitStartYear = props.limitStartYear,
     locale = props.locale,
+    monthDropdownProps = props.monthDropdownProps,
+    showMeridian = props.showMeridian,
+    showWeekNumbers = props.showWeekNumbers,
+    cellClassName = props.cellClassName,
+    disabledDate = props.disabledDate,
     onChangeMonth = props.onChangeMonth,
     onChangeTime = props.onChangeTime,
     onMouseMove = props.onMouseMove,
@@ -51,15 +56,10 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     onToggleMeridian = props.onToggleMeridian,
     onToggleMonthDropdown = props.onToggleMonthDropdown,
     onToggleTimeDropdown = props.onToggleTimeDropdown,
-    calendarDateProp = props.calendarDate,
-    cellClassName = props.cellClassName,
     renderCell = props.renderCell,
     renderCellOnPicker = props.renderCellOnPicker,
     renderTitle = props.renderTitle,
     renderToolbar = props.renderToolbar,
-    showMeridian = props.showMeridian,
-    showWeekNumbers = props.showWeekNumbers,
-    inline = props.inline,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
@@ -132,23 +132,24 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
   var contextValue = {
     date: calendarDate,
     dateRange: dateRange,
-    disabledDate: isDateDisabled,
     format: format,
     hoverRangeValue: hoverRangeValue,
-    inSameMonth: inSameThisMonthDate,
+    inline: inline,
     isoWeek: isoWeek,
     weekStart: weekStart,
     targetId: targetId,
     locale: locale,
+    showWeekNumbers: showWeekNumbers,
+    monthDropdownProps: monthDropdownProps,
+    cellClassName: cellClassName,
+    disabledDate: isDateDisabled,
+    inSameMonth: inSameThisMonthDate,
     onChangeMonth: handleChangeMonth,
     onChangeTime: onChangeTime,
     onMouseMove: onMouseMove,
     onSelect: onSelect,
-    cellClassName: cellClassName,
     renderCell: renderCell,
-    renderCellOnPicker: renderCellOnPicker,
-    showWeekNumbers: showWeekNumbers,
-    inline: inline
+    renderCellOnPicker: renderCellOnPicker
   };
   return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {
     value: contextValue
@@ -187,34 +188,4 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
   }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, null))));
 });
 CalendarContainer.displayName = 'CalendarContainer';
-CalendarContainer.propTypes = {
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  disabledDate: _propTypes.default.func,
-  disabledHours: _propTypes.default.func,
-  disabledMinutes: _propTypes.default.func,
-  disabledSeconds: _propTypes.default.func,
-  format: _propTypes.default.string,
-  hideHours: _propTypes.default.func,
-  hideMinutes: _propTypes.default.func,
-  hideSeconds: _propTypes.default.func,
-  isoWeek: _propTypes.default.bool,
-  limitEndYear: _propTypes.default.number,
-  limitStartYear: _propTypes.default.number,
-  locale: _propTypes.default.object,
-  onChangeMonth: _propTypes.default.func,
-  onChangeTime: _propTypes.default.func,
-  onMoveBackward: _propTypes.default.func,
-  onMoveForward: _propTypes.default.func,
-  onSelect: _propTypes.default.func,
-  onToggleMeridian: _propTypes.default.func,
-  onToggleMonthDropdown: _propTypes.default.func,
-  onToggleTimeDropdown: _propTypes.default.func,
-  calendarDate: _propTypes.default.instanceOf(Date),
-  renderCell: _propTypes.default.func,
-  renderTitle: _propTypes.default.func,
-  renderToolbar: _propTypes.default.func,
-  showMeridian: _propTypes.default.bool,
-  showWeekNumbers: _propTypes.default.bool
-};
 var _default = exports.default = CalendarContainer;

package/cjs/Calendar/CalendarContext.d.ts

@@ -1,6 +1,130 @@
 import React from 'react';
-import { CalendarContextValue } from './types';
+import { CalendarLocale } from '../locales';
+import { format } from '../internals/utils/date';
+import type { FixedSizeListProps } from '../internals/Windowing';
+/**
+ * Represents the inner context value for the Calendar component.
+ */
+export interface CalendarInnerContextValue {
+    /**
+     * The current date of the calendar.
+     */
+    date: Date;
+    /**
+     * The date range selected in the calendar.
+     */
+    dateRange?: Date[];
+    /**
+     * The format used for displaying dates.
+     */
+    format?: string;
+    /**
+     * The hover range value in the calendar.
+     */
+    hoverRangeValue?: [Date, Date];
+    /**
+     * Indicates whether the calendar is inline or not.
+     */
+    inline?: boolean;
+    /**
+     * Indicates whether the ISO week numbers should be shown in the calendar.
+     */
+    isoWeek: boolean;
+    /**
+     * The start day of the week in the calendar.
+     * 0 - Sunday, 1 - Monday, 2 - Tuesday, 3 - Wednesday, 4 - Thursday, 5 - Friday, 6 - Saturday
+     */
+    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Indicates whether week numbers should be shown in the calendar.
+     */
+    showWeekNumbers?: boolean;
+    /**
+     * The target ID of the calendar.
+     */
+    targetId?: string;
+    /**
+     * The props for the Month Dropdown component.
+     */
+    monthDropdownProps?: MonthDropdownProps;
+    /**
+     * A function that determines if a date is disabled in the calendar.
+     * @param date - The date to check.
+     * @param selectRangeValue - The selected date range.
+     * @param type - The type of the calendar.
+     * @returns True if the date is disabled, false otherwise.
+     */
+    disabledDate?: (date: Date, selectRangeValue?: Date[], type?: string) => boolean;
+    /**
+     * A function that determines if a date is in the same month as the current date in the calendar.
+     * @param date - The date to check.
+     * @returns True if the date is in the same month, false otherwise.
+     */
+    inSameMonth?: (date: Date) => boolean;
+    /**
+     * A callback function that is called when the month is changed in the calendar.
+     * @param nextPageDate - The next page date.
+     * @param event - The mouse event.
+     */
+    onChangeMonth?: (nextPageDate: Date, event: React.MouseEvent) => void;
+    /**
+     * A callback function that is called when the time is changed in the calendar.
+     * @param nextPageTime - The next page time.
+     * @param event - The mouse event.
+     */
+    onChangeTime?: (nextPageTime: Date, event: React.MouseEvent) => void;
+    /**
+     * A callback function that is called when the mouse moves over a date in the calendar.
+     * @param date - The date.
+     */
+    onMouseMove?: (date: Date) => void;
+    /**
+     * A callback function that is called when a date is selected in the calendar.
+     * @param date - The selected date.
+     * @param event - The mouse event.
+     */
+    onSelect?: (date: Date, event: React.MouseEvent) => void;
+    /**
+     * A function that renders the cell content in the calendar.
+     * @param date - The date.
+     * @returns The rendered cell content.
+     */
+    renderCell?: (date: Date) => React.ReactNode;
+    /**
+     * A function that renders the cell content in the picker.
+     * @param date - The date.
+     * @returns The rendered cell content.
+     */
+    renderCellOnPicker?: (date: Date) => React.ReactNode;
+    /**
+     * A function that returns the class name for a cell in the calendar.
+     * @param date - The date.
+     * @returns The class name for the cell.
+     */
+    cellClassName?: (date: Date) => string | undefined;
+}
+/**
+ * Props for the MonthDropdown component.
+ */
+export interface MonthDropdownProps extends Partial<FixedSizeListProps> {
+    /**
+     * The HTML element or React component to render as the root element of the MonthDropdown.
+     */
+    as?: React.ElementType;
+    /**
+     * The HTML element or React component to render as each item in the MonthDropdown.
+     */
+    itemAs?: React.ElementType;
+    /**
+     * The CSS class name to apply to each item in the MonthDropdown.
+     */
+    itemClassName?: string;
+}
+export interface CalendarContextValue extends CalendarInnerContextValue {
+    locale: CalendarLocale;
+    formatDate?: typeof format;
+}
 declare const CalendarContext: React.Context<CalendarContextValue>;
-export default CalendarContext;
 export declare const CalendarProvider: React.Provider<CalendarContextValue>;
 export declare const useCalendarContext: () => CalendarContextValue;
+export default CalendarContext;

package/cjs/Calendar/CalendarContext.js

@@ -6,9 +6,17 @@ exports.useCalendarContext = exports.default = exports.CalendarProvider = void 0
 var _react = _interopRequireWildcard(require("react"));
 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; }
+/**
+ * Represents the inner context value for the Calendar component.
+ */
+
+/**
+ * Props for the MonthDropdown component.
+ */
+
 var CalendarContext = /*#__PURE__*/_react.default.createContext({});
-var _default = exports.default = CalendarContext;
 var CalendarProvider = exports.CalendarProvider = CalendarContext.Provider;
 var useCalendarContext = exports.useCalendarContext = function useCalendarContext() {
-  return (0, _react.useContext)(CalendarContext) || {};
-};
+  return (0, _react.useContext)(CalendarContext);
+};
+var _default = exports.default = CalendarContext;

package/cjs/Calendar/CalendarHeader.js

@@ -7,7 +7,6 @@ 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
@@ -46,7 +45,8 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
     format = _useCalendarContext.format,
     inline = _useCalendarContext.inline,
-    disabledDate = _useCalendarContext.disabledDate;
+    disabledDate = _useCalendarContext.disabledDate,
+    targetId = _useCalendarContext.targetId;
   var _useDateRangePickerCo = (0, _DateRangePickerContext.useDateRangePickerContext)(),
     isSelectedIdle = _useDateRangePickerCo.isSelectedIdle;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
@@ -108,6 +108,7 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     icon: /*#__PURE__*/_react.default.createElement(_AngleLeft.default, null)
   })), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {
     "aria-label": "Select month",
+    id: targetId ? targetId + "-grid-label" : undefined,
     className: dateTitleClasses,
     onClick: onToggleMonthDropdown
   }), renderTitle()), /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {
@@ -148,22 +149,4 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   }))), renderToolbar === null || renderToolbar === void 0 ? void 0 : renderToolbar(date));
 });
 CalendarHeader.displayName = 'CalendarHeader';
-CalendarHeader.propTypes = {
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  disabledBackward: _propTypes.default.bool,
-  disabledForward: _propTypes.default.bool,
-  disabledTime: _propTypes.default.func,
-  onMoveBackward: _propTypes.default.func,
-  onMoveForward: _propTypes.default.func,
-  onToggleMeridian: _propTypes.default.func,
-  onToggleMonthDropdown: _propTypes.default.func,
-  onToggleTimeDropdown: _propTypes.default.func,
-  renderTitle: _propTypes.default.func,
-  renderToolbar: _propTypes.default.func,
-  showDate: _propTypes.default.bool,
-  showMeridian: _propTypes.default.bool,
-  showMonth: _propTypes.default.bool,
-  showTime: _propTypes.default.bool
-};
 var _default = exports.default = CalendarHeader;

package/cjs/Calendar/MonthDropdown.js

@@ -13,7 +13,8 @@ var _Windowing = require("../internals/Windowing");
 var _hooks = require("../internals/hooks");
 var _MonthDropdownItem = _interopRequireDefault(require("./MonthDropdownItem"));
 var _CalendarContext = require("./CalendarContext");
-var _excluded = ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"];
+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];
@@ -45,7 +46,8 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
     _useCalendarContext$d = _useCalendarContext.date,
     date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
-    targetId = _useCalendarContext.targetId;
+    targetId = _useCalendarContext.targetId,
+    monthDropdownProps = _useCalendarContext.monthDropdownProps;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,
@@ -62,9 +64,16 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }
     return false;
   }, [disabledMonth]);
-  var rowRenderer = (0, _react.useCallback)(function (_ref) {
-    var index = _ref.index,
-      style = _ref.style;
+  var _ref = monthDropdownProps || {},
+    listClassName = _ref.className,
+    itemClassName = _ref.itemClassName,
+    List = _ref.as,
+    _ref$itemAs = _ref.itemAs,
+    Item = _ref$itemAs === void 0 ? 'div' : _ref$itemAs,
+    restListProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
+  var rowRenderer = (0, _react.useCallback)(function (_ref2) {
+    var index = _ref2.index,
+      style = _ref2.style;
     var selectedMonth = (0, _date.getMonth)(date);
     var selectedYear = (0, _date.getYear)(date);
     var year = startYear + index;
@@ -72,14 +81,13 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     var titleClassName = prefix('year', {
       'year-active': isSelectedYear
     });
-    var rowClassName = merge(prefix('row'), {
-      'first-row': index === 0,
-      'last-row': index === rowCount - 1
-    });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: rowClassName,
+    return /*#__PURE__*/_react.default.createElement(Item, {
       role: "row",
       "aria-label": "" + year,
+      className: merge(itemClassName, prefix('row'), {
+        'first-row': index === 0,
+        'last-row': index === rowCount - 1
+      }),
       style: style
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: titleClassName,
@@ -95,40 +103,42 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
         year: year
       });
     })));
-  }, [date, isMonthDisabled, merge, prefix, rowCount, startYear]);
+  }, [Item, date, isMonthDisabled, merge, prefix, itemClassName, rowCount, startYear]);
   var classes = merge(className, withClassPrefix(), {
     show: show
   });
   var itemSize = 75;
   var initialItemIndex = (0, _date.getYear)(date) - startYear;
   var initialScrollOffset = itemSize * initialItemIndex;
+  if (!show) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
     role: "grid",
-    "aria-label": "Select month",
     tabIndex: -1,
-    id: targetId ? targetId + "-" + classPrefix : undefined
-  }, rest, {
-    ref: ref,
-    className: classes
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix('content')
-  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes,
+    "aria-labelledby": targetId ? targetId + "-grid-label" : undefined,
+    id: targetId ? targetId + "-calendar-month-dropdown" : undefined,
+    "data-testid": "calendar-month-dropdown"
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('scroll')
-  }, show && /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {
+  }, /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {
     defaultHeight: defaultHeight,
     defaultWidth: defaultWidth
-  }, function (_ref2) {
-    var height = _ref2.height,
-      width = _ref2.width;
-    return /*#__PURE__*/_react.default.createElement(_Windowing.FixedSizeList, {
-      className: prefix('row-wrapper'),
+  }, function (_ref3) {
+    var height = _ref3.height,
+      width = _ref3.width;
+    return /*#__PURE__*/_react.default.createElement(_Windowing.FixedSizeList, (0, _extends2.default)({
+      className: merge(prefix('row-wrapper'), listClassName),
       width: width || defaultWidth,
       height: height || defaultHeight,
       itemSize: itemSize,
       itemCount: rowCount,
-      initialScrollOffset: initialScrollOffset
-    }, rowRenderer);
-  }))));
+      initialScrollOffset: initialScrollOffset,
+      innerElementType: List
+    }, restListProps), rowRenderer);
+  })));
 });
 MonthDropdown.displayName = 'MonthDropdown';
 var _default = exports.default = MonthDropdown;

package/cjs/Calendar/TimeDropdown.js

@@ -9,7 +9,6 @@ exports.getRanges = getRanges;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
@@ -199,17 +198,4 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }, renderColumn('hours', time.hours), renderColumn('minutes', time.minutes), renderColumn('seconds', time.seconds))));
 });
 TimeDropdown.displayName = 'TimeDropdown';
-TimeDropdown.propTypes = {
-  show: _propTypes.default.bool,
-  showMeridian: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  disabledDate: _propTypes.default.func,
-  disabledHours: _propTypes.default.func,
-  disabledMinutes: _propTypes.default.func,
-  disabledSeconds: _propTypes.default.func,
-  hideHours: _propTypes.default.func,
-  hideMinutes: _propTypes.default.func,
-  hideSeconds: _propTypes.default.func
-};
 var _default = exports.default = TimeDropdown;