rsuite 5.68.1 → 5.69.0

package/esm/DatePicker/DatePicker.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2;
-var _excluded = ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "size", "caretAs", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onEnter", "onExit", "onNextMonth", "onOk", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell", "renderValue", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds"];
+var _excluded = ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "caretAs", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "size", "monthDropdownProps", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onEnter", "onExit", "onNextMonth", "onOk", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell", "renderValue", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds"];
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import mapValues from 'lodash/mapValues';
@@ -12,21 +12,21 @@ import IconCalendar from '@rsuite/icons/legacy/Calendar';
 import IconClockO from '@rsuite/icons/legacy/ClockO';
 import CalendarContainer from "../Calendar/CalendarContainer.js";
 import useCalendarDate from "../Calendar/useCalendarDate.js";
-import { isEveryDateInMonth } from "../Calendar/MonthDropdown.js";
 import Toolbar from "./Toolbar.js";
 import Stack from "../Stack/index.js";
 import PredefinedRanges from "./PredefinedRanges.js";
+import DateInput from "../DateInput/index.js";
+import InputGroup from "../InputGroup/index.js";
+import useMonthView from "./hooks/useMonthView.js";
+import useFocus from "./hooks/useFocus.js";
+import useCustomizedInput from "./hooks/useCustomizedInput.js";
+import { isEveryDateInMonth } from "../Calendar/MonthDropdown.js";
 import { mergeRefs, partitionHTMLProps, createChainedFunction } from "../internals/utils/index.js";
 import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
 import { shouldRenderMonth, shouldRenderDate, shouldRenderTime, shouldOnlyRenderTime, setHours, getHours, isValid, copyTime, disableTime, calendarOnlyProps } from "../internals/utils/date/index.js";
 import { PickerPopup, PickerLabel, PickerIndicator, PickerToggleTrigger, pickerPropTypes, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker/index.js";
 import { OverlayCloseCause } from "../internals/Overlay/OverlayTrigger.js";
-import DateInput from "../DateInput/index.js";
-import InputGroup from "../InputGroup/index.js";
 import { splitRanges, deprecatedPropTypes, getRestProps } from "./utils.js";
-import useMonthView from "./hooks/useMonthView.js";
-import useFocus from "./hooks/useFocus.js";
-import useCustomizedInput from "./hooks/useCustomizedInput.js";
 /**
  * A date picker allows users to select a date from a calendar.
  *
@@ -42,6 +42,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     calendarDefaultDate = props.calendarDefaultDate,
     _props$cleanable = props.cleanable,
     cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+    caretAsProp = props.caretAs,
     _props$editable = props.editable,
     editable = _props$editable === void 0 ? true : _props$editable,
     defaultValue = props.defaultValue,
@@ -75,7 +76,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     showWeekNumbers = props.showWeekNumbers,
     style = props.style,
     size = props.size,
-    caretAsProp = props.caretAs,
+    monthDropdownProps = props.monthDropdownProps,
     shouldDisableDate = props.shouldDisableDate,
     shouldDisableHour = props.shouldDisableHour,
     shouldDisableMinute = props.shouldDisableMinute,
@@ -413,6 +414,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       isoWeek: isoWeek,
       weekStart: weekStart,
       calendarDate: calendarDate,
+      monthDropdownProps: monthDropdownProps,
       renderCellOnPicker: renderCell,
       onMoveForward: handleMoveForward,
       onMoveBackward: handleMoveBackward,

package/esm/DateRangePicker/Calendar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { CalendarProps as CalendarCoreProps } from '../Calendar/CalendarContainer';
+import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { DateRange } from './types';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import { DatePickerLocale } from '../locales';
@@ -16,13 +16,13 @@ export interface CalendarProps extends WithAsProps, Omit<CalendarCoreProps, Omit
     limitEndYear?: number;
     limitStartYear?: number;
     locale?: DatePickerLocale;
+    showWeekNumbers?: boolean;
+    value?: [] | [Date] | [Date, Date];
     onChangeCalendarMonth?: (index: number, date: Date) => void;
     onChangeCalendarTime?: (index: number, date: Date) => void;
     onToggleMeridian: (index: number, event: React.MouseEvent) => void;
     onSelect?: (index: number, date: Date, event: React.SyntheticEvent) => void;
     onMouseMove?: (date: Date) => void;
-    showWeekNumbers?: boolean;
-    value?: [] | [Date] | [Date, Date];
 }
 declare const Calendar: RsRefForwardingComponent<'div', CalendarProps>;
 export default Calendar;

package/esm/DateRangePicker/Calendar.js

@@ -3,10 +3,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "calendarDate", "format", "disabledDate", "index", "limitEndYear", "limitStartYear", "onChangeCalendarMonth", "onChangeCalendarTime", "onToggleMeridian", "onSelect", "value"];
 import React from 'react';
+import CalendarCore from "../Calendar/CalendarContainer.js";
 import { addMonths } from "../internals/utils/date/index.js";
 import { DATERANGE_DISABLED_TARGET } from "../internals/constants/index.js";
 import { useEventCallback } from "../internals/hooks/index.js";
-import CalendarCore from "../Calendar/CalendarContainer.js";
 var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? CalendarCore : _props$as,

package/esm/DateRangePicker/DateRangePicker.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { FormControlBaseProps, PickerBaseProps } from '../internals/types';
-import { DateRangePickerLocale } from '../locales';
 import { PickerComponent } from '../internals/Picker';
-import { DisabledDateFunction, RangeType, DateRange } from './types';
+import type { DisabledDateFunction, RangeType, DateRange } from './types';
+import type { FormControlBaseProps, PickerBaseProps } from '../internals/types';
+import type { DateRangePickerLocale } from '../locales';
+import type { MonthDropdownProps } from '../Calendar/CalendarContext';
 export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLocale>, FormControlBaseProps<DateRange | null> {
     /**
      * Custom caret component
@@ -85,6 +86,17 @@ export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLoc
      * @default ' ~ '
      */
     character?: string;
+    /**
+     * The props for the Month Dropdown component.
+     */
+    monthDropdownProps?: MonthDropdownProps;
+    /**
+     * If the user selects a date on the right calendar first, it will automatically switch to the left calendar.
+     * Always keep the date on the left calendar as the start date.
+     * @default false
+     * @version 5.69.0
+     */
+    calendarSnapping?: boolean;
     /**
      * Disabled date
      * @deprecated Use {@link shouldDisableDate} instead

package/esm/DateRangePicker/DateRangePicker.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2;
-var _excluded = ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"];
+var _excluded = ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "calendarSnapping", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "monthDropdownProps", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"];
 import React, { useEffect, useRef, useState, useMemo } from 'react';
 import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
@@ -14,20 +14,20 @@ import IconClockO from '@rsuite/icons/legacy/ClockO';
 import Toolbar from "../DatePicker/Toolbar.js";
 import PredefinedRanges from "../DatePicker/PredefinedRanges.js";
 import Stack from "../Stack/index.js";
-import { DATERANGE_DISABLED_TARGET as TARGET } from "../internals/constants/index.js";
-import { omitTriggerPropKeys, PickerPopup, pickerPropTypes, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker/index.js";
-import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
-import { createChainedFunction, mergeRefs, partitionHTMLProps, getStringLength } from "../internals/utils/index.js";
-import { addMonths, isValid, isBefore, isSameDay, addDays, startOfDay, endOfDay, shouldRenderTime, isAfter, isSameMonth, shouldRenderMonth, shouldRenderDate, calendarOnlyProps, getReversedTimeMeridian, reverseDateRangeOmitTime, copyTime, shouldOnlyRenderTime } from "../internals/utils/date/index.js";
-import Calendar from "./Calendar.js";
-import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from "./utils.js";
-import { deprecatePropTypeNew, oneOf } from "../internals/propTypes/index.js";
 import DateRangePickerContext from "./DateRangePickerContext.js";
 import DateRangeInput from "../DateRangeInput/index.js";
 import InputGroup from "../InputGroup/index.js";
 import Header from "./Header.js";
 import useDateDisabled from "./hooks/useDateDisabled.js";
 import useCustomizedInput from "../DatePicker/hooks/useCustomizedInput.js";
+import Calendar from "./Calendar.js";
+import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from "./utils.js";
+import { deprecatePropTypeNew, oneOf } from "../internals/propTypes/index.js";
+import { DATERANGE_DISABLED_TARGET as TARGET } from "../internals/constants/index.js";
+import { omitTriggerPropKeys, PickerPopup, pickerPropTypes, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker/index.js";
+import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
+import { createChainedFunction, mergeRefs, partitionHTMLProps, getStringLength } from "../internals/utils/index.js";
+import { addMonths, isValid, isBefore, isSameDay, addDays, startOfDay, endOfDay, shouldRenderTime, isAfter, isSameMonth, shouldRenderMonth, shouldRenderDate, calendarOnlyProps, getReversedTimeMeridian, reverseDateRangeOmitTime, copyTime, shouldOnlyRenderTime } from "../internals/utils/date/index.js";
 /**
  * A date range picker allows you to select a date range from a calendar.
  *
@@ -48,6 +48,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
     _props$character = props.character,
     character = _props$character === void 0 ? ' ~ ' : _props$character,
+    calendarSnapping = props.calendarSnapping,
     defaultCalendarValue = props.defaultCalendarValue,
     defaultValue = props.defaultValue,
     plaintext = props.plaintext,
@@ -87,6 +88,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     size = props.size,
     caretAsProp = props.caretAs,
     valueProp = props.value,
+    monthDropdownProps = props.monthDropdownProps,
     onChange = props.onChange,
     onClean = props.onClean,
     onEnter = props.onEnter,
@@ -368,11 +370,13 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setActiveCalendarKey('start');
     }
     setSelectedDates(nextSelectDates);
-    setCalendarDateRange({
-      dateRange: nextSelectDates,
-      calendarKey: calendarKey,
-      eventName: 'changeDate'
-    });
+    if (!isSameMonth(calendarDate[index], date) || calendarSnapping) {
+      setCalendarDateRange({
+        dateRange: nextSelectDates,
+        calendarKey: calendarKey,
+        eventName: 'changeDate'
+      });
+    }
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);
     setSelectedIdle(!isSelectedIdle);
   });
@@ -618,6 +622,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       showWeekNumbers: showWeekNumbers,
       format: formatStr,
       value: selectedDates,
+      monthDropdownProps: monthDropdownProps,
       hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,
       disabledDate: disableCalendarDate,
       onSelect: handleSelectDate,

package/esm/InputNumber/InputNumber.d.ts

@@ -9,6 +9,15 @@ export interface InputNumberProps<T = number | string | null> extends Omit<React
      * An input can show that it is disabled
      */
     disabled?: boolean;
+    /**
+     *
+     * Decimal separator
+     * https://en.wikipedia.org/wiki/Decimal_separator
+     *
+     * @default '.'
+     * @version 5.69.0
+     */
+    decimalSeparator?: string;
     /**
      * Format the value of the input
      */

package/esm/InputNumber/InputNumber.js

@@ -1,8 +1,8 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "className", "classPrefix", "disabled", "formatter", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel", "onBlur", "onFocus"];
-import React, { useEffect, useRef, useState } from 'react';
+var _excluded = ["as", "className", "classPrefix", "disabled", "decimalSeparator", "formatter", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel", "onBlur", "onFocus"];
+import React, { useEffect, useRef, useState, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
 import AngleUpIcon from '@rsuite/icons/legacy/AngleUp';
@@ -82,6 +82,7 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'input-number' : _props$classPrefix,
     disabled = props.disabled,
+    decimalSeparator = props.decimalSeparator,
     formatter = props.formatter,
     readOnly = props.readOnly,
     plaintext = props.plaintext,
@@ -201,14 +202,30 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);
   });
   var handleChange = useEventCallback(function (value, event) {
-    if (!/^-?(?:\d+)?(\.)?\d*$/.test(value) && value !== '') {
+    var separator = decimalSeparator || '.';
+    var escapedSeparator = separator.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+    var regex = new RegExp("^-?(?:\\d+)?(" + escapedSeparator + ")?\\d*$");
+    if (!regex.test(value) && value !== '') {
       return;
     }
     handleChangeValue(value, event);
   });
+  var replaceDecimalSeparator = useCallback(function (value) {
+    if (decimalSeparator && value) {
+      return value.toString().replace('.', decimalSeparator);
+    }
+    return value;
+  }, [decimalSeparator]);
+  var restoreDecimalSeparator = useCallback(function (value) {
+    if (decimalSeparator && value) {
+      return value.replace(decimalSeparator, '.');
+    }
+    return value;
+  }, [decimalSeparator]);
   var handleBlur = useEventCallback(function (event) {
     var _event$target;
-    var targetValue = Number.parseFloat((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
+    var value = restoreDecimalSeparator((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
+    var targetValue = Number.parseFloat(value);
     handleChangeValue(getSafeValue(targetValue), event);
     setIsFocused(false);
   });
@@ -224,22 +241,25 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
       (_wheelListener = wheelListener) === null || _wheelListener === void 0 ? void 0 : _wheelListener.off();
     };
   }, [handleWheel, scrollable]);
-  var renderValue = function renderValue() {
+  var inputValue = useMemo(function () {
     if (isNil(value)) {
       return '';
     }
     if (isFocused) {
-      return value;
+      return replaceDecimalSeparator(value);
     }
-    return formatter ? formatter(value) : value;
-  };
+    if (formatter) {
+      return formatter(value);
+    }
+    return replaceDecimalSeparator(value);
+  }, [formatter, isFocused, replaceDecimalSeparator, value]);
   var input = /*#__PURE__*/React.createElement(Input, _extends({}, htmlInputProps, {
     ref: plaintext ? ref : undefined,
     inputRef: inputRef,
     autoComplete: "off",
     inputMode: "numeric",
     step: step,
-    value: renderValue(),
+    value: inputValue,
     disabled: disabled,
     readOnly: readOnly,
     plaintext: plaintext,

package/esm/internals/Windowing/List.d.ts

@@ -1,7 +1,17 @@
-import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps } from 'react-window';
-import { WithAsProps, RsRefForwardingComponent } from '../types';
+import React from 'react';
+import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps, ListProps as BaseListProps } from 'react-window';
+import { RsRefForwardingComponent } from '../types';
 export declare const defaultItemSize: () => number;
-export interface ListProps<T = any> extends WithAsProps {
+export interface ListProps<T = any> extends Omit<BaseListProps, 'width'> {
+    ref?: React.Ref<ListHandle>;
+    /**
+     * Width of the list.
+     *
+     * For horizontal lists, this must be a number. It affects the number of columns that will be rendered (and displayed) at any given time.
+     *
+     * For vertical lists, this can be a number or a string (e.g. "50%").
+     */
+    width?: number | string;
     /**
      * @deprecated use itemSize instead
      * Either a fixed row height (number) or a function that returns the height of a row given its index: ({ index: number }): number

package/esm/internals/Windowing/index.d.ts

@@ -1,5 +1,5 @@
 export { default as AutoSizer } from './AutoSizer';
 export { default as List, defaultItemSize } from './List';
 export { FixedSizeList, VariableSizeList } from 'react-window';
-export type { ListChildComponentProps } from 'react-window';
+export type { ListChildComponentProps, FixedSizeListProps } from 'react-window';
 export type { ListProps, ListHandle } from './List';

package/esm/internals/hooks/useCustom.js

@@ -37,25 +37,38 @@ export function useCustom(keys, overrideLocale) {
   if (overrideLocale) {
     componentLocale = mergeObject([componentLocale, overrideLocale]);
   }
-  var defaultFormatDate = useCallback(function (date, formatStr) {
-    var _locale$Calendar;
-    return format(isValid(date) ? date : new Date(), formatStr, {
-      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
-    });
-  }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);
-  var defaultParseDate = useCallback(function (dateString, formatString) {
+  var _formatDate = useCallback(function (date, formatStr, options) {
+    try {
+      var _locale$Calendar;
+      if (formatDate) {
+        return formatDate(date, formatStr, options);
+      }
+      return format(isValid(date) ? date : new Date(), formatStr, _extends({
+        locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
+      }, options));
+    } catch (error) {
+      if (process.env.NODE_ENV === 'development') {
+        console.error('Error: Invalid date format', error);
+      }
+      return 'Error: Invalid date format';
+    }
+  }, [formatDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);
+  var _parseDate = useCallback(function (dateString, formatString, referenceDate, options) {
     var _locale$Calendar3;
-    return parse(dateString, formatString, new Date(), {
+    if (parseDate) {
+      return parseDate(dateString, formatString, referenceDate, options);
+    }
+    return parse(dateString, formatString, referenceDate || new Date(), _extends({
       locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale
-    });
-  }, [(_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);
+    }, options));
+  }, [parseDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);
   return {
     locale: componentLocale,
     rtl: rtl,
     toasters: toasters,
     disableRipple: disableRipple,
-    formatDate: formatDate || defaultFormatDate,
-    parseDate: parseDate || defaultParseDate
+    formatDate: _formatDate,
+    parseDate: _parseDate
   };
 }
 export default useCustom;

package/esm/useMediaQuery/useMediaQuery.js

@@ -1,6 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useEffect, useState, useCallback, useRef } from 'react';
+import React, { useEffect, useState, useCallback, useRef, useMemo } from 'react';
 import canUseDOM from 'dom-lib/canUseDOM';
 import pick from 'lodash/pick';
 export var mediaQuerySizeMap = {
@@ -32,9 +32,12 @@ var matchMedia = function matchMedia(query) {
  */
 export function useMediaQueryOld(query) {
   var queries = Array.isArray(query) ? query : [query];
-  var mediaQueries = queries.map(function (query) {
-    return mediaQuerySizeMap[query] || query;
-  });
+  var mediaQueries = useMemo(function () {
+    return queries.map(function (query) {
+      return mediaQuerySizeMap[query] || query;
+    });
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [].concat(queries));
   var _useState = useState(function () {
       return mediaQueries.map(function (query) {
         return pick(matchMedia(query), ['matches', 'media']);
@@ -78,9 +81,12 @@ export function useMediaQueryOld(query) {
 export function useMediaQuery(query) {
   var _React$useSyncExterna;
   var queries = Array.isArray(query) ? query : [query];
-  var mediaQueries = queries.map(function (query) {
-    return mediaQuerySizeMap[query] || query;
-  });
+  var mediaQueries = useMemo(function () {
+    return queries.map(function (query) {
+      return mediaQuerySizeMap[query] || query;
+    });
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [].concat(queries));
   var mediaQueryArray = useRef(mediaQueries.map(function (query) {
     return matchMedia(query).matches;
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.68.1",
+  "version": "5.69.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/cjs/Calendar/types.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { CalendarLocale } from '../locales';
-export interface CalendarInnerContextValue {
-    date: Date;
-    dateRange?: Date[];
-    format?: string;
-    hoverRangeValue?: [Date, Date];
-    inline?: boolean;
-    isoWeek: boolean;
-    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    showWeekNumbers?: boolean;
-    targetId?: string;
-    disabledDate?: (date: Date, selectRangeValue?: Date[], type?: string) => boolean;
-    inSameMonth?: (date: Date) => boolean;
-    onChangeMonth?: (nextPageDate: Date, event: React.MouseEvent) => void;
-    onChangeTime?: (nextPageTime: Date, event: React.MouseEvent) => void;
-    onMouseMove?: (date: Date) => void;
-    onSelect?: (date: Date, event: React.MouseEvent) => void;
-    renderCell?: (date: Date) => React.ReactNode;
-    renderCellOnPicker?: (date: Date) => React.ReactNode;
-    cellClassName?: (date: Date) => string | undefined;
-}
-export interface CalendarContextValue extends CalendarInnerContextValue {
-    locale: CalendarLocale;
-    formatDate?: (date: Date | string | number, format?: string, options?: {
-        locale?: any;
-    }) => string;
-}

package/cjs/Calendar/types.js

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

package/esm/Calendar/types.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { CalendarLocale } from '../locales';
-export interface CalendarInnerContextValue {
-    date: Date;
-    dateRange?: Date[];
-    format?: string;
-    hoverRangeValue?: [Date, Date];
-    inline?: boolean;
-    isoWeek: boolean;
-    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    showWeekNumbers?: boolean;
-    targetId?: string;
-    disabledDate?: (date: Date, selectRangeValue?: Date[], type?: string) => boolean;
-    inSameMonth?: (date: Date) => boolean;
-    onChangeMonth?: (nextPageDate: Date, event: React.MouseEvent) => void;
-    onChangeTime?: (nextPageTime: Date, event: React.MouseEvent) => void;
-    onMouseMove?: (date: Date) => void;
-    onSelect?: (date: Date, event: React.MouseEvent) => void;
-    renderCell?: (date: Date) => React.ReactNode;
-    renderCellOnPicker?: (date: Date) => React.ReactNode;
-    cellClassName?: (date: Date) => string | undefined;
-}
-export interface CalendarContextValue extends CalendarInnerContextValue {
-    locale: CalendarLocale;
-    formatDate?: (date: Date | string | number, format?: string, options?: {
-        locale?: any;
-    }) => string;
-}

package/esm/Calendar/types.js

@@ -1,2 +0,0 @@
-'use client';
-export {};