rsuite 6.2.0 → 6.2.2

package/AutoComplete/styles/index.css

@@ -2223,6 +2223,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## [6.2.2](https://github.com/rsuite/rsuite/compare/v6.2.1...v6.2.2) (2026-07-15)
+
+
+### Bug Fixes
+
+* **docs:** repair online sandbox examples ([#4588](https://github.com/rsuite/rsuite/issues/4588)) ([2bd4f65](https://github.com/rsuite/rsuite/commit/2bd4f655e47d1eab02a95be52a06bba0042f2d8e))
+* **InputPicker:** ignore Enter during IME composition when selecting an item ([#4585](https://github.com/rsuite/rsuite/issues/4585)) ([81c0b0f](https://github.com/rsuite/rsuite/commit/81c0b0fb129ef7aea6078b9395ab5358c88d215a))
+
+
+### Features
+
+* **locales:** add Norwegian Bokmål (nb_NO) locale ([#4583](https://github.com/rsuite/rsuite/issues/4583)) ([98b2024](https://github.com/rsuite/rsuite/commit/98b20249b18b89f7b121021dbfda36105f577c20))
+
+
+
+## [6.2.1](https://github.com/rsuite/rsuite/compare/v6.2.0...v6.2.1) (2026-06-12)
+
+
+### Bug Fixes
+
+* **picker:** hide caret when clear button is shown ([#4581](https://github.com/rsuite/rsuite/issues/4581)) ([d52842b](https://github.com/rsuite/rsuite/commit/d52842b0c6444bc6765595899e3f9917de52af7a))
+
+
+
 # [6.2.0](https://github.com/rsuite/rsuite/compare/v6.1.3...v6.2.0) (2026-06-12)
 
 

package/Cascader/styles/index.css

@@ -2384,6 +2384,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/CheckPicker/styles/index.css

@@ -2411,6 +2411,9 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/CheckTree/styles/index.css

@@ -2242,6 +2242,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/CheckTreePicker/styles/index.css

@@ -2243,6 +2243,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/DatePicker/styles/index.css

@@ -2275,6 +2275,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/DateRangePicker/styles/index.css

@@ -2277,6 +2277,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/InputPicker/styles/index.css

@@ -2244,6 +2244,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/MultiCascadeTree/styles/index.css

@@ -2564,6 +2564,9 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/MultiCascader/styles/index.css

@@ -2564,6 +2564,9 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/Pagination/styles/index.css

@@ -2309,6 +2309,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/SelectPicker/styles/index.css

@@ -2244,6 +2244,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/TagInput/styles/index.css

@@ -2256,6 +2256,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/TagPicker/styles/index.css

@@ -2256,6 +2256,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/TimePicker/styles/index.css

@@ -2275,6 +2275,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/TimeRangePicker/styles/index.css

@@ -2277,6 +2277,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/Tree/styles/index.css

@@ -2242,6 +2242,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/TreePicker/styles/index.css

@@ -2242,6 +2242,9 @@
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;

package/cjs/InputPicker/InputPicker.js

@@ -314,6 +314,10 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
     handleChange(val, event);
   });
   const handleMenuItemKeyPress = (0, _hooks.useEventCallback)(event => {
+    // When composing, ignore the keypress event.
+    if (event.nativeEvent.isComposing) {
+      return;
+    }
     if (!focusItemValue || !controlledData) {
       return;
     }

package/cjs/internals/Picker/PickerIndicator.js

@@ -36,27 +36,28 @@ const PickerIndicator = ({
         size: size === 'xs' ? 'xs' : 'sm'
       });
     }
-    const caret = caretAs && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    if (showCleanButton && !disabled) {
+      return /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
+        className: prefix('clean'),
+        tabIndex: -1,
+        locale: {
+          closeLabel: clear
+        },
+        onClick: onClose
+      });
+    }
+    return caretAs && /*#__PURE__*/_react.default.createElement(_Icon.default, {
       as: caretAs,
       className: prefix('caret-icon'),
       "data-testid": "caret"
     });
-    const cleanButton = showCleanButton && !disabled && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
-      className: prefix('clean'),
-      tabIndex: -1,
-      locale: {
-        closeLabel: clear
-      },
-      onClick: onClose
-    });
-    if (caret && cleanButton) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, caret, cleanButton);
-    }
-    return cleanButton || caret || null;
   };
   const props = Component === _InputGroup.default.Addon ? {
+    className: prefix('toggle-indicator'),
     disabled
-  } : undefined;
+  } : Component === _react.default.Fragment ? undefined : {
+    className: prefix('toggle-indicator')
+  };
   return /*#__PURE__*/_react.default.createElement(Component, props, addon());
 };
 var _default = exports.default = PickerIndicator;

package/cjs/locales/index.d.ts

@@ -13,6 +13,7 @@ export { default as huHU } from './hu_HU';
 export { default as itIT } from './it_IT';
 export { default as kkKZ } from './kk_KZ';
 export { default as koKR } from './ko_KR';
+export { default as nbNO } from './nb_NO';
 export { default as nlNL } from './nl_NL';
 export { default as ptBR } from './pt_BR';
 export { default as ruRU } from './ru_RU';

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.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;
+exports.zhTW = exports.zhCN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.ruRU = exports.ptBR = exports.plPL = exports.nlNL = exports.neNP = exports.nbNO = 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"));
@@ -30,6 +30,8 @@ var _kk_KZ = _interopRequireDefault(require("./kk_KZ"));
 exports.kkKZ = _kk_KZ.default;
 var _ko_KR = _interopRequireDefault(require("./ko_KR"));
 exports.koKR = _ko_KR.default;
+var _nb_NO = _interopRequireDefault(require("./nb_NO"));
+exports.nbNO = _nb_NO.default;
 var _nl_NL = _interopRequireDefault(require("./nl_NL"));
 exports.nlNL = _nl_NL.default;
 var _pt_BR = _interopRequireDefault(require("./pt_BR"));

package/cjs/locales/nb_NO.d.ts

@@ -0,0 +1,173 @@
+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;
+        /**
+         * Format of the string is based on Unicode Technical Standard #35:
+         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+         **/
+        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;
+        /**
+         * Format of the string is based on Unicode Technical Standard #35:
+         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+         **/
+        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;
+        /**
+         * Format of the string is based on Unicode Technical Standard #35:
+         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+         **/
+        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;
+        /**
+         * Format of the string is based on Unicode Technical Standard #35:
+         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+         **/
+        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;
+    };
+    Dialog: {
+        alert: string;
+        confirm: string;
+        ok: string;
+        cancel: string;
+    };
+};
+export default _default;

package/cjs/locales/nb_NO.js

@@ -0,0 +1,101 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _nb = require("date-fns/locale/nb");
+const DateTimeFormats = {
+  sunday: 'Sø',
+  monday: 'Ma',
+  tuesday: 'Ti',
+  wednesday: 'On',
+  thursday: 'To',
+  friday: 'Fr',
+  saturday: 'Lø',
+  ok: 'OK',
+  today: 'I dag',
+  yesterday: 'I går',
+  now: 'Nå',
+  hours: 'Timer',
+  minutes: 'Minutter',
+  seconds: 'Sekunder',
+  /**
+   * Format of the string is based on Unicode Technical Standard #35:
+   * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+   **/
+  formattedMonthPattern: 'MMM yyyy',
+  formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'dd.MM.yyyy',
+  shortTimeFormat: 'HH:mm',
+  dateLocale: _nb.nb
+};
+const Combobox = {
+  noResultsText: 'Ingen resultater funnet',
+  placeholder: 'Velg',
+  searchPlaceholder: 'Søk',
+  checkAll: 'Alle'
+};
+const CreatableComboBox = {
+  ...Combobox,
+  newItem: 'Nytt element',
+  createOption: 'Opprett alternativ "{0}"'
+};
+var _default = exports.default = {
+  code: 'nb-NO',
+  common: {
+    loading: 'Laster...',
+    emptyMessage: 'Fant ingen data',
+    remove: 'Fjern',
+    clear: 'Tøm'
+  },
+  Plaintext: {
+    unfilled: 'Ikke utfylt',
+    notSelected: 'Ikke valgt',
+    notUploaded: 'Ikke lastet opp'
+  },
+  Pagination: {
+    more: 'Mer',
+    prev: 'Forrige',
+    next: 'Neste',
+    first: 'Første',
+    last: 'Siste',
+    limit: '{0} / side',
+    total: 'Totalt antall rader: {0}',
+    skip: 'Gå til {0}'
+  },
+  DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
+  DateRangePicker: {
+    ...DateTimeFormats,
+    last7Days: 'Siste 7 dager'
+  },
+  Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
+  Uploader: {
+    inited: 'Klar',
+    progress: 'Laster opp',
+    error: 'Feil',
+    complete: 'Fullført',
+    emptyFile: 'Tom',
+    upload: 'Last opp',
+    removeFile: 'Fjern fil'
+  },
+  CloseButton: {
+    closeLabel: 'Lukk'
+  },
+  Breadcrumb: {
+    expandText: 'Vis sti'
+  },
+  Toggle: {
+    on: 'PÅ',
+    off: 'AV'
+  },
+  Dialog: {
+    alert: 'Varsel',
+    confirm: 'Bekreft',
+    ok: 'OK',
+    cancel: 'Avbryt'
+  }
+};

package/dist/rsuite-no-reset.css

@@ -3480,6 +3480,9 @@ tbody.rs-anim-collapse.rs-anim-in{
   align-items:center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   color:var(--rs-text-secondary);
   transition:0.2s color linear;
   cursor:pointer;