rsuite 5.73.1 → 5.74.0-beta.0

package/esm/internals/Overlay/OverlayTrigger.js

@@ -1,17 +1,17 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _isUndefined from "lodash/isUndefined";
 var _excluded = ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onOpen", "onClose", "onExited"];
 import React, { useRef, useEffect, useImperativeHandle, useCallback, useContext, useState, useMemo, isValidElement, cloneElement } from 'react';
 import get from 'lodash/get';
 import isNil from 'lodash/isNil';
+import isUndefined from 'lodash/isUndefined';
 import contains from 'dom-lib/contains';
+import OverlayContext from "./OverlayContext.js";
 import Overlay from "./Overlay.js";
 import { usePortal, useControlled } from "../hooks/index.js";
 import { createChainedFunction, isOneOf } from "../utils/index.js";
 import { isFragment } from "../utils/ReactChildren.js";
-import OverlayContext from "./OverlayContext.js";
 function mergeEvents(events, props) {
   if (events === void 0) {
     events = {};
@@ -145,7 +145,7 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setOpen(nextOpen);
   }, [open, onOpen, onClose, setOpen]);
   var handleOpen = useCallback(function (delay) {
-    var ms = _isUndefined(delay) ? delayOpen : delay;
+    var ms = isUndefined(delay) ? delayOpen : delay;
     if (ms && typeof ms === 'number') {
       return delayOpenTimer.current = setTimeout(function () {
         delayOpenTimer.current = null;
@@ -157,7 +157,7 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     handleOpenChange(true);
   }, [delayOpen, handleOpenChange]);
   var handleClose = useCallback(function (delay, closeCause) {
-    var ms = _isUndefined(delay) ? delayClose : delay;
+    var ms = isUndefined(delay) ? delayClose : delay;
     if (ms && typeof ms === 'number') {
       return delayCloseTimer.current = setTimeout(function () {
         delayCloseTimer.current = null;

package/esm/internals/Picker/PickerIndicator.js

@@ -1,10 +1,11 @@
 'use client';
 import React from 'react';
 import Icon from '@rsuite/icons/Icon';
-import { useCustom, useClassNames } from "../hooks/index.js";
 import InputGroup from "../../InputGroup/index.js";
 import CloseButton from "../CloseButton/index.js";
 import Loader from "../../Loader/index.js";
+import { useClassNames } from "../hooks/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 var PickerIndicator = function PickerIndicator(_ref) {
   var loading = _ref.loading,
     caretAs = _ref.caretAs,
@@ -14,7 +15,9 @@ var PickerIndicator = function PickerIndicator(_ref) {
     Component = _ref$as === void 0 ? InputGroup.Addon : _ref$as,
     disabled = _ref.disabled;
   var _useCustom = useCustom(),
-    locale = _useCustom.locale;
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('common'),
+    clear = _getLocale.clear;
   var _useClassNames = useClassNames('picker'),
     prefix = _useClassNames.prefix;
   var addon = function addon() {
@@ -29,7 +32,7 @@ var PickerIndicator = function PickerIndicator(_ref) {
         className: prefix('clean'),
         tabIndex: -1,
         locale: {
-          closeLabel: locale === null || locale === void 0 ? void 0 : locale.clear
+          closeLabel: clear
         },
         onClick: onClose
       });

package/esm/internals/Picker/PickerToggleTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
 import { PositionChildProps } from '../Overlay/Position';
-import { TypeAttributes, AnimationEventProps } from '../types';
+import type { TypeAttributes, AnimationEventProps } from '../types';
 export type { OverlayTriggerHandle, PositionChildProps };
 export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;

package/esm/internals/Picker/PickerToggleTrigger.js

@@ -5,8 +5,9 @@ var _excluded = ["pickerProps", "speaker", "placement", "trigger", "id", "multip
 import React from 'react';
 import pick from 'lodash/pick';
 import OverlayTrigger from "../Overlay/OverlayTrigger.js";
-import { useCustom, useUniqueId } from "../hooks/index.js";
+import { useUniqueId } from "../hooks/index.js";
 import { placementPolyfill } from "../utils/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
 export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
 export var ComboboxContextContext = /*#__PURE__*/React.createContext({

package/esm/internals/Picker/SelectedElement.d.ts

@@ -6,7 +6,7 @@ export interface SelectedElementProps {
     labelKey: string;
     countable: boolean;
     cascade?: boolean;
-    locale?: PickerLocale;
+    locale?: Partial<PickerLocale>;
     childrenKey?: string;
     prefix: (name: string) => string;
 }

package/esm/internals/Plaintext/Plaintext.js

@@ -3,14 +3,15 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "classPrefix", "className", "children", "localeKey", "placeholder"];
 import React from 'react';
-import { useClassNames, useCustom } from "../hooks/index.js";
+import { useClassNames } from "../hooks/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 /**
  * Make the component display in plain text, and display default characters when there is no children.
  * @private
  */
 var Plaintext = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Plaintext'),
-    locale = _useCustom.locale;
+  var _useCustom = useCustom(),
+    getLocale = _useCustom.getLocale;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -20,7 +21,7 @@ var Plaintext = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$localeKey = props.localeKey,
     localeKey = _props$localeKey === void 0 ? '' : _props$localeKey,
     _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? locale[localeKey] : _props$placeholder,
+    placeholder = _props$placeholder === void 0 ? getLocale('Plaintext')[localeKey] || '' : _props$placeholder,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,

package/esm/internals/Ripple/Ripple.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../types';
+import type { WithAsProps } from '../types';
 export interface RippleProps extends WithAsProps {
     onMouseDown?: (position: any, event: React.MouseEvent) => void;
 }

package/esm/internals/Ripple/Ripple.js

@@ -7,9 +7,10 @@ import React, { useRef, useState, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import getOffset from 'dom-lib/getOffset';
 import on from 'dom-lib/on';
-import { useClassNames, useCustom } from "../hooks/index.js";
 import Transition from "../../Animation/Transition.js";
+import { useClassNames } from "../hooks/index.js";
 import { mergeRefs } from "../utils/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 var getPosition = function getPosition(target, event) {
   var offset = getOffset(target);
   var offsetX = (event.pageX || 0) - offset.left;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps, ListProps as BaseListProps } from 'react-window';
-import { RsRefForwardingComponent } from '../types';
+import type { RsRefForwardingComponent } from '../types';
 export declare const defaultItemSize: () => number;
 export interface ListProps<T = any> extends Omit<BaseListProps, 'width'> {
     ref?: React.Ref<ListHandle>;

package/esm/internals/Windowing/List.js

@@ -3,9 +3,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 var _excluded = ["rowHeight", "as", "itemSize", "scrollShadow"];
 import React, { useRef, useImperativeHandle, useCallback, useMemo } from 'react';
-import { VariableSizeList } from 'react-window';
-import { useCustom } from "../hooks/index.js";
 import ScrollView from "../ScrollView/index.js";
+import { VariableSizeList } from 'react-window';
+import { useCustom } from "../../CustomProvider/index.js";
 export var defaultItemSize = function defaultItemSize() {
   return 36;
 };

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

@@ -1,7 +1,6 @@
 export { useClassNames } from './useClassNames';
 export { useClickOutside } from './useClickOutside';
 export { useControlled } from './useControlled';
-export { useCustom } from './useCustom';
 export { useElementResize } from './useElementResize';
 export { useEnsuredRef } from './useEnsuredRef';
 export { useEventCallback } from './useEventCallback';

package/esm/internals/hooks/index.js

@@ -2,7 +2,6 @@
 export { useClassNames } from "./useClassNames.js";
 export { useClickOutside } from "./useClickOutside.js";
 export { useControlled } from "./useControlled.js";
-export { useCustom } from "./useCustom.js";
 export { useElementResize } from "./useElementResize.js";
 export { useEnsuredRef } from "./useEnsuredRef.js";
 export { useEventCallback } from "./useEventCallback.js";

package/esm/internals/hooks/useToggleCaret.js

@@ -4,9 +4,9 @@ import AngleDownIcon from '@rsuite/icons/legacy/AngleDown';
 import AngleUpIcon from '@rsuite/icons/legacy/AngleUp';
 import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
 import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
-import useCustom from "./useCustom.js";
+import { useCustom } from "../../CustomProvider/index.js";
 export function useToggleCaret(placement) {
-  var _useCustom = useCustom('Dropdown'),
+  var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   return useMemo(function () {
     switch (true) {

package/esm/internals/utils/createComponent.js

@@ -7,6 +7,7 @@ import React from 'react';
 import kebabCase from 'lodash/kebabCase';
 import PropTypes from 'prop-types';
 import { useClassNames } from "../hooks/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 /**
  * Create a component with `classPrefix` and `as` attributes.
  */
@@ -16,13 +17,15 @@ export function createComponent(_ref) {
     componentClassPrefix = _ref.componentClassPrefix,
     defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var Component = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var _props$as = props.as,
-      Component = _props$as === void 0 ? componentAs || 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? componentClassPrefix || kebabCase(name) : _props$classPrefix,
-      className = props.className,
-      role = props.role,
-      rest = _objectWithoutPropertiesLoose(props, _excluded2);
+    var _useCustom = useCustom(name, props),
+      propsWithDefaults = _useCustom.propsWithDefaults;
+    var _propsWithDefaults$as = propsWithDefaults.as,
+      Component = _propsWithDefaults$as === void 0 ? componentAs || 'div' : _propsWithDefaults$as,
+      _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+      classPrefix = _propsWithDefaults$cl === void 0 ? componentClassPrefix || kebabCase(name) : _propsWithDefaults$cl,
+      className = propsWithDefaults.className,
+      role = propsWithDefaults.role,
+      rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded2);
     var _useClassNames = useClassNames(classPrefix),
       withClassPrefix = _useClassNames.withClassPrefix,
       merge = _useClassNames.merge;

package/esm/internals/utils/date/types.d.ts

@@ -1,3 +1,5 @@
+import type { Locale as DateFnsLocale } from 'date-fns';
+import type { DateFns } from '../../types';
 export declare enum TimeProp {
     DisabledHours = "disabledHours",
     DisabledMinutes = "disabledMinutes",
@@ -11,3 +13,54 @@ export declare enum TimeProp {
 }
 export type CalendarOnlyPropsType = TimeProp;
 export declare const calendarOnlyProps: readonly [TimeProp.DisabledHours, TimeProp.DisabledMinutes, TimeProp.DisabledSeconds, TimeProp.HideHours, TimeProp.HideMinutes, TimeProp.HideSeconds];
+export interface FormatDateOptions {
+    /**
+     * The locale object that contains the language and formatting rules for the date.
+     */
+    locale?: DateFnsLocale;
+    /**
+     * Defines which day of the week should be considered the start of the week.
+     *
+     * The value should be an integer from 0 to 6, where:
+     * - `0` represents Sunday,
+     * - `1` represents Monday,
+     * - `2` represents Tuesday,
+     * - `3` represents Wednesday,
+     * - `4` represents Thursday,
+     * - `5` represents Friday,
+     * - `6` represents Saturday.
+     *
+     * This option is important for functions that operate on weeks, such as calculating
+     * the start or end of a week, determining which week a date falls in, or generating
+     * calendar views. The default value varies depending on the locale, with Monday (`1`)
+     * being the default in most regions following ISO 8601, while Sunday (`0`) is often
+     * the default in regions like the United States.
+     */
+    weekStartsOn?: DateFns.Day;
+    /**
+     * `firstWeekContainsDate` is used to determine which week is considered the first week of the year.
+     *
+     * This option specifies the minimum day of January that must be included in the first week.
+     *
+     * The value can be set to:
+     * - `1`: The first week of the year must include January 1st.
+     * - `4`: The first week of the year must include January 4th, which is the default according to ISO 8601.
+     *
+     * The choice between `1` and `4` typically depends on the regional or business conventions for week numbering.
+     *
+     * Please note that this option only accepts `1` (Sunday) or `4` (Thursday), aligning with common international standards.
+     *
+     * For more detailed information, please refer to https://en.wikipedia.org/wiki/Week#Week_numbering.
+     */
+    firstWeekContainsDate?: DateFns.FirstWeekContainsDate;
+    /**
+     * If true, allows usage of the week-numbering year tokens `YY` and `YYYY`.
+     * See: https://date-fns.org/docs/Unicode-Tokens
+     **/
+    useAdditionalWeekYearTokens?: boolean;
+    /**
+     * If true, allows usage of the day of year tokens `D` and `DD`.
+     * See: https://date-fns.org/docs/Unicode-Tokens
+     */
+    useAdditionalDayOfYearTokens?: boolean;
+}

package/esm/locales/ar_EG.d.ts

@@ -21,6 +21,27 @@ declare const _default: {
         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;
@@ -85,7 +106,7 @@ declare const _default: {
         shortTimeFormat: string;
         dateLocale: any;
     };
-    Picker: {
+    Combobox: {
         noResultsText: string;
         placeholder: string;
         searchPlaceholder: string;
@@ -94,6 +115,18 @@ declare const _default: {
     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;

package/esm/locales/ar_EG.js

@@ -22,6 +22,16 @@ var DateTimeFormats = {
   shortTimeFormat: 'HH:mm aa',
   dateLocale: arSA
 };
+var Combobox = {
+  noResultsText: 'لا يوجد نتائج',
+  placeholder: 'إختيار',
+  searchPlaceholder: 'البحث',
+  checkAll: 'الجميع'
+};
+var CreatableComboBox = _extends({}, Combobox, {
+  newItem: 'عنصر جديد',
+  createOption: 'إنشاء العنصر "{0}"'
+});
 export default {
   code: 'ar-SA',
   common: {
@@ -45,21 +55,15 @@ export default {
     total: 'الإجمالي: {0}',
     skip: 'اذهب إل {0}'
   },
-  Calendar: _extends({}, DateTimeFormats),
-  DatePicker: _extends({}, DateTimeFormats),
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
   DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'أخر 7 أيام'
   }),
-  Picker: {
-    noResultsText: 'لا يوجد نتائج',
-    placeholder: 'إختيار',
-    searchPlaceholder: 'البحث',
-    checkAll: 'الجميع'
-  },
-  InputPicker: {
-    newItem: 'عنصر جديد',
-    createOption: 'إنشاء العنصر "{0}"'
-  },
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
   Uploader: {
     inited: 'تم البدء',
     progress: 'جاري الرفع',

package/esm/locales/ca_ES.d.ts

@@ -21,6 +21,31 @@ declare const _default: {
         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: Locale;
+    };
     Calendar: {
         sunday: string;
         monday: string;
@@ -97,7 +122,7 @@ declare const _default: {
         shortTimeFormat: string;
         dateLocale: Locale;
     };
-    Picker: {
+    Combobox: {
         noResultsText: string;
         placeholder: string;
         searchPlaceholder: string;
@@ -106,6 +131,18 @@ declare const _default: {
     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;

package/esm/locales/ca_ES.js

@@ -26,6 +26,16 @@ var DateTimeFormats = {
   shortTimeFormat: 'HH:mm',
   dateLocale: ca
 };
+var Combobox = {
+  noResultsText: "No s'han trobat resultats",
+  placeholder: 'Seleccionar',
+  searchPlaceholder: 'Cercar',
+  checkAll: 'Tots'
+};
+var CreatableComboBox = _extends({}, Combobox, {
+  newItem: 'Nou',
+  createOption: 'Crear opció "{0}"'
+});
 export default {
   code: 'ca-ES',
   common: {
@@ -49,21 +59,15 @@ export default {
     total: 'Total: {0}',
     skip: 'Anar{0}'
   },
-  Calendar: _extends({}, DateTimeFormats),
-  DatePicker: _extends({}, DateTimeFormats),
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
   DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'Últims 7 dies'
   }),
-  Picker: {
-    noResultsText: "No s'han trobat resultats",
-    placeholder: 'Seleccionar',
-    searchPlaceholder: 'Cercar',
-    checkAll: 'Tots'
-  },
-  InputPicker: {
-    newItem: 'Nou',
-    createOption: 'Crear opció "{0}"'
-  },
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
   Uploader: {
     inited: 'Inicial',
     progress: 'Pujant',

package/esm/locales/cs_CZ.d.ts

@@ -21,6 +21,31 @@ declare const _default: {
         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;
@@ -97,7 +122,7 @@ declare const _default: {
         shortTimeFormat: string;
         dateLocale: any;
     };
-    Picker: {
+    Combobox: {
         noResultsText: string;
         placeholder: string;
         searchPlaceholder: string;
@@ -106,6 +131,18 @@ declare const _default: {
     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;

package/esm/locales/cs_CZ.js

@@ -26,6 +26,16 @@ var DateTimeFormats = {
   shortTimeFormat: 'HH:mm',
   dateLocale: cs
 };
+var Combobox = {
+  noResultsText: 'Nenalezeny žádné výsledky',
+  placeholder: 'Vybrat',
+  searchPlaceholder: 'Vyhledat',
+  checkAll: 'Vybrat vše'
+};
+var CreatableComboBox = _extends({}, Combobox, {
+  newItem: 'Nová položka ',
+  createOption: 'Vytvořit možnost "{0}"'
+});
 export default {
   code: 'cs-CZ',
   common: {
@@ -49,21 +59,15 @@ export default {
     total: 'Celkový počet řádků : {0}',
     skip: 'Jít na {0}'
   },
-  Calendar: _extends({}, DateTimeFormats),
-  DatePicker: _extends({}, DateTimeFormats),
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
   DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'Posledních 7 dní'
   }),
-  Picker: {
-    noResultsText: 'Nenalezeny žádné výsledky',
-    placeholder: 'Vybrat',
-    searchPlaceholder: 'Vyhledat',
-    checkAll: 'Vybrat vše'
-  },
-  InputPicker: {
-    newItem: 'Nová položka ',
-    createOption: 'Vytvořit možnost "{0}"'
-  },
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
   Uploader: {
     inited: 'Púvodní',
     progress: 'Nahrávání',