rsuite 5.82.0 → 5.83.1

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [5.83.1](https://github.com/rsuite/rsuite/compare/v5.83.0...v5.83.1) (2025-06-27)
+
+
+### Bug Fixes
+
+* allow TimePicker and TimeRangePicker locale prop to override global locale ([#4333](https://github.com/rsuite/rsuite/issues/4333)) ([6f66dfd](https://github.com/rsuite/rsuite/commit/6f66dfdc570c930b99e2954bc339446707947b92))
+
+
+
+# [5.83.0](https://github.com/rsuite/rsuite/compare/v5.82.0...v5.83.0) (2025-06-19)
+
+
+### Features
+
+* **DateRangePicker:** add calendarKey parameter to renderTitle function ([#4318](https://github.com/rsuite/rsuite/issues/4318)) ([5b8c198](https://github.com/rsuite/rsuite/commit/5b8c19891945c2416475d493daef0aabf7e0f214))
+* **locale:** add Gujarati [gu_IN] locale ([#4309](https://github.com/rsuite/rsuite/issues/4309)) ([9715633](https://github.com/rsuite/rsuite/commit/9715633f72bdbb9b141380d9ad134d619d65e2fb))
+
+
+
 # [5.82.0](https://github.com/rsuite/rsuite/compare/v5.81.0...v5.82.0) (2025-05-29)
 
 

package/cjs/CustomProvider/useCustom.js

@@ -16,12 +16,29 @@ var _excluded = ["locale"];
 function getDefaultRTL() {
   return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
 }
-function toLocaleKey(componentName) {
-  var Picker = ['Cascader', 'CheckTreePicker', 'MultiCascader', 'SelectPicker', 'TreePicker', 'CheckPicker', 'CheckTreePicker'];
-  if (Picker.includes(componentName)) {
-    return 'Combobox';
-  }
-  return componentName;
+
+/**
+ * Maps a component name to its corresponding locale key
+ * @param componentName - The name of the component
+ * @returns The locale key for the component
+ */
+function getComponentLocaleKey(componentName) {
+  // Define mappings for components that share locale keys
+  var localeKeyMappings = {
+    // All picker components use the Combobox locale
+    Cascader: 'Combobox',
+    CheckTreePicker: 'Combobox',
+    MultiCascader: 'Combobox',
+    SelectPicker: 'Combobox',
+    TreePicker: 'Combobox',
+    CheckPicker: 'Combobox',
+    // Time components use date components locales
+    TimePicker: 'DatePicker',
+    TimeRangePicker: 'DateRangePicker'
+  };
+
+  // Return the mapped locale key or the component name itself if no mapping exists
+  return localeKeyMappings[componentName] || componentName;
 }
 
 /**
@@ -69,7 +86,7 @@ function useCustom(componentName, componentProps) {
     //Memoize the global default props based on component name
     var globalDefaultProps = ((_components$component = components[componentName]) === null || _components$component === void 0 ? void 0 : _components$component.defaultProps) || {};
     var mergedProps = (0, _assign.default)({}, globalDefaultProps, restProps);
-    var localeKey = toLocaleKey(componentName);
+    var localeKey = getComponentLocaleKey(componentName);
 
     // If the default locale has the component name, then merge the locale.
     if (Object.keys(_en_GB.default).includes(localeKey)) {

package/cjs/DateRangePicker/Calendar.d.ts

@@ -4,7 +4,7 @@ import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { DateRange } from './types';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import { DateRangePickerLocale } from '../locales';
-type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale';
+type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale' | 'renderTitle';
 export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps, OmitCalendarCoreTypes> {
     calendarDateRange?: DateRange;
     disabledDate?: (date: Date, selectValue: [] | [Date] | [Date, Date], type: DATERANGE_DISABLED_TARGET) => boolean;
@@ -18,6 +18,7 @@ export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps,
     locale?: Partial<DateRangePickerLocale>;
     showWeekNumbers?: boolean;
     value?: [] | [Date] | [Date, Date];
+    renderTitle?: (date: Date, calendarKey: 'start' | 'end') => React.ReactNode;
     onChangeCalendarMonth?: (index: number, date: Date) => void;
     onChangeCalendarTime?: (index: number, date: Date) => void;
     onSelect?: (index: number, date: Date, event: React.SyntheticEvent) => void;

package/cjs/DateRangePicker/Calendar.js

@@ -11,7 +11,7 @@ var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarCon
 var _date = require("../internals/utils/date");
 var _constants = require("../internals/constants");
 var _hooks = require("./hooks");
-var _excluded = ["as", "calendarDateRange", "format", "disabledDate", "index", "limitEndYear", "limitStartYear", "onChangeCalendarMonth", "onChangeCalendarTime", "onSelect", "value"];
+var _excluded = ["as", "calendarDateRange", "format", "disabledDate", "index", "limitEndYear", "limitStartYear", "onChangeCalendarMonth", "onChangeCalendarTime", "onSelect", "renderTitle", "value"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -29,9 +29,11 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onChangeCalendarMonth = props.onChangeCalendarMonth,
     onChangeCalendarTime = props.onChangeCalendarTime,
     onSelect = props.onSelect,
+    renderTitle = props.renderTitle,
     _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var calendarKey = index === 0 ? 'start' : 'end';
   var calendarHandlers = (0, _hooks.useCalendarHandlers)({
     index: index,
     calendarDateRange: calendarDateRange,
@@ -42,8 +44,11 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var disableCalendarDate = (0, _react.useCallback)(function (date) {
     return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date, value, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
   }, [disabledDate, value]);
+  var handleRenderTitle = (0, _react.useCallback)(function (date) {
+    return renderTitle === null || renderTitle === void 0 ? void 0 : renderTitle(date, calendarKey);
+  }, [renderTitle, calendarKey]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    "data-testid": "calendar-" + (index === 0 ? 'start' : 'end')
+    "data-testid": "calendar-" + calendarKey
   }, rest, calendarHandlers, {
     index: index,
     format: format,
@@ -51,7 +56,8 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     disabledDate: disableCalendarDate,
     limitEndYear: limitEndYear,
     limitStartYear: limitStartYear,
-    ref: ref
+    ref: ref,
+    renderTitle: handleRenderTitle
   }));
 });
 Calendar.displayName = 'DateRangePicker.Calendar';

package/cjs/DateRangePicker/DateRangePicker.d.ts

@@ -157,8 +157,10 @@ export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLoc
     renderValue?: (value: DateRange, format: string) => string;
     /**
      * Custom render for calendar title
+     *
+     * - calendarKey is added in v5.83.0
      */
-    renderTitle?: (date: Date) => React.ReactNode;
+    renderTitle?: (date: Date, calendarKey: 'start' | 'end') => React.ReactNode;
     /**
      * Custom rendering calendar cell content.
      *

package/cjs/locales/gu_IN.d.ts

@@ -0,0 +1,151 @@
+declare const _default: {
+    code: string;
+    common: {
+        loading: string;
+        emptyMessage: string;
+        remove: string;
+        clear: string;
+    };
+    Plaintext: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    };
+    Pagination: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    };
+    DateTimeFormats: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    DateRangePicker: {
+        last7Days: string;
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Combobox: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    TagPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+        removeFile: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/cjs/locales/gu_IN.js

@@ -0,0 +1,91 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _gu = _interopRequireDefault(require("date-fns/locale/gu"));
+var DateTimeFormats = {
+  sunday: 'રવિ',
+  monday: 'સોમ',
+  tuesday: 'મંગળ',
+  wednesday: 'બુધ',
+  thursday: 'ગુરુ',
+  friday: 'શુક્ર',
+  saturday: 'શનિ',
+  ok: 'OK',
+  today: 'આજે',
+  yesterday: 'ગઈ કાલે',
+  now: 'અત્યારે',
+  hours: 'કલાક',
+  minutes: 'મિનિટ',
+  seconds: 'સેકંડ',
+  formattedMonthPattern: 'MMM, yyyy',
+  formattedDayPattern: 'MMM dd, yyyy',
+  shortDateFormat: 'MM/dd/yyyy',
+  shortTimeFormat: 'hh:mm aa',
+  dateLocale: _gu.default
+};
+var Combobox = {
+  noResultsText: 'કોઈ પરિણામો મળ્યા નથી',
+  placeholder: 'પસંદ કરો',
+  searchPlaceholder: 'શોધો',
+  checkAll: 'બધા પસંદ કરો'
+};
+var CreatableComboBox = (0, _extends2.default)({}, Combobox, {
+  newItem: 'નવી આઇટમ',
+  createOption: 'વિકલ્પ બનાવો "{0}"'
+});
+var _default = exports.default = {
+  code: 'gu-IN',
+  common: {
+    loading: 'લોડ થઈ રહ્યું છે...',
+    emptyMessage: 'પરિણામો મળ્યા નથી',
+    remove: 'હટાવો',
+    clear: 'સાફ કરો'
+  },
+  Plaintext: {
+    unfilled: 'અપૂર્ણ',
+    notSelected: 'પસંદ ન કરાયું',
+    notUploaded: 'ઉમેરાયું નથી'
+  },
+  Pagination: {
+    more: 'વધુ',
+    prev: 'પાછળ',
+    next: 'આગળ',
+    first: 'પ્રથમ',
+    last: 'છેલ્લું',
+    limit: '{0} / પૃષ્ઠ',
+    total: 'કુલ હરોળ: {0}',
+    skip: 'જા ઑ{0}'
+  },
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
+  DateRangePicker: (0, _extends2.default)({}, DateTimeFormats, {
+    last7Days: 'છેલ્લા 7 દિવસ'
+  }),
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
+  Uploader: {
+    inited: 'પ્રારંભિક',
+    progress: 'અપલોડ થઈ રહ્યું છે',
+    error: 'ભૂલ',
+    complete: 'પૂર્ણ',
+    emptyFile: 'ખાલી',
+    upload: 'અપલોડ કરો',
+    removeFile: 'ફાઇલ હટાવો'
+  },
+  CloseButton: {
+    closeLabel: 'બંધ કરો'
+  },
+  Breadcrumb: {
+    expandText: 'પાથ બતાવો'
+  },
+  Toggle: {
+    on: 'શરૂ',
+    off: 'બંધ'
+  }
+};

package/cjs/locales/index.d.ts

@@ -28,6 +28,7 @@ export { default as csCZ } from './cs_CZ';
 export { default as plPL } from './pl_PL';
 export { default as ukUA } from './uk_UA';
 export { default as thTH } from './th_TH';
+export { default as guIN } from './gu_IN';
 type PickKeys<T> = {
     [keys in keyof T]?: T[keys];
 };

package/cjs/locales/index.js

@@ -3,7 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.zhTW = exports.zhCN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.ruRU = exports.ptBR = exports.plPL = exports.nlNL = exports.neNP = exports.koKR = exports.kkKZ = exports.jaJP = exports.itIT = exports.huHU = exports.frFR = exports.fiFI = exports.faIR = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.arEG = void 0;
+exports.zhTW = exports.zhCN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.ruRU = exports.ptBR = exports.plPL = exports.nlNL = exports.neNP = exports.koKR = exports.kkKZ = exports.jaJP = exports.itIT = exports.huHU = exports.guIN = exports.frFR = exports.fiFI = exports.faIR = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.arEG = void 0;
 var _ar_EG = _interopRequireDefault(require("./ar_EG"));
 exports.arEG = _ar_EG.default;
 var _da_DK = _interopRequireDefault(require("./da_DK"));
@@ -59,4 +59,6 @@ exports.plPL = _pl_PL.default;
 var _uk_UA = _interopRequireDefault(require("./uk_UA"));
 exports.ukUA = _uk_UA.default;
 var _th_TH = _interopRequireDefault(require("./th_TH"));
-exports.thTH = _th_TH.default;
+exports.thTH = _th_TH.default;
+var _gu_IN = _interopRequireDefault(require("./gu_IN"));
+exports.guIN = _gu_IN.default;