rsuite 5.68.1 → 5.70.0

package/cjs/Calendar/index.d.ts

@@ -1,8 +1,7 @@
 import Calendar from './Calendar';
 import CalendarContainer from './CalendarContainer';
 import { CalendarState } from './useCalendarState';
-import CalendarContext from './CalendarContext';
-import { CalendarContextValue } from './types';
+import CalendarContext, { CalendarContextValue } from './CalendarContext';
 export { CalendarContainer, CalendarContext, CalendarState };
 export type { CalendarContextValue };
 export type { CalendarProps } from './Calendar';

package/cjs/CascadeTree/CascadeTree.js

@@ -13,7 +13,7 @@ var _hooks = require("../internals/hooks");
 var _TreeView = _interopRequireDefault(require("./TreeView"));
 var _SearchView = _interopRequireDefault(require("./SearchView"));
 var _hooks2 = require("./hooks");
-var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "childrenKey", "valueKey", "labelKey", "value", "disabledItemValues", "columnWidth", "columnHeight", "searchable", "renderTreeNode", "renderColumn", "onSelect", "onSearch", "onChange", "getChildren"];
+var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "childrenKey", "valueKey", "labelKey", "locale", "value", "disabledItemValues", "columnWidth", "columnHeight", "searchable", "renderTreeNode", "renderColumn", "onSelect", "onSearch", "onChange", "getChildren"];
 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; }
 /**
@@ -36,6 +36,7 @@ var CascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
     _props$labelKey = props.labelKey,
     labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+    locale = props.locale,
     valueProp = props.value,
     _props$disabledItemVa = props.disabledItemValues,
     disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
@@ -152,6 +153,7 @@ var CascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     searchKeyword: searchKeyword,
     valueKey: valueKey,
     labelKey: labelKey,
+    locale: locale,
     parentMap: parentMap,
     disabledItemValues: disabledItemValues,
     onSelect: handleSearchRowSelect,

package/cjs/CascadeTree/SearchView.d.ts

@@ -8,6 +8,7 @@ interface SearchViewProps<T> extends WithAsProps {
     data: ItemDataType<T>[];
     focusItemValue?: T | null;
     disabledItemValues: any[];
+    locale?: Record<string, string>;
     renderSearchItem?: (label: React.ReactNode, items: ItemDataType<T>[]) => React.ReactNode;
     onSelect: (item: ItemDataType<T>, items: ItemDataType<T>[], event: React.MouseEvent) => void;
     onSearch: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;

package/cjs/CascadeTree/SearchView.js

@@ -11,7 +11,7 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/Tree/utils");
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _Highlight = _interopRequireDefault(require("../Highlight"));
-var _excluded = ["as", "classPrefix", "className", "searchKeyword", "labelKey", "valueKey", "parentMap", "data", "focusItemValue", "disabledItemValues", "inputRef", "renderSearchItem", "onSearch", "onSelect"];
+var _excluded = ["as", "classPrefix", "className", "searchKeyword", "labelKey", "locale", "valueKey", "parentMap", "data", "focusItemValue", "disabledItemValues", "inputRef", "renderSearchItem", "onSearch", "onSelect"];
 function SearchView(props) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -20,6 +20,7 @@ function SearchView(props) {
     className = props.className,
     searchKeyword = props.searchKeyword,
     labelKey = props.labelKey,
+    overrideLocale = props.locale,
     valueKey = props.valueKey,
     parentMap = props.parentMap,
     data = props.data,
@@ -36,7 +37,7 @@ function SearchView(props) {
     withClassPrefix = _useClassNames.withClassPrefix,
     rootPrefix = _useClassNames.rootPrefix;
   var classes = merge(className, withClassPrefix());
-  var _useCustom = (0, _hooks.useCustom)('Picker'),
+  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),
     locale = _useCustom.locale;
   var renderSearchRow = function renderSearchRow(item, key) {
     var items = (0, _utils.getPathTowardsItem)(item, function (item) {

package/cjs/CascadeTree/types.d.ts

@@ -10,7 +10,7 @@ export interface CascadeColumn<T> {
     parentItem?: ItemDataType<T>;
     layer?: number;
 }
-export interface CascadeTreeProps<T, V = T> extends WithAsProps, DataProps<ItemDataType<T>> {
+export interface CascadeTreeProps<T, V = T, L = any> extends WithAsProps, DataProps<ItemDataType<T>> {
     /**
      * Initial value
      */
@@ -35,6 +35,10 @@ export interface CascadeTreeProps<T, V = T> extends WithAsProps, DataProps<ItemD
      * Whether dispaly search input box
      */
     searchable?: boolean;
+    /**
+     * A collection of localized strings.
+     */
+    locale?: Partial<L>;
     /**
      * Custom render columns
      */

package/cjs/Cascader/Cascader.d.ts

@@ -3,7 +3,7 @@ import type { CascadeTreeProps } from '../CascadeTree/types';
 import { PickerLocale } from '../locales';
 import { PickerHandle, PickerToggleProps } from '../internals/Picker';
 import { ItemDataType, DataItemValue, FormControlPickerProps } from '../internals/types';
-export interface CascaderProps<T = DataItemValue> extends FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, CascadeTreeProps<T>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
+export interface CascaderProps<T = DataItemValue> extends FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, CascadeTreeProps<T, T, PickerLocale>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
     /**
      * The panel is displayed directly when the component is initialized
      * @deprecated Use CascadeTree instead

package/cjs/Cascader/Cascader.js

@@ -335,6 +335,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       searchKeyword: searchKeyword,
       valueKey: valueKey,
       labelKey: labelKey,
+      locale: locale,
       parentMap: parentMap,
       disabledItemValues: disabledItemValues,
       focusItemValue: focusItemValue,

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,