rsuite 5.68.1 → 5.69.0

package/cjs/CustomProvider/CustomProvider.d.ts

@@ -1,6 +1,14 @@
 import React from 'react';
+import type { Locale as DateFnsLocale } from 'date-fns';
 import { Locale } from '../locales';
 import { ToastContainerInstance } from '../toaster/ToastContainer';
+export interface FormatDateOptions {
+    locale?: DateFnsLocale;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    firstWeekContainsDate?: number;
+    useAdditionalWeekYearTokens?: boolean;
+    useAdditionalDayOfYearTokens?: boolean;
+}
 export interface CustomValue<T = Locale> {
     /** Language configuration */
     locale: T;
@@ -19,7 +27,7 @@ export interface CustomValue<T = Locale> {
      *  }
      *
      * */
-    formatDate: (date: Date | number, format: string) => string;
+    formatDate: (date: Date | number, format: string, options?: FormatDateOptions) => string;
     /**
      * Return the date parsed from string using the given format string.
      *
@@ -33,7 +41,7 @@ export interface CustomValue<T = Locale> {
      *  }
      *
      * */
-    parseDate: (dateString: string, formatString: string) => Date;
+    parseDate: (dateString: string, formatString: string, referenceDate?: Date | number, options?: FormatDateOptions) => Date;
     /**
      * A Map of toast containers
      */
@@ -60,6 +68,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
     } | undefined;
     Plaintext?: {
         unfilled: string;
+        /** Support right-to-left */
         notSelected: string;
         notUploaded: string;
     } | undefined;
@@ -67,19 +76,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         more: string;
         prev: string;
         next: string;
-        first: string; /**
-         * Return the date parsed from string using the given format string.
-         *
-         * Example:
-         *
-         *  import parse from 'date-fns/parse';
-         *  import eo from 'date-fns/locale/eo'
-         *
-         *  function parseDate(date, formatStr) {
-         *    return parse(date, formatStr, new Date(), { locale: eo });
-         *  }
-         *
-         * */
+        first: string;
         last: string;
         limit: string;
         total: string;
@@ -152,7 +149,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
     } | undefined;
     Uploader?: {
         inited: string;
-        progress: string; /** If true, the ripple effect is disabled. Affected components include: Button, Nav.Item, Pagination. */
+        progress: string;
         error: string;
         complete: string;
         emptyFile: string;

package/cjs/DateInput/hooks/useDateInputState.d.ts

@@ -1,8 +1,6 @@
-import { format } from '../../internals/utils/date';
 import type { Locale } from 'date-fns';
 interface DateInputState {
     formatStr: string;
-    formatDate?: typeof format;
     locale: Locale;
     date?: Date | null;
     isControlledDate?: boolean;

package/cjs/DateInput/hooks/useDateInputState.js

@@ -8,12 +8,15 @@ exports.useDateInputState = useDateInputState;
 var _react = require("react");
 var _startCase = _interopRequireDefault(require("lodash/startCase"));
 var _date = require("../../internals/utils/date");
+var _hooks = require("../../internals/hooks");
 var _DateField = require("../DateField");
 function useDateInputState(_ref) {
   var formatStr = _ref.formatStr,
     locale = _ref.locale,
     date = _ref.date,
     isControlledDate = _ref.isControlledDate;
+  var _useCustom = (0, _hooks.useCustom)(),
+    formatDate = _useCustom.formatDate;
   var _useDateField = (0, _DateField.useDateField)(formatStr, locale.localize, date),
     dateField = _useDateField.dateField,
     dispatch = _useDateField.dispatch,
@@ -94,7 +97,7 @@ function useDateInputState(_ref) {
   };
   var toControlledDateString = function toControlledDateString() {
     if (date && (0, _date.isValid)(date)) {
-      return (0, _date.format)(date, formatStr, {
+      return formatDate(date, formatStr, {
         locale: locale
       });
     }

package/cjs/DatePicker/DatePicker.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { RangeType } from './Toolbar';
-import { DatePickerLocale } from '../locales';
 import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../internals/types';
+import type { DatePickerLocale } from '../locales';
 import type { DeprecatedProps } from './types';
+import type { MonthDropdownProps } from '../Calendar/CalendarContext';
 export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null>, DeprecatedProps {
     /**
      * Custom caret component
@@ -77,6 +78,10 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
      * Meridian format for 12-hour time
      */
     showMeridian?: boolean;
+    /**
+     * The props for the Month Dropdown component.
+     */
+    monthDropdownProps?: MonthDropdownProps;
     /**
      * Whether a date on the calendar view should be disabled
      *

package/cjs/DatePicker/DatePicker.js

@@ -15,23 +15,23 @@ var _Calendar = _interopRequireDefault(require("@rsuite/icons/legacy/Calendar"))
 var _ClockO = _interopRequireDefault(require("@rsuite/icons/legacy/ClockO"));
 var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarContainer"));
 var _useCalendarDate2 = _interopRequireDefault(require("../Calendar/useCalendarDate"));
-var _MonthDropdown = require("../Calendar/MonthDropdown");
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _PredefinedRanges = _interopRequireDefault(require("./PredefinedRanges"));
+var _DateInput = _interopRequireDefault(require("../DateInput"));
+var _InputGroup = _interopRequireDefault(require("../InputGroup"));
+var _useMonthView2 = _interopRequireDefault(require("./hooks/useMonthView"));
+var _useFocus2 = _interopRequireDefault(require("./hooks/useFocus"));
+var _useCustomizedInput2 = _interopRequireDefault(require("./hooks/useCustomizedInput"));
+var _MonthDropdown = require("../Calendar/MonthDropdown");
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _date = require("../internals/utils/date");
 var _Picker = require("../internals/Picker");
 var _OverlayTrigger = require("../internals/Overlay/OverlayTrigger");
-var _DateInput = _interopRequireDefault(require("../DateInput"));
-var _InputGroup = _interopRequireDefault(require("../InputGroup"));
 var _utils2 = require("./utils");
-var _useMonthView2 = _interopRequireDefault(require("./hooks/useMonthView"));
-var _useFocus2 = _interopRequireDefault(require("./hooks/useFocus"));
-var _useCustomizedInput2 = _interopRequireDefault(require("./hooks/useCustomizedInput"));
 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"];
 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; }
 /**
@@ -49,6 +49,7 @@ var DatePicker = /*#__PURE__*/_react.default.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,
@@ -82,7 +83,7 @@ var DatePicker = /*#__PURE__*/_react.default.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,
@@ -420,6 +421,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       isoWeek: isoWeek,
       weekStart: weekStart,
       calendarDate: calendarDate,
+      monthDropdownProps: monthDropdownProps,
       renderCellOnPicker: renderCell,
       onMoveForward: handleMoveForward,
       onMoveBackward: handleMoveBackward,

package/cjs/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/cjs/DateRangePicker/Calendar.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
+var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarContainer"));
 var _date = require("../internals/utils/date");
 var _constants = require("../internals/constants");
 var _hooks = require("../internals/hooks");
-var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarContainer"));
 var _excluded = ["as", "calendarDate", "format", "disabledDate", "index", "limitEndYear", "limitStartYear", "onChangeCalendarMonth", "onChangeCalendarTime", "onToggleMeridian", "onSelect", "value"];
 var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,

package/cjs/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/cjs/DateRangePicker/DateRangePicker.js

@@ -17,22 +17,22 @@ var _ClockO = _interopRequireDefault(require("@rsuite/icons/legacy/ClockO"));
 var _Toolbar = _interopRequireDefault(require("../DatePicker/Toolbar"));
 var _PredefinedRanges = _interopRequireDefault(require("../DatePicker/PredefinedRanges"));
 var _Stack = _interopRequireDefault(require("../Stack"));
-var _constants = require("../internals/constants");
-var _Picker = require("../internals/Picker");
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
-var _date = require("../internals/utils/date");
-var _Calendar2 = _interopRequireDefault(require("./Calendar"));
-var _utils2 = require("./utils");
-var _propTypes2 = require("../internals/propTypes");
 var _DateRangePickerContext = _interopRequireDefault(require("./DateRangePickerContext"));
 var _DateRangeInput = _interopRequireDefault(require("../DateRangeInput"));
 var _InputGroup = _interopRequireDefault(require("../InputGroup"));
 var _Header = _interopRequireDefault(require("./Header"));
 var _useDateDisabled = _interopRequireDefault(require("./hooks/useDateDisabled"));
 var _useCustomizedInput2 = _interopRequireDefault(require("../DatePicker/hooks/useCustomizedInput"));
+var _Calendar2 = _interopRequireDefault(require("./Calendar"));
+var _utils = require("./utils");
+var _propTypes2 = require("../internals/propTypes");
+var _constants = require("../internals/constants");
+var _Picker = require("../internals/Picker");
+var _hooks = require("../internals/hooks");
+var _utils2 = require("../internals/utils");
+var _date = require("../internals/utils/date");
 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"];
 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; }
 /**
@@ -55,6 +55,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     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,
@@ -94,6 +95,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     size = props.size,
     caretAsProp = props.caretAs,
     valueProp = props.value,
+    monthDropdownProps = props.monthDropdownProps,
     onChange = props.onChange,
     onClean = props.onClean,
     onEnter = props.onEnter,
@@ -155,7 +157,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     setHoverDateRange = _useState3[1];
 
   // The displayed calendar panel is rendered based on this value.
-  var _useState4 = (0, _react.useState)((0, _utils2.getSafeCalendarDate)({
+  var _useState4 = (0, _react.useState)((0, _utils.getSafeCalendarDate)({
       value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null
     })),
     calendarDate = _useState4[0],
@@ -210,7 +212,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       // Make the calendar render the value of defaultCalendarValue after clearing the value.
       nextValue = defaultCalendarValue;
     }
-    var nextCalendarDate = (0, _utils2.getSafeCalendarDate)({
+    var nextCalendarDate = (0, _utils.getSafeCalendarDate)({
       value: nextValue,
       calendarKey: calendarKey,
       // When only the month is displayed and only one calendar is displayed,
@@ -235,7 +237,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         endDate = value[1];
       strings = "" + formatDate(startDate, formatStr) + character + formatDate(endDate, formatStr);
     }
-    return (0, _utils.getStringLength)(strings) + padding;
+    return (0, _utils2.getStringLength)(strings) + padding;
   };
 
   /**
@@ -245,14 +247,14 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     function getHoverRangeFunc() {
       if (hoverRange === 'week') {
         return function (date) {
-          return (0, _utils2.getWeekHoverRange)(date, {
+          return (0, _utils.getWeekHoverRange)(date, {
             isoWeek: isoWeek,
             weekStart: weekStart,
             locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
           });
         };
       } else if (hoverRange === 'month') {
-        return _utils2.getMonthHoverRange;
+        return _utils.getMonthHoverRange;
       }
       return hoverRange;
     }
@@ -277,7 +279,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     // If nextValue is null, it means that the user is erasing the selected dates.
     setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);
     setValue(nextValue);
-    if (!(0, _utils2.isSameRange)(nextValue, value, formatStr)) {
+    if (!(0, _utils.isSameRange)(nextValue, value, formatStr)) {
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
     }
 
@@ -375,11 +377,13 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       setActiveCalendarKey('start');
     }
     setSelectedDates(nextSelectDates);
-    setCalendarDateRange({
-      dateRange: nextSelectDates,
-      calendarKey: calendarKey,
-      eventName: 'changeDate'
-    });
+    if (!(0, _date.isSameMonth)(calendarDate[index], date) || calendarSnapping) {
+      setCalendarDateRange({
+        dateRange: nextSelectDates,
+        calendarKey: calendarKey,
+        eventName: 'changeDate'
+      });
+    }
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);
     setSelectedIdle(!isSelectedIdle);
   });
@@ -448,7 +452,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       nextCalendarDate = [startDate, (0, _date.isSameMonth)(startDate, endData) ? (0, _date.addMonths)(endData, calendarGap) : endData];
     } else {
       // Reset the date on the calendar to the default date
-      nextCalendarDate = (0, _utils2.getSafeCalendarDate)({
+      nextCalendarDate = (0, _utils.getSafeCalendarDate)({
         value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null
       });
     }
@@ -625,6 +629,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       showWeekNumbers: showWeekNumbers,
       format: formatStr,
       value: selectedDates,
+      monthDropdownProps: monthDropdownProps,
       hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,
       disabledDate: disableCalendarDate,
       onSelect: handleSelectDate,
@@ -657,7 +662,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       "aria-labelledby": label ? id + "-label" : undefined,
       tabIndex: -1,
       className: classes,
-      ref: (0, _utils.mergeRefs)(overlay, speakerRef),
+      ref: (0, _utils2.mergeRefs)(overlay, speakerRef),
       target: trigger,
       style: styles
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -744,7 +749,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }
     return false;
   };
-  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {
+  var _partitionHTMLProps = (0, _utils2.partitionHTMLProps)(restProps, {
       htmlProps: [],
       includeAria: true
     }),
@@ -770,8 +775,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     ref: trigger,
     pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
     placement: placement,
-    onEnter: (0, _utils.createChainedFunction)(events.onActive, handleEnter, onEnter),
-    onExit: (0, _utils.createChainedFunction)(events.onInactive, onExit),
+    onEnter: (0, _utils2.createChainedFunction)(events.onActive, handleEnter, onEnter),
+    onExit: (0, _utils2.createChainedFunction)(events.onInactive, onExit),
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/_react.default.createElement(Component, {
     ref: root,

package/cjs/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/cjs/InputNumber/InputNumber.js

@@ -20,7 +20,7 @@ var _hooks = require("../internals/hooks");
 var _constants = require("../internals/constants");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
-var _excluded = ["as", "className", "classPrefix", "disabled", "formatter", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel", "onBlur", "onFocus"];
+var _excluded = ["as", "className", "classPrefix", "disabled", "decimalSeparator", "formatter", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel", "onBlur", "onFocus"];
 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; }
 /**
@@ -89,6 +89,7 @@ var InputNumber = /*#__PURE__*/_react.default.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,
@@ -208,14 +209,30 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);
   });
   var handleChange = (0, _hooks.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 = (0, _react.useCallback)(function (value) {
+    if (decimalSeparator && value) {
+      return value.toString().replace('.', decimalSeparator);
+    }
+    return value;
+  }, [decimalSeparator]);
+  var restoreDecimalSeparator = (0, _react.useCallback)(function (value) {
+    if (decimalSeparator && value) {
+      return value.replace(decimalSeparator, '.');
+    }
+    return value;
+  }, [decimalSeparator]);
   var handleBlur = (0, _hooks.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);
   });
@@ -231,22 +248,25 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       (_wheelListener = wheelListener) === null || _wheelListener === void 0 ? void 0 : _wheelListener.off();
     };
   }, [handleWheel, scrollable]);
-  var renderValue = function renderValue() {
+  var inputValue = (0, _react.useMemo)(function () {
     if ((0, _isNil.default)(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.default.createElement(_Input.default, (0, _extends2.default)({}, htmlInputProps, {
     ref: plaintext ? ref : undefined,
     inputRef: inputRef,
     autoComplete: "off",
     inputMode: "numeric",
     step: step,
-    value: renderValue(),
+    value: inputValue,
     disabled: disabled,
     readOnly: readOnly,
     plaintext: plaintext,

package/cjs/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/cjs/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/cjs/internals/hooks/useCustom.js

@@ -43,25 +43,38 @@ function useCustom(keys, overrideLocale) {
   if (overrideLocale) {
     componentLocale = mergeObject([componentLocale, overrideLocale]);
   }
-  var defaultFormatDate = (0, _react.useCallback)(function (date, formatStr) {
-    var _locale$Calendar;
-    return (0, _date.format)((0, _date.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 = (0, _react.useCallback)(function (dateString, formatString) {
+  var _formatDate = (0, _react.useCallback)(function (date, formatStr, options) {
+    try {
+      var _locale$Calendar;
+      if (formatDate) {
+        return formatDate(date, formatStr, options);
+      }
+      return (0, _date.format)((0, _date.isValid)(date) ? date : new Date(), formatStr, (0, _extends2.default)({
+        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 = (0, _react.useCallback)(function (dateString, formatString, referenceDate, options) {
     var _locale$Calendar3;
-    return (0, _date.parse)(dateString, formatString, new Date(), {
+    if (parseDate) {
+      return parseDate(dateString, formatString, referenceDate, options);
+    }
+    return (0, _date.parse)(dateString, formatString, referenceDate || new Date(), (0, _extends2.default)({
       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
   };
 }
 var _default = exports.default = useCustom;

package/cjs/useMediaQuery/useMediaQuery.js

@@ -41,9 +41,12 @@ var matchMedia = function matchMedia(query) {
  */
 function useMediaQueryOld(query) {
   var queries = Array.isArray(query) ? query : [query];
-  var mediaQueries = queries.map(function (query) {
-    return mediaQuerySizeMap[query] || query;
-  });
+  var mediaQueries = (0, _react.useMemo)(function () {
+    return queries.map(function (query) {
+      return mediaQuerySizeMap[query] || query;
+    });
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [].concat(queries));
   var _useState = (0, _react.useState)(function () {
       return mediaQueries.map(function (query) {
         return (0, _pick.default)(matchMedia(query), ['matches', 'media']);
@@ -87,9 +90,12 @@ function useMediaQueryOld(query) {
 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 = (0, _react.useMemo)(function () {
+    return queries.map(function (query) {
+      return mediaQuerySizeMap[query] || query;
+    });
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [].concat(queries));
   var mediaQueryArray = (0, _react.useRef)(mediaQueries.map(function (query) {
     return matchMedia(query).matches;
   }));