rsuite 5.73.1 → 5.74.0

package/cjs/DateInput/DateInput.js

@@ -13,6 +13,7 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _date = require("../internals/utils/date");
 var _utils2 = require("./utils");
+var _CustomProvider = require("../CustomProvider");
 var _useDateInputState2 = _interopRequireDefault(require("./hooks/useDateInputState"));
 var _useKeyboardInputEvent = _interopRequireDefault(require("./hooks/useKeyboardInputEvent"));
 var _useIsFocused2 = _interopRequireDefault(require("./hooks/useIsFocused"));
@@ -27,25 +28,28 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/date-input/
  */
 var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale,
-    parseDate = _useCustom.parseDate;
-  var _props$format = props.format,
-    formatStr = _props$format === void 0 ? locale.shortDateFormat : _props$format,
-    valueProp = props.value,
-    defaultValue = props.defaultValue,
-    placeholder = props.placeholder,
-    onChange = props.onChange,
-    onKeyDown = props.onKeyDown,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    onPaste = props.onPaste,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('DateInput', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    parseDate = _useCustom.parseDate,
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('DateTimeFormats'),
+    dateLocale = _getLocale.dateLocale,
+    shortDateFormat = _getLocale.shortDateFormat;
+  var _propsWithDefaults$fo = propsWithDefaults.format,
+    formatStr = _propsWithDefaults$fo === void 0 ? shortDateFormat : _propsWithDefaults$fo,
+    valueProp = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    placeholder = propsWithDefaults.placeholder,
+    onChange = propsWithDefaults.onChange,
+    onKeyDown = propsWithDefaults.onKeyDown,
+    onBlur = propsWithDefaults.onBlur,
+    onFocus = propsWithDefaults.onFocus,
+    onPaste = propsWithDefaults.onPaste,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var inputRef = (0, _react.useRef)();
   var _useSelectedState = (0, _useSelectedState2.default)(),
     selectedState = _useSelectedState.selectedState,
     setSelectedState = _useSelectedState.setSelectedState;
-  var dateLocale = locale.dateLocale;
   var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1],

package/cjs/DateInput/hooks/useDateInputState.js

@@ -5,17 +5,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 exports.useDateInputState = useDateInputState;
-var _react = require("react");
 var _startCase = _interopRequireDefault(require("lodash/startCase"));
+var _react = require("react");
 var _date = require("../../internals/utils/date");
-var _hooks = require("../../internals/hooks");
+var _CustomProvider = require("../../CustomProvider");
 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)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     formatDate = _useCustom.formatDate;
   var _useDateField = (0, _DateField.useDateField)(formatStr, locale.localize, date),
     dateField = _useDateField.dateField,

package/cjs/DatePicker/DatePicker.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _Calendar = _interopRequireDefault(require("@rsuite/icons/Calendar"));
+var _CalenderSimple = _interopRequireDefault(require("@rsuite/icons/CalenderSimple"));
 var _Time = _interopRequireDefault(require("@rsuite/icons/Time"));
 var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarContainer"));
 var _hooks = require("../Calendar/hooks");
@@ -30,6 +30,7 @@ var _date = require("../internals/utils/date");
 var _Picker = require("../internals/Picker");
 var _OverlayTrigger = require("../internals/Overlay/OverlayTrigger");
 var _utils3 = require("./utils");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2;
 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", "showMeridiem", "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); }
@@ -41,82 +42,82 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _merge;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    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,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    format = props.format,
-    idProp = props.id,
-    isoWeek = props.isoWeek,
-    _props$weekStart = props.weekStart,
-    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
-    _props$limitEndYear = props.limitEndYear,
-    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,
-    limitStartYear = props.limitStartYear,
-    overrideLocale = props.locale,
-    loading = props.loading,
-    label = props.label,
-    menuClassName = props.menuClassName,
-    menuStyle = props.menuStyle,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    oneTap = props.oneTap,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    ranges = props.ranges,
-    valueProp = props.value,
-    DEPRECATED_showMeridian = props.showMeridian,
-    _props$showMeridiem = props.showMeridiem,
-    showMeridiem = _props$showMeridiem === void 0 ? DEPRECATED_showMeridian : _props$showMeridiem,
-    showWeekNumbers = props.showWeekNumbers,
-    style = props.style,
-    size = props.size,
-    monthDropdownProps = props.monthDropdownProps,
-    shouldDisableDate = props.shouldDisableDate,
-    shouldDisableHour = props.shouldDisableHour,
-    shouldDisableMinute = props.shouldDisableMinute,
-    shouldDisableSecond = props.shouldDisableSecond,
-    onChange = props.onChange,
-    onChangeCalendarDate = props.onChangeCalendarDate,
-    onClean = props.onClean,
-    onEnter = props.onEnter,
-    onExit = props.onExit,
-    onNextMonth = props.onNextMonth,
-    onOk = props.onOk,
-    onPrevMonth = props.onPrevMonth,
-    onSelect = props.onSelect,
-    onToggleMonthDropdown = props.onToggleMonthDropdown,
-    onToggleTimeDropdown = props.onToggleTimeDropdown,
-    onShortcutClick = props.onShortcutClick,
-    renderCell = props.renderCell,
-    renderValue = props.renderValue,
-    DEPRECATED_disabledDate = props.disabledDate,
-    DEPRECATED_disabledHours = props.disabledHours,
-    DEPRECATED_disabledMinutes = props.disabledMinutes,
-    DEPRECATED_disabledSeconds = props.disabledSeconds,
-    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('DatePicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'picker' : _propsWithDefaults$cl,
+    calendarDefaultDate = propsWithDefaults.calendarDefaultDate,
+    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    caretAsProp = propsWithDefaults.caretAs,
+    _propsWithDefaults$ed = propsWithDefaults.editable,
+    editable = _propsWithDefaults$ed === void 0 ? true : _propsWithDefaults$ed,
+    defaultValue = propsWithDefaults.defaultValue,
+    disabled = propsWithDefaults.disabled,
+    readOnly = propsWithDefaults.readOnly,
+    plaintext = propsWithDefaults.plaintext,
+    format = propsWithDefaults.format,
+    idProp = propsWithDefaults.id,
+    isoWeek = propsWithDefaults.isoWeek,
+    _propsWithDefaults$we = propsWithDefaults.weekStart,
+    weekStart = _propsWithDefaults$we === void 0 ? 0 : _propsWithDefaults$we,
+    _propsWithDefaults$li = propsWithDefaults.limitEndYear,
+    limitEndYear = _propsWithDefaults$li === void 0 ? 1000 : _propsWithDefaults$li,
+    limitStartYear = propsWithDefaults.limitStartYear,
+    locale = propsWithDefaults.locale,
+    loading = propsWithDefaults.loading,
+    label = propsWithDefaults.label,
+    menuClassName = propsWithDefaults.menuClassName,
+    menuStyle = propsWithDefaults.menuStyle,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    oneTap = propsWithDefaults.oneTap,
+    _propsWithDefaults$pl2 = propsWithDefaults.placeholder,
+    placeholder = _propsWithDefaults$pl2 === void 0 ? '' : _propsWithDefaults$pl2,
+    ranges = propsWithDefaults.ranges,
+    valueProp = propsWithDefaults.value,
+    DEPRECATED_showMeridian = propsWithDefaults.showMeridian,
+    _propsWithDefaults$sh = propsWithDefaults.showMeridiem,
+    showMeridiem = _propsWithDefaults$sh === void 0 ? DEPRECATED_showMeridian : _propsWithDefaults$sh,
+    showWeekNumbers = propsWithDefaults.showWeekNumbers,
+    style = propsWithDefaults.style,
+    size = propsWithDefaults.size,
+    monthDropdownProps = propsWithDefaults.monthDropdownProps,
+    shouldDisableDate = propsWithDefaults.shouldDisableDate,
+    shouldDisableHour = propsWithDefaults.shouldDisableHour,
+    shouldDisableMinute = propsWithDefaults.shouldDisableMinute,
+    shouldDisableSecond = propsWithDefaults.shouldDisableSecond,
+    onChange = propsWithDefaults.onChange,
+    onChangeCalendarDate = propsWithDefaults.onChangeCalendarDate,
+    onClean = propsWithDefaults.onClean,
+    onEnter = propsWithDefaults.onEnter,
+    onExit = propsWithDefaults.onExit,
+    onNextMonth = propsWithDefaults.onNextMonth,
+    onOk = propsWithDefaults.onOk,
+    onPrevMonth = propsWithDefaults.onPrevMonth,
+    onSelect = propsWithDefaults.onSelect,
+    onToggleMonthDropdown = propsWithDefaults.onToggleMonthDropdown,
+    onToggleTimeDropdown = propsWithDefaults.onToggleTimeDropdown,
+    onShortcutClick = propsWithDefaults.onShortcutClick,
+    renderCell = propsWithDefaults.renderCell,
+    renderValue = propsWithDefaults.renderValue,
+    DEPRECATED_disabledDate = propsWithDefaults.disabledDate,
+    DEPRECATED_disabledHours = propsWithDefaults.disabledHours,
+    DEPRECATED_disabledMinutes = propsWithDefaults.disabledMinutes,
+    DEPRECATED_disabledSeconds = propsWithDefaults.disabledSeconds,
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var id = (0, _hooks2.useUniqueId)('rs-', idProp);
   var _usePickerRef = (0, _Picker.usePickerRef)(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay;
-  var _useCustom = (0, _hooks2.useCustom)('DatePicker', overrideLocale),
-    locale = _useCustom.locale;
-  var formatStr = format || locale.shortDateFormat || 'yyyy-MM-dd';
+  var formatStr = format || (locale === null || locale === void 0 ? void 0 : locale.shortDateFormat) || 'yyyy-MM-dd';
   var _useClassNames = (0, _hooks2.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
@@ -447,7 +448,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (caretAsProp === null) {
       return null;
     }
-    return caretAsProp || (mode === _date.DateMode.Time ? _Time.default : _Calendar.default);
+    return caretAsProp || (mode === _date.DateMode.Time ? _Time.default : _CalenderSimple.default);
   }, [caretAsProp, mode]);
   var handleTriggerClose = (0, _hooks2.useEventCallback)(function (cause) {
     var _props$onClose;

package/cjs/DatePicker/PredefinedRanges.d.ts

@@ -5,7 +5,7 @@ import { CalendarLocale } from '../locales';
 export interface PredefinedRangesProps<T = any, Shortcut = T> extends StackProps {
     ranges?: RangeType<Shortcut>[];
     calendarDate: T;
-    locale: CalendarLocale;
+    locale?: CalendarLocale;
     disableShortcut?: (value: T) => boolean;
     onShortcutClick?: (range: InnerRange<Shortcut>, closeOverlay: boolean, event: React.MouseEvent) => void;
 }

package/cjs/DatePicker/hooks/useFocus.js

@@ -8,6 +8,7 @@ var _delay = _interopRequireDefault(require("lodash/delay"));
 var _addMonths = _interopRequireDefault(require("date-fns/addMonths"));
 var _addDays = _interopRequireDefault(require("date-fns/addDays"));
 var _hooks = require("../../internals/hooks");
+var _CustomProvider = require("../../CustomProvider");
 var _utils = require("../../Calendar/utils");
 var _utils2 = require("../../internals/Picker/utils");
 function useFocus(props) {
@@ -15,9 +16,12 @@ function useFocus(props) {
     showMonth = props.showMonth,
     id = props.id,
     localeProp = props.locale;
-  var _useCustom = (0, _hooks.useCustom)('DatePicker', localeProp),
-    locale = _useCustom.locale,
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale,
     formatDate = _useCustom.formatDate;
+  var _getLocale = getLocale('DateTimeFormats', localeProp),
+    formattedMonthPattern = _getLocale.formattedMonthPattern,
+    formattedDayPattern = _getLocale.formattedDayPattern;
 
   /**
    * Get the corresponding container based on date selection and month selection
@@ -30,7 +34,7 @@ function useFocus(props) {
    * Check whether the date is focusable
    */
   var checkFocusable = function checkFocusable(date) {
-    var formatStr = showMonth ? locale.formattedMonthPattern : locale.formattedDayPattern;
+    var formatStr = showMonth ? formattedMonthPattern : formattedDayPattern;
     var ariaLabel = (0, _utils.getAriaLabel)(date, formatStr, formatDate);
     var container = getOverlayContainer();
     var dateElement = container === null || container === void 0 ? void 0 : container.querySelector("[aria-label=\"" + ariaLabel + "\"]");

package/cjs/DateRangeInput/DateRangeInput.js

@@ -13,6 +13,7 @@ var _date = require("../internals/utils/date");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _DateInput = require("../DateInput");
+var _CustomProvider = require("../CustomProvider");
 var _utils2 = require("./utils");
 var _excluded = ["className", "classPrefix", "character", "format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus", "onPaste"];
 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); }
@@ -23,26 +24,30 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/date-range-input/
  */
 var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale,
-    parseDate = _useCustom.parseDate;
-  var className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'date-range-input' : _props$classPrefix,
-    _props$character = props.character,
-    character = _props$character === void 0 ? ' ~ ' : _props$character,
-    _props$format = props.format,
-    formatStr = _props$format === void 0 ? locale.shortDateFormat : _props$format,
-    valueProp = props.value,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
-    placeholder = props.placeholder,
-    onChange = props.onChange,
-    onKeyDown = props.onKeyDown,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    onPaste = props.onPaste,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Calendar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    parseDate = _useCustom.parseDate,
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('DateTimeFormats'),
+    shortDateFormat = _getLocale.shortDateFormat,
+    dateLocale = _getLocale.dateLocale;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'date-range-input' : _propsWithDefaults$cl,
+    _propsWithDefaults$ch = propsWithDefaults.character,
+    character = _propsWithDefaults$ch === void 0 ? ' ~ ' : _propsWithDefaults$ch,
+    _propsWithDefaults$fo = propsWithDefaults.format,
+    formatStr = _propsWithDefaults$fo === void 0 ? shortDateFormat : _propsWithDefaults$fo,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$de = propsWithDefaults.defaultValue,
+    defaultValue = _propsWithDefaults$de === void 0 ? [] : _propsWithDefaults$de,
+    placeholder = propsWithDefaults.placeholder,
+    onChange = propsWithDefaults.onChange,
+    onKeyDown = propsWithDefaults.onKeyDown,
+    onBlur = propsWithDefaults.onBlur,
+    onFocus = propsWithDefaults.onFocus,
+    onPaste = propsWithDefaults.onPaste,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
@@ -52,7 +57,6 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     selectedState = _useSelectedState.selectedState,
     setSelectedState = _useSelectedState.setSelectedState;
   var rangeFormatStr = "" + formatStr + character + formatStr;
-  var dateLocale = locale.dateLocale;
   var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1],

package/cjs/DateRangePicker/Calendar.d.ts

@@ -3,7 +3,7 @@ import { CalendarProps as CalendarContainerProps } from '../Calendar/CalendarCon
 import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { DateRange } from './types';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import { DatePickerLocale } from '../locales';
+import { DateRangePickerLocale } from '../locales';
 type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale';
 export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps, OmitCalendarCoreTypes> {
     calendarDateRange?: DateRange;
@@ -15,7 +15,7 @@ export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps,
     weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     limitEndYear?: number;
     limitStartYear?: number;
-    locale?: DatePickerLocale;
+    locale?: Partial<DateRangePickerLocale>;
     showWeekNumbers?: boolean;
     value?: [] | [Date] | [Date, Date];
     onChangeCalendarMonth?: (index: number, date: Date) => void;

package/cjs/DateRangePicker/DateRangePicker.js

@@ -27,10 +27,11 @@ 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 _Picker = require("../internals/Picker");
 var _utils2 = require("../internals/utils");
 var _date = require("../internals/utils/date");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2;
 var _excluded = ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "calendarSnapping", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showMeridiem", "showHeader", "style", "size", "caretAs", "value", "monthDropdownProps", "hideHours", "hideMinutes", "hideSeconds", "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); }
@@ -42,77 +43,80 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _ref, _ref2, _merge;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    className = props.className,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    _props$editable = props.editable,
-    editable = _props$editable === void 0 ? true : _props$editable,
-    _props$cleanable = props.cleanable,
-    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,
-    disabled = props.disabled,
-    DEPRECATED_disabledDate = props.disabledDate,
-    shouldDisableDate = props.shouldDisableDate,
-    shouldDisableHour = props.shouldDisableHour,
-    shouldDisableMinute = props.shouldDisableMinute,
-    shouldDisableSecond = props.shouldDisableSecond,
-    format = props.format,
-    hoverRange = props.hoverRange,
-    idProp = props.id,
-    _props$isoWeek = props.isoWeek,
-    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
-    _props$weekStart = props.weekStart,
-    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
-    _props$limitEndYear = props.limitEndYear,
-    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,
-    limitStartYear = props.limitStartYear,
-    overrideLocale = props.locale,
-    loading = props.loading,
-    label = props.label,
-    menuClassName = props.menuClassName,
-    menuStyle = props.menuStyle,
-    oneTap = props.oneTap,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    ranges = props.ranges,
-    readOnly = props.readOnly,
-    _props$showOneCalenda = props.showOneCalendar,
-    showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,
-    showWeekNumbers = props.showWeekNumbers,
-    DEPRECATED_showMeridian = props.showMeridian,
-    _props$showMeridiem = props.showMeridiem,
-    showMeridiem = _props$showMeridiem === void 0 ? DEPRECATED_showMeridian : _props$showMeridiem,
-    _props$showHeader = props.showHeader,
-    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
-    style = props.style,
-    size = props.size,
-    caretAsProp = props.caretAs,
-    valueProp = props.value,
-    monthDropdownProps = props.monthDropdownProps,
-    hideHours = props.hideHours,
-    hideMinutes = props.hideMinutes,
-    hideSeconds = props.hideSeconds,
-    onChange = props.onChange,
-    onClean = props.onClean,
-    onEnter = props.onEnter,
-    onExit = props.onExit,
-    onOk = props.onOk,
-    onSelect = props.onSelect,
-    onShortcutClick = props.onShortcutClick,
-    renderTitle = props.renderTitle,
-    renderValue = props.renderValue,
-    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('DateRangePicker', props),
+    formatDate = _useCustom.formatDate,
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'picker' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    _propsWithDefaults$ed = propsWithDefaults.editable,
+    editable = _propsWithDefaults$ed === void 0 ? true : _propsWithDefaults$ed,
+    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    _propsWithDefaults$ch = propsWithDefaults.character,
+    character = _propsWithDefaults$ch === void 0 ? ' ~ ' : _propsWithDefaults$ch,
+    calendarSnapping = propsWithDefaults.calendarSnapping,
+    defaultCalendarValue = propsWithDefaults.defaultCalendarValue,
+    defaultValue = propsWithDefaults.defaultValue,
+    plaintext = propsWithDefaults.plaintext,
+    disabled = propsWithDefaults.disabled,
+    DEPRECATED_disabledDate = propsWithDefaults.disabledDate,
+    shouldDisableDate = propsWithDefaults.shouldDisableDate,
+    shouldDisableHour = propsWithDefaults.shouldDisableHour,
+    shouldDisableMinute = propsWithDefaults.shouldDisableMinute,
+    shouldDisableSecond = propsWithDefaults.shouldDisableSecond,
+    format = propsWithDefaults.format,
+    hoverRange = propsWithDefaults.hoverRange,
+    idProp = propsWithDefaults.id,
+    _propsWithDefaults$is = propsWithDefaults.isoWeek,
+    isoWeek = _propsWithDefaults$is === void 0 ? false : _propsWithDefaults$is,
+    _propsWithDefaults$we = propsWithDefaults.weekStart,
+    weekStart = _propsWithDefaults$we === void 0 ? 0 : _propsWithDefaults$we,
+    _propsWithDefaults$li = propsWithDefaults.limitEndYear,
+    limitEndYear = _propsWithDefaults$li === void 0 ? 1000 : _propsWithDefaults$li,
+    limitStartYear = propsWithDefaults.limitStartYear,
+    locale = propsWithDefaults.locale,
+    loading = propsWithDefaults.loading,
+    label = propsWithDefaults.label,
+    menuClassName = propsWithDefaults.menuClassName,
+    menuStyle = propsWithDefaults.menuStyle,
+    oneTap = propsWithDefaults.oneTap,
+    _propsWithDefaults$pl = propsWithDefaults.placeholder,
+    placeholder = _propsWithDefaults$pl === void 0 ? '' : _propsWithDefaults$pl,
+    _propsWithDefaults$pl2 = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl2 === void 0 ? 'bottomStart' : _propsWithDefaults$pl2,
+    ranges = propsWithDefaults.ranges,
+    readOnly = propsWithDefaults.readOnly,
+    _propsWithDefaults$sh = propsWithDefaults.showOneCalendar,
+    showOneCalendar = _propsWithDefaults$sh === void 0 ? false : _propsWithDefaults$sh,
+    showWeekNumbers = propsWithDefaults.showWeekNumbers,
+    DEPRECATED_showMeridian = propsWithDefaults.showMeridian,
+    _propsWithDefaults$sh2 = propsWithDefaults.showMeridiem,
+    showMeridiem = _propsWithDefaults$sh2 === void 0 ? DEPRECATED_showMeridian : _propsWithDefaults$sh2,
+    _propsWithDefaults$sh3 = propsWithDefaults.showHeader,
+    showHeader = _propsWithDefaults$sh3 === void 0 ? true : _propsWithDefaults$sh3,
+    style = propsWithDefaults.style,
+    size = propsWithDefaults.size,
+    caretAsProp = propsWithDefaults.caretAs,
+    valueProp = propsWithDefaults.value,
+    monthDropdownProps = propsWithDefaults.monthDropdownProps,
+    hideHours = propsWithDefaults.hideHours,
+    hideMinutes = propsWithDefaults.hideMinutes,
+    hideSeconds = propsWithDefaults.hideSeconds,
+    onChange = propsWithDefaults.onChange,
+    onClean = propsWithDefaults.onClean,
+    onEnter = propsWithDefaults.onEnter,
+    onExit = propsWithDefaults.onExit,
+    onOk = propsWithDefaults.onOk,
+    onSelect = propsWithDefaults.onSelect,
+    onShortcutClick = propsWithDefaults.onShortcutClick,
+    renderTitle = propsWithDefaults.renderTitle,
+    renderValue = propsWithDefaults.renderValue,
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var id = (0, _hooks.useUniqueId)('rs-', idProp);
   var _usePickerRef = (0, _Picker.usePickerRef)(ref),
     trigger = _usePickerRef.trigger,
@@ -122,10 +126,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
-  var _useCustom = (0, _hooks.useCustom)('DateRangePicker', overrideLocale),
-    locale = _useCustom.locale,
-    formatDate = _useCustom.formatDate;
-  var formatStr = format || locale.shortDateFormat || 'yyyy-MM-dd';
+  var formatStr = format || (locale === null || locale === void 0 ? void 0 : locale.shortDateFormat) || 'yyyy-MM-dd';
   var rangeFormatStr = "" + formatStr + character + formatStr;
   var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),
     value = _useControlled[0],

package/cjs/Divider/Divider.js

@@ -9,20 +9,23 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "className", "classPrefix", "children", "vertical"];
 /**
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider
  */
 var Divider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'divider' : _props$classPrefix,
-    children = props.children,
-    vertical = props.vertical,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Divider', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'divider' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    vertical = propsWithDefaults.vertical,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix,