rsuite 5.73.0 → 5.74.0-beta.0

package/esm/DatePicker/DatePicker.js

@@ -22,12 +22,13 @@ import useMonthView from "./hooks/useMonthView.js";
 import useFocus from "./hooks/useFocus.js";
 import useCustomizedInput from "./hooks/useCustomizedInput.js";
 import { mergeRefs, partitionHTMLProps, createChainedFunction } from "../internals/utils/index.js";
-import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
+import { useClassNames, useControlled, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
 import { isValid, copyTime, disableTime, DateMode, useDateMode, calendarOnlyProps } from "../internals/utils/date/index.js";
 import { PickerPopup, PickerLabel, PickerIndicator, PickerToggleTrigger, pickerPropTypes, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker/index.js";
 import { OverlayCloseCause } from "../internals/Overlay/OverlayTrigger.js";
 import { splitRanges, deprecatedPropTypes, getRestProps } from "./utils.js";
 import { startOfToday } from "../internals/utils/date/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * A date picker allows users to select a date from a calendar.
  *
@@ -35,82 +36,82 @@ import { startOfToday } from "../internals/utils/date/index.js";
  */
 var DatePicker = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay;
-  var _useCustom = 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 = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;

package/esm/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/esm/DatePicker/hooks/useFocus.js

@@ -2,7 +2,8 @@
 import delay from 'lodash/delay';
 import addMonths from 'date-fns/addMonths';
 import addDays from 'date-fns/addDays';
-import { useEventCallback, useCustom } from "../../internals/hooks/index.js";
+import { useEventCallback } from "../../internals/hooks/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 import { getAriaLabel } from "../../Calendar/utils/index.js";
 import { onMenuKeyDown } from "../../internals/Picker/utils.js";
 function useFocus(props) {
@@ -10,9 +11,12 @@ function useFocus(props) {
     showMonth = props.showMonth,
     id = props.id,
     localeProp = props.locale;
-  var _useCustom = useCustom('DatePicker', localeProp),
-    locale = _useCustom.locale,
+  var _useCustom = 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
@@ -25,7 +29,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 = getAriaLabel(date, formatStr, formatDate);
     var container = getOverlayContainer();
     var dateElement = container === null || container === void 0 ? void 0 : container.querySelector("[aria-label=\"" + ariaLabel + "\"]");

package/esm/DateRangeInput/DateRangeInput.js

@@ -6,9 +6,10 @@ import React, { useState, useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import Input from "../Input/index.js";
 import { isValid } from "../internals/utils/date/index.js";
-import { useClassNames, useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { mergeRefs } from "../internals/utils/index.js";
 import { validateDateTime, useDateInputState, useInputSelection, useKeyboardInputEvent, useIsFocused, useSelectedState, useFieldCursor } from "../DateInput/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import { getInputSelectedState, DateType, getDateType, isSwitchDateType } from "./utils.js";
 /**
  * The DateRangeInput component lets users select a date with the keyboard.
@@ -16,26 +17,30 @@ import { getInputSelectedState, DateType, getDateType, isSwitchDateType } from "
  * @see https://rsuitejs.com/components/date-range-input/
  */
 var DateRangeInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = 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 = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
@@ -45,7 +50,6 @@ var DateRangeInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     selectedState = _useSelectedState.selectedState,
     setSelectedState = _useSelectedState.setSelectedState;
   var rangeFormatStr = "" + formatStr + character + formatStr;
-  var dateLocale = locale.dateLocale;
   var _useControlled = useControlled(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1],

package/esm/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/esm/DateRangePicker/DateRangePicker.js

@@ -24,10 +24,11 @@ import Calendar from "./Calendar.js";
 import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from "./utils.js";
 import { deprecatePropTypeNew, oneOf } from "../internals/propTypes/index.js";
 import { DATERANGE_DISABLED_TARGET as TARGET } from "../internals/constants/index.js";
+import { useClassNames, useControlled, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
 import { omitTriggerPropKeys, PickerPopup, pickerPropTypes, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker/index.js";
-import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
 import { createChainedFunction, mergeRefs, partitionHTMLProps, getStringLength } from "../internals/utils/index.js";
 import { addMonths, addDays, copyTime, calendarOnlyProps, endOfDay, isValid, isBefore, isSameDay, isAfter, isSameMonth, reverseDateRangeOmitTime, startOfDay, DateMode, useDateMode } from "../internals/utils/date/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * A date range picker allows you to select a date range from a calendar.
  *
@@ -35,77 +36,80 @@ import { addMonths, addDays, copyTime, calendarOnlyProps, endOfDay, isValid, isB
  */
 var DateRangePicker = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -115,10 +119,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
-  var _useCustom = 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 = useControlled(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),
     value = _useControlled[0],

package/esm/Divider/Divider.js

@@ -5,19 +5,22 @@ var _excluded = ["as", "className", "classPrefix", "children", "vertical"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider
  */
 var Divider = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix,

package/esm/Drawer/Drawer.js

@@ -2,14 +2,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["className", "placement", "classPrefix", "animation", "closeButton"];
-import React, { useMemo } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import Slide from "../Animation/Slide.js";
 import Modal from "../Modal/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { deprecateComponent } from "../internals/utils/index.js";
-import DrawerContext from "./DrawerContext.js";
 import { oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import DrawerBody from "./DrawerBody.js";
 import DrawerHeader from "./DrawerHeader.js";
 import DrawerActions from "./DrawerActions.js";
@@ -20,16 +20,18 @@ import DrawerTitle from "./DrawerTitle.js";
  * @see https://rsuitejs.com/components/drawer
  */
 var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'right' : _props$placement,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
-    _props$animation = props.animation,
-    animation = _props$animation === void 0 ? Slide : _props$animation,
-    _props$closeButton = props.closeButton,
-    closeButton = _props$closeButton === void 0 ? true : _props$closeButton,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Drawer', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'right' : _propsWithDefaults$pl,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'drawer' : _propsWithDefaults$cl,
+    _propsWithDefaults$an = propsWithDefaults.animation,
+    animation = _propsWithDefaults$an === void 0 ? Slide : _propsWithDefaults$an,
+    _propsWithDefaults$cl2 = propsWithDefaults.closeButton,
+    closeButton = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
@@ -37,22 +39,16 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var animationProps = {
     placement: placement
   };
-  var contextValue = useMemo(function () {
-    return {
-      closeButton: closeButton,
-      isDrawer: true
-    };
-  }, [closeButton]);
-  return /*#__PURE__*/React.createElement(DrawerContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement(Modal, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Modal, _extends({}, rest, {
     ref: ref,
     overflow: false,
     classPrefix: classPrefix,
     className: classes,
     animation: animation,
-    animationProps: animationProps
-  })));
+    animationProps: animationProps,
+    isDrawer: true,
+    closeButton: closeButton
+  }));
 });
 DrawerBody.displayName = 'DrawerBody';
 DrawerHeader.displayName = 'DrawerHeader';