rsuite 5.60.2 → 5.62.0

package/esm/DateRangePicker/DateRangePicker.js

@@ -6,24 +6,27 @@ var _templateObject;
 import React, { useEffect, useRef, useState, useMemo } from 'react';
 import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
-import partial from 'lodash/partial';
 import pick from 'lodash/pick';
 import PropTypes from 'prop-types';
 import IconCalendar from '@rsuite/icons/legacy/Calendar';
 import IconClockO from '@rsuite/icons/legacy/ClockO';
-import Toolbar from '../DatePicker/Toolbar';
-import PredefinedRanges from '../DatePicker/PredefinedRanges';
-import Stack from '../Stack';
-import { omitTriggerPropKeys, PickerPopup, pickerPropTypes, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from '../internals/Picker';
-import { createChainedFunction, DATERANGE_DISABLED_TARGET as TARGET, mergeRefs, useClassNames, useControlled, useCustom, useUniqueId, useEventCallback, partitionHTMLProps, getStringLength } from '../utils';
-import { addMonths, isValid, isBefore, isSameDay, addDays, startOfDay, endOfDay, shouldRenderTime, isAfter, copyTime, isSameMonth, shouldRenderMonth, shouldRenderDate, reverseDateRangeOmitTime, getReversedTimeMeridian, calendarOnlyProps, shouldOnlyRenderTime } from '../utils/dateUtils';
-import Calendar from './Calendar';
-import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from './utils';
-import { deprecatePropTypeNew, oneOf } from '../internals/propTypes';
-import DateRangePickerContext from './DateRangePickerContext';
-import DateRangeInput from '../DateRangeInput';
-import InputGroup from '../InputGroup';
-import Header from './Header';
+import Toolbar from "../DatePicker/Toolbar";
+import PredefinedRanges from "../DatePicker/PredefinedRanges";
+import Stack from "../Stack";
+import { DATERANGE_DISABLED_TARGET as TARGET } from "../internals/constants";
+import { omitTriggerPropKeys, PickerPopup, pickerPropTypes, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker";
+import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks";
+import { createChainedFunction, mergeRefs, partitionHTMLProps, getStringLength } from "../internals/utils";
+import { addMonths, isValid, isBefore, isSameDay, addDays, startOfDay, endOfDay, shouldRenderTime, isAfter, isSameMonth, shouldRenderMonth, shouldRenderDate, calendarOnlyProps, getReversedTimeMeridian, reverseDateRangeOmitTime, copyTime, shouldOnlyRenderTime } from "../internals/utils/date";
+import Calendar from "./Calendar";
+import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from "./utils";
+import { deprecatePropTypeNew, oneOf } from "../internals/propTypes";
+import DateRangePickerContext from "./DateRangePickerContext";
+import DateRangeInput from "../DateRangeInput";
+import InputGroup from "../InputGroup";
+import Header from "./Header";
+import useDateDisabled from "./hooks/useDateDisabled";
+import useCustomizedInput from "../DatePicker/hooks/useCustomizedInput";
 /**
  * A date range picker allows you to select a date range from a calendar.
  *
@@ -48,7 +51,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     defaultValue = props.defaultValue,
     plaintext = props.plaintext,
     disabled = props.disabled,
-    DEPRECATED_disabledDateProp = props.disabledDate,
+    DEPRECATED_disabledDate = props.disabledDate,
     shouldDisableDate = props.shouldDisableDate,
     _props$format = props.format,
     formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
@@ -56,6 +59,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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,
@@ -84,13 +89,13 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange = props.onChange,
     onClean = props.onClean,
     onEnter = props.onEnter,
-    onEntered = props.onEntered,
-    onExited = props.onExited,
+    onExit = props.onExit,
     onOk = props.onOk,
     onSelect = props.onSelect,
     onShortcutClick = props.onShortcutClick,
     renderTitle = props.renderTitle,
-    restProps = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "onChange", "onClean", "onEnter", "onEntered", "onExited", "onOk", "onSelect", "onShortcutClick", "renderTitle"]);
+    renderValue = props.renderValue,
+    restProps = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"]);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -144,6 +149,12 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * so declare a Ref to temporarily store the `selectValue` of the first click.
    */
   var selectRangeValueRef = useRef(null);
+
+  /**
+   *
+   * The key of the currently active calendar panel.
+   * Used to switch when only one calendar panel is displayed.
+   */
   var _useState5 = useState(),
     activeCalendarKey = _useState5[0],
     setActiveCalendarKey = _useState5[1];
@@ -192,9 +203,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setSelectedDates(nextCalendarDate);
     }
   };
-
-  // if valueProp changed then update selectValue/hoverValue
   useEffect(function () {
+    // If value changes, update the selected and hover date values on the calendar panel.
     setSelectedDates(valueProp !== null && valueProp !== void 0 ? valueProp : []);
     setHoverDateRange(valueProp !== null && valueProp !== void 0 ? valueProp : null);
   }, [valueProp]);
@@ -215,7 +225,13 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var getHoverRangeValue = function getHoverRangeValue(date) {
     function getHoverRangeFunc() {
       if (hoverRange === 'week') {
-        return partial(getWeekHoverRange, isoWeek);
+        return function (date) {
+          return getWeekHoverRange(date, {
+            isoWeek: isoWeek,
+            weekStart: weekStart,
+            locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
+          });
+        };
       } else if (hoverRange === 'month') {
         return getMonthHoverRange;
       }
@@ -445,7 +461,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     // End unfinished selections.
     setSelectedIdle(true);
   });
-  var handleOK = useEventCallback(function (event) {
+  var handleClickOK = useEventCallback(function (event) {
     setDateRange(event, selectedDates);
     onOk === null || onOk === void 0 ? void 0 : onOk(selectedDates, event);
   });
@@ -473,44 +489,56 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setCalendarDateRange({
       dateRange: selectValue
     });
-    setDateRange(event, selectValue);
+    setDateRange(event, selectValue, false);
   });
-  var isDateDisabled = function isDateDisabled(date, options) {
-    var selectDate = options.selectDate,
-      selectedDone = options.selectedDone,
-      target = options.target;
-    if (typeof shouldDisableDate === 'function') {
-      return shouldDisableDate(date, selectDate, selectedDone, target);
-    }
-    if (typeof DEPRECATED_disabledDateProp === 'function') {
-      return DEPRECATED_disabledDateProp(date, selectDate, selectedDone, target);
-    }
-    return false;
-  };
-  var disableByBetween = function disableByBetween(start, end, type) {
-    // If the date is between the start and the end
-    // the button is disabled
-    while (isBefore(start, end) || isSameDay(start, end)) {
-      if (isDateDisabled(start, {
-        selectDate: selectedDates,
-        selectedDone: isSelectedIdle,
-        target: type
-      })) {
-        return true;
+
+  /**
+   * Check if the date is disabled
+   */
+  var isDateDisabled = useDateDisabled({
+    shouldDisableDate: shouldDisableDate,
+    DEPRECATED_disabledDate: DEPRECATED_disabledDate
+  });
+
+  /**
+   * Check if a date range is disabled
+   */
+  var isRangeDisabled = function isRangeDisabled(start, end, target) {
+    if (isDateDisabled) {
+      // If the date is between the start and the end the button is disabled
+      while (isBefore(start, end) || isSameDay(start, end)) {
+        if (isDateDisabled(start, {
+          selectDate: selectedDates,
+          selectedDone: isSelectedIdle,
+          target: target
+        })) {
+          return true;
+        }
+        start = addDays(start, 1);
       }
-      start = addDays(start, 1);
     }
     return false;
   };
-  var disableOkButton = function disableOkButton() {
+
+  /**
+   * Check if the OK button is disabled
+   */
+  var isOkButtonDisabled = function isOkButtonDisabled() {
     var start = selectedDates[0],
       end = selectedDates[1];
     if (!start || !end || !isSelectedIdle) {
       return true;
     }
-    return disableByBetween(start, end, TARGET.TOOLBAR_BUTTON_OK);
+    if (isErrorValue([start, end])) {
+      return true;
+    }
+    return false;
   };
-  var disableShortcut = function disableShortcut(value) {
+
+  /**
+   * Check if the shortcut button is disabled
+   */
+  var isShortcutDisabled = function isShortcutDisabled(value) {
     if (value === void 0) {
       value = [];
     }
@@ -520,7 +548,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!start || !end) {
       return true;
     }
-    return disableByBetween(start, end, TARGET.TOOLBAR_SHORTCUT);
+    return isRangeDisabled(start, end, TARGET.TOOLBAR_SHORTCUT);
   };
   var handleClose = useEventCallback(function () {
     var _trigger$current, _trigger$current$clos;
@@ -540,6 +568,13 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     });
   });
+  var disableCalendarDate = isDateDisabled ? function (date, values, type) {
+    return isDateDisabled(date, {
+      selectDate: values,
+      selectedDone: isSelectedIdle,
+      target: type
+    });
+  } : undefined;
   var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {
     var left = positionProps.left,
       top = positionProps.top,
@@ -560,16 +595,10 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       left: left,
       top: top
     });
-    var disabledDate = function disabledDate(date, values, type) {
-      return isDateDisabled(date, {
-        selectDate: values,
-        selectedDone: isSelectedIdle,
-        target: type
-      });
-    };
     var calendarProps = {
       locale: locale,
       isoWeek: isoWeek,
+      weekStart: weekStart,
       limitEndYear: limitEndYear,
       showMeridian: showMeridian,
       calendarDate: calendarDate,
@@ -578,12 +607,12 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       format: formatStr,
       value: selectedDates,
       hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,
+      disabledDate: disableCalendarDate,
       onSelect: handleSelectDate,
       onChangeCalendarMonth: onChangeCalendarMonth,
       onChangeCalendarTime: onChangeCalendarTime,
       onToggleMeridian: onToggleMeridian,
       onMouseMove: onMouseMove,
-      disabledDate: disabledDate,
       renderTitle: renderTitle
     };
     var getCalendars = function getCalendars() {
@@ -624,7 +653,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       ranges: sideRanges,
       calendarDate: calendarDate,
       locale: locale,
-      disableShortcut: disableShortcut,
+      disableShortcut: isShortcutDisabled,
       onShortcutClick: handleShortcutPageDate,
       "data-testid": "daterange-predefined-side"
     }), /*#__PURE__*/React.createElement(Stack.Item, null, /*#__PURE__*/React.createElement("div", {
@@ -645,10 +674,10 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, getCalendars()))), /*#__PURE__*/React.createElement(Toolbar, {
       locale: locale,
       calendarDate: selectedDates,
-      disableOkBtn: disableOkButton,
-      disableShortcut: disableShortcut,
+      disableOkBtn: isOkButtonDisabled,
+      disableShortcut: isShortcutDisabled,
       hideOkBtn: oneTap,
-      onOk: handleOK,
+      onOk: handleClickOK,
       onShortcutClick: handleShortcutPageDate,
       ranges: bottomRanges
     })))));
@@ -691,7 +720,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       selectedDone: isSelectedIdle,
       target: TARGET.INPUT
     };
-    if (isDateDisabled(startDate, disabledOptions) || isDateDisabled(endDate, disabledOptions)) {
+    if (isDateDisabled !== null && isDateDisabled !== void 0 && isDateDisabled(startDate, disabledOptions) || isDateDisabled !== null && isDateDisabled !== void 0 && isDateDisabled(endDate, disabledOptions)) {
       return true;
     }
     return false;
@@ -704,14 +733,26 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rest = _partitionHTMLProps[1];
   var showCleanButton = cleanable && hasValue && !readOnly;
   var invalidValue = value && isErrorValue(value);
+  var _useCustomizedInput = useCustomizedInput({
+      mode: 'dateRange',
+      value: value,
+      formatStr: formatStr,
+      renderValue: renderValue,
+      readOnly: readOnly,
+      editable: editable,
+      loading: loading
+    }),
+    customValue = _useCustomizedInput.customValue,
+    inputReadOnly = _useCustomizedInput.inputReadOnly,
+    Input = _useCustomizedInput.Input,
+    events = _useCustomizedInput.events;
   return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
     trigger: "active",
     ref: trigger,
     pickerProps: pick(props, pickTriggerPropKeys),
     placement: placement,
-    onEnter: createChainedFunction(handleEnter, onEnter),
-    onEntered: onEntered,
-    onExited: onExited,
+    onEnter: createChainedFunction(events.onActive, handleEnter, onEnter),
+    onExit: createChainedFunction(events.onInactive, onExit),
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
     ref: root,
@@ -723,24 +764,24 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     plaintext: plaintext
   }) : /*#__PURE__*/React.createElement(InputGroup, _extends({}, omit(rest, [].concat(omitTriggerPropKeys, usedClassNamePropKeys, calendarOnlyProps)), {
     inside: true,
+    disabled: disabled,
     size: size
   }), /*#__PURE__*/React.createElement(PickerLabel, {
     className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["label"]))),
     id: id + "-label"
-  }, label), /*#__PURE__*/React.createElement(DateRangeInput, _extends({
+  }, label), /*#__PURE__*/React.createElement(Input, _extends({
     "aria-haspopup": "dialog",
     "aria-invalid": invalidValue,
     "aria-labelledby": label ? id + "-label" : undefined
   }, ariaProps, {
     ref: target,
     id: id,
-    value: value,
+    value: customValue || value,
     character: character,
     format: formatStr,
     placeholder: placeholder ? placeholder : rangeFormatStr,
     disabled: disabled,
-    readOnly: readOnly || !editable || loading,
-    plaintext: plaintext,
+    readOnly: inputReadOnly,
     htmlSize: getInputHtmlSize(),
     onChange: handleInputChange,
     onKeyDown: handleInputKeyDown
@@ -760,6 +801,7 @@ DateRangePicker.propTypes = _extends({}, pickerPropTypes, {
   hoverRange: PropTypes.oneOfType([oneOf(['week', 'month']), PropTypes.func]),
   format: PropTypes.string,
   isoWeek: PropTypes.bool,
+  weekStart: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),
   oneTap: PropTypes.bool,
   limitEndYear: PropTypes.number,
   limitStartYear: PropTypes.number,

package/esm/DateRangePicker/Header.js

@@ -1,9 +1,9 @@
 'use client';
 import React from 'react';
-import { useClassNames } from '../utils';
-import { compareAsc } from '../utils/dateUtils';
-import { FormattedDate } from '../CustomProvider';
-import Button from '../Button';
+import { useClassNames } from "../internals/hooks";
+import { compareAsc } from "../internals/utils/date";
+import { FormattedDate } from "../CustomProvider";
+import Button from "../Button";
 function Header(props) {
   var _prefix;
   var _useClassNames = useClassNames('picker'),

package/esm/DateRangePicker/disabledDateUtils.js

@@ -1,5 +1,6 @@
 'use client';
-import { composeFunctions, DateUtils } from '../utils';
+import { composeFunctions } from "../internals/utils";
+import * as DateUtils from "../internals/utils/date";
 function isAfterDay(date1, date2) {
   return DateUtils.isAfter(new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()), new Date(date2.getFullYear(), date2.getMonth(), date2.getDate()));
 }

package/esm/DateRangePicker/hooks/useDateDisabled.d.ts

@@ -0,0 +1,16 @@
+import { DATERANGE_DISABLED_TARGET as TARGET } from '@/internals/constants';
+import { DisabledDateFunction, SelectedDatesState } from '../types';
+interface UseDateDisabledProps {
+    shouldDisableDate?: DisabledDateFunction;
+    DEPRECATED_disabledDate?: DisabledDateFunction;
+}
+interface DateDisabledOptions {
+    selectDate?: SelectedDatesState;
+    selectedDone?: boolean;
+    target?: TARGET;
+}
+/**
+ * Returns a function that determines whether a date is disabled and is compatible with the deprecated `disabledDate` prop.
+ */
+declare function useDateDisabled(props: UseDateDisabledProps): ((date: Date, options: DateDisabledOptions) => boolean) | undefined;
+export default useDateDisabled;

package/esm/DateRangePicker/hooks/useDateDisabled.js

@@ -0,0 +1,26 @@
+'use client';
+import { useCallback } from 'react';
+/**
+ * Returns a function that determines whether a date is disabled and is compatible with the deprecated `disabledDate` prop.
+ */
+function useDateDisabled(props) {
+  var shouldDisableDate = props.shouldDisableDate,
+    DEPRECATED_disabledDate = props.DEPRECATED_disabledDate;
+  var isDateDisabled = useCallback(function (date, options) {
+    var selectDate = options.selectDate,
+      selectedDone = options.selectedDone,
+      target = options.target;
+    if (typeof shouldDisableDate === 'function') {
+      return shouldDisableDate(date, selectDate, selectedDone, target);
+    }
+    if (typeof DEPRECATED_disabledDate === 'function') {
+      return DEPRECATED_disabledDate(date, selectDate, selectedDone, target);
+    }
+    return false;
+  }, [shouldDisableDate, DEPRECATED_disabledDate]);
+  if (shouldDisableDate || DEPRECATED_disabledDate) {
+    return isDateDisabled;
+  }
+  return undefined;
+}
+export default useDateDisabled;

package/esm/DateRangePicker/index.js

@@ -1,6 +1,6 @@
 'use client';
-import DateRangePicker from './DateRangePicker';
-import * as utils from './disabledDateUtils';
+import DateRangePicker from "./DateRangePicker";
+import * as utils from "./disabledDateUtils";
 Object.keys(utils).forEach(function (key) {
   DateRangePicker[key] = utils[key];
 });

package/esm/DateRangePicker/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DATERANGE_DISABLED_TARGET } from '../utils/constants';
+import { DATERANGE_DISABLED_TARGET } from '@/internals/constants';
 export declare type ValueType = [Date?, Date?];
 export declare type DateRange = [Date, Date];
 export interface RangeType<T = DateRange> {
@@ -26,3 +26,4 @@ selectedDone?: boolean,
  * Call the target of the `shouldDisableDate` function.
  */
 target?: DATERANGE_DISABLED_TARGET) => boolean;
+export declare type SelectedDatesState = [] | [Date] | [Date, Date];

package/esm/DateRangePicker/utils.d.ts

@@ -1,4 +1,5 @@
 import { DateRange } from './types';
+import type { Locale } from 'date-fns';
 export declare function getSafeCalendarDate({ value, calendarKey, allowSameMonth }: {
     value: [] | [Date] | [Date, Date] | null;
     calendarKey?: 'start' | 'end';
@@ -6,4 +7,8 @@ export declare function getSafeCalendarDate({ value, calendarKey, allowSameMonth
 }): DateRange;
 export declare const isSameRange: (source: DateRange | null, dest: DateRange | null, format: string) => boolean;
 export declare const getMonthHoverRange: (date: Date) => DateRange;
-export declare const getWeekHoverRange: (isoWeek: boolean, date: Date) => DateRange;
+export declare const getWeekHoverRange: (date: Date, options: {
+    isoWeek: boolean;
+    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    locale?: Locale;
+}) => DateRange;

package/esm/DateRangePicker/utils.js

@@ -1,5 +1,5 @@
 'use client';
-import { addMonths, isSameDay, shouldRenderTime, isSameSecond, startOfMonth, endOfMonth, startOfISOWeek, endOfISOWeek, startOfWeek, endOfWeek, differenceInCalendarMonths, copyTime } from '../utils/dateUtils';
+import { addMonths, isSameDay, shouldRenderTime, isSameSecond, startOfMonth, endOfMonth, startOfISOWeek, endOfISOWeek, startOfWeek, endOfWeek, differenceInCalendarMonths, copyTime } from "../internals/utils/date";
 export function getSafeCalendarDate(_ref) {
   var _value;
   var value = _ref.value,
@@ -44,10 +44,19 @@ export var isSameRange = function isSameRange(source, dest, format) {
 export var getMonthHoverRange = function getMonthHoverRange(date) {
   return [startOfMonth(date), endOfMonth(date)];
 };
-export var getWeekHoverRange = function getWeekHoverRange(isoWeek, date) {
+export var getWeekHoverRange = function getWeekHoverRange(date, options) {
+  var isoWeek = options.isoWeek,
+    weekStart = options.weekStart,
+    locale = options.locale;
   if (isoWeek) {
     // set to the first day of this week according to ISO 8601, 12:00 am
     return [startOfISOWeek(date), endOfISOWeek(date)];
   }
-  return [startOfWeek(date), endOfWeek(date)];
+  return [startOfWeek(date, {
+    weekStartsOn: weekStart,
+    locale: locale
+  }), endOfWeek(date, {
+    weekStartsOn: weekStart,
+    locale: locale
+  })];
 };

package/esm/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface DividerProps extends WithAsProps {
     /**
      * Vertical dividing line. Cannot be used with text.

package/esm/Divider/Divider.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 /**
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider

package/esm/Divider/index.js

@@ -1,3 +1,3 @@
 'use client';
-import Divider from './Divider';
+import Divider from "./Divider";
 export default Divider;

package/esm/Drawer/Drawer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ModalProps, ModalBodyProps, ModalHeaderProps, ModalFooterProps, ModalTitleProps } from '../Modal';
-import { TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, RsRefForwardingComponent } from '@/internals/types';
 export interface DrawerProps extends ModalProps {
     /** The placement of Drawer */
     placement?: TypeAttributes.Placement4;

package/esm/Drawer/Drawer.js

@@ -3,12 +3,12 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import Slide from '../Animation/Slide';
-import Modal from '../Modal';
-import { useClassNames } from '../utils';
-import deprecateComponent from '../utils/deprecateComponent';
-import DrawerContext from './DrawerContext';
-import { oneOf } from '../internals/propTypes';
+import Slide from "../Animation/Slide";
+import Modal from "../Modal";
+import { useClassNames } from "../internals/hooks";
+import { deprecateComponent } from "../internals/utils";
+import DrawerContext from "./DrawerContext";
+import { oneOf } from "../internals/propTypes";
 var DrawerBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Modal.Body, _extends({
     classPrefix: "drawer-body"

package/esm/Drawer/index.js

@@ -1,3 +1,3 @@
 'use client';
-import Drawer from './Drawer';
+import Drawer from "./Drawer";
 export default Drawer;

package/esm/Dropdown/Dropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import DropdownMenu from './DropdownMenu';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 import DropdownItem from './DropdownItem';
 import Button from '../Button';

package/esm/Dropdown/Dropdown.js

@@ -5,19 +5,20 @@ import React, { useContext, useMemo, useReducer } from 'react';
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
-import DropdownMenu from './DropdownMenu';
-import { mergeRefs, PLACEMENT_8, placementPolyfill, useClassNames } from '../utils';
-import { deprecatePropType, oneOf } from '../internals/propTypes';
-import DropdownItem from './DropdownItem';
-import DropdownContext from './DropdownContext';
-import Menu from '../internals/Menu/Menu';
-import DropdownToggle from './DropdownToggle';
+import DropdownMenu from "./DropdownMenu";
+import { PLACEMENT_8 } from "../internals/constants";
+import { useClassNames } from "../internals/hooks";
+import { mergeRefs, placementPolyfill, warnOnce } from "../internals/utils";
+import { deprecatePropType, oneOf } from "../internals/propTypes";
+import DropdownItem from "./DropdownItem";
+import DropdownContext from "./DropdownContext";
+import Menu from "../internals/Menu/Menu";
+import DropdownToggle from "./DropdownToggle";
 import kebabCase from 'lodash/kebabCase';
-import NavContext from '../Nav/NavContext';
-import { initialState, reducer } from './DropdownState';
-import warnOnce from '../utils/warnOnce';
-import Nav from '../Nav';
-import DropdownSeparator from './DropdownSeparator';
+import NavContext from "../Nav/NavContext";
+import { initialState, reducer } from "./DropdownState";
+import Nav from "../Nav";
+import DropdownSeparator from "./DropdownSeparator";
 /**
  * The `Dropdown` component is used to select an option from a set of options.
  * @see https://rsuitejs.com/components/dropdown

package/esm/Dropdown/DropdownItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProps } from '@rsuite/icons/lib/Icon';
-import type { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import type { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/esm/Dropdown/DropdownItem.js

@@ -4,20 +4,19 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useCallback, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { deprecatePropType, deprecatePropTypeNew, oneOf } from '../internals/propTypes';
-import MenuItem from '../internals/Menu/MenuItem';
-import DropdownContext from './DropdownContext';
+import { deprecatePropType, deprecatePropTypeNew, oneOf } from "../internals/propTypes";
+import MenuItem from "../internals/Menu/MenuItem";
+import DropdownContext from "./DropdownContext";
 import isNil from 'lodash/isNil';
 import pick from 'lodash/pick';
-import { mergeRefs, shallowEqual, useClassNames } from '../utils';
-import NavContext from '../Nav/NavContext';
-import useInternalId from '../utils/useInternalId';
-import { DropdownActionType } from './DropdownState';
-import { useRenderDropdownItem } from './useRenderDropdownItem';
-import warnOnce from '../utils/warnOnce';
-import Nav from '../Nav';
-import Text from '../Text';
-import DropdownSeparator from './DropdownSeparator';
+import { useClassNames, useInternalId } from "../internals/hooks";
+import { mergeRefs, shallowEqual, warnOnce } from "../internals/utils";
+import NavContext from "../Nav/NavContext";
+import { DropdownActionType } from "./DropdownState";
+import { useRenderDropdownItem } from "./useRenderDropdownItem";
+import Nav from "../Nav";
+import Text from "../Text";
+import DropdownSeparator from "./DropdownSeparator";
 /**
  * The `<Dropdown.Item>` API
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`