rsuite 5.62.0 → 5.62.1

package/esm/DateInput/hooks/useFieldCursor.js

@@ -1,7 +1,7 @@
 'use client';
 import { useCallback, useRef } from 'react';
-import { getPatternGroups } from "../utils";
-import { useUpdateEffect } from "../../internals/hooks";
+import { getPatternGroups } from "../utils.js";
+import { useUpdateEffect } from "../../internals/hooks/index.js";
 export function useFieldCursor(format, value) {
   var typeCount = useRef(0);
   var increment = function increment() {

package/esm/DateInput/index.js

@@ -1,9 +1,9 @@
 'use client';
-import DateInput from "./DateInput";
-export { useDateInputState } from "./hooks/useDateInputState";
-export { useKeyboardInputEvent } from "./hooks/useKeyboardInputEvent";
-export { useIsFocused } from "./hooks/useIsFocused";
-export { useSelectedState } from "./hooks/useSelectedState";
-export { useFieldCursor } from "./hooks/useFieldCursor";
-export * from "./utils";
+import DateInput from "./DateInput.js";
+export { useDateInputState } from "./hooks/useDateInputState.js";
+export { useKeyboardInputEvent } from "./hooks/useKeyboardInputEvent.js";
+export { useIsFocused } from "./hooks/useIsFocused.js";
+export { useSelectedState } from "./hooks/useSelectedState.js";
+export { useFieldCursor } from "./hooks/useFieldCursor.js";
+export * from "./utils.js";
 export default DateInput;

package/esm/DateInput/utils.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { setYear, setMonth, setDate, setHours, setMinutes, setSeconds } from "../internals/utils/date";
-import { safeSetSelection } from "../internals/utils";
+import { setYear, setMonth, setDate, setHours, setMinutes, setSeconds } from "../internals/utils/date/index.js";
+import { safeSetSelection } from "../internals/utils/index.js";
 export function getPatternGroups(format, pattern) {
   var _format$match;
   return ((_format$match = format.match(new RegExp("(" + pattern + ")+"))) === null || _format$match === void 0 ? void 0 : _format$match[0]) || '';
@@ -195,7 +195,6 @@ export function validateDateTime(type, value) {
       return false;
     // Invalid type
   }
-
   return true;
 }
 export function modifyDate(date, type, value) {

package/esm/DatePicker/DatePicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RangeType } from './Toolbar';
 import { DatePickerLocale } from '../locales';
-import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '@/internals/types';
+import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../internals/types';
 import type { DeprecatedProps } from './types';
 export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null>, DeprecatedProps {
     /**

package/esm/DatePicker/DatePicker.js

@@ -3,29 +3,30 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject;
+var _excluded = ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "size", "caretAs", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onEnter", "onExit", "onNextMonth", "onOk", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell", "renderValue", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds"];
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import mapValues from 'lodash/mapValues';
 import pick from 'lodash/pick';
 import IconCalendar from '@rsuite/icons/legacy/Calendar';
 import IconClockO from '@rsuite/icons/legacy/ClockO';
-import CalendarContainer from "../Calendar/CalendarContainer";
-import useCalendarDate from "../Calendar/useCalendarDate";
-import { isEveryDateInMonth } from "../Calendar/MonthDropdown";
-import Toolbar from "./Toolbar";
-import Stack from "../Stack";
-import PredefinedRanges from "./PredefinedRanges";
-import { mergeRefs, partitionHTMLProps, createChainedFunction } from "../internals/utils";
-import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks";
-import { shouldRenderMonth, shouldRenderDate, shouldRenderTime, shouldOnlyRenderTime, setHours, getHours, isValid, copyTime, disableTime, calendarOnlyProps } from "../internals/utils/date";
-import { PickerPopup, PickerLabel, PickerIndicator, PickerToggleTrigger, pickerPropTypes, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker";
-import { OverlayCloseCause } from "../internals/Overlay/OverlayTrigger";
-import DateInput from "../DateInput";
-import InputGroup from "../InputGroup";
-import { splitRanges, deprecatedPropTypes, getRestProps } from "./utils";
-import useMonthView from "./hooks/useMonthView";
-import useFocus from "./hooks/useFocus";
-import useCustomizedInput from "./hooks/useCustomizedInput";
+import CalendarContainer from "../Calendar/CalendarContainer.js";
+import useCalendarDate from "../Calendar/useCalendarDate.js";
+import { isEveryDateInMonth } from "../Calendar/MonthDropdown.js";
+import Toolbar from "./Toolbar.js";
+import Stack from "../Stack/index.js";
+import PredefinedRanges from "./PredefinedRanges.js";
+import { mergeRefs, partitionHTMLProps, createChainedFunction } from "../internals/utils/index.js";
+import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
+import { shouldRenderMonth, shouldRenderDate, shouldRenderTime, shouldOnlyRenderTime, setHours, getHours, isValid, copyTime, disableTime, 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 DateInput from "../DateInput/index.js";
+import InputGroup from "../InputGroup/index.js";
+import { splitRanges, deprecatedPropTypes, getRestProps } from "./utils.js";
+import useMonthView from "./hooks/useMonthView.js";
+import useFocus from "./hooks/useFocus.js";
+import useCustomizedInput from "./hooks/useCustomizedInput.js";
 /**
  * A date picker allows users to select a date from a calendar.
  *
@@ -97,7 +98,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     DEPRECATED_disabledHours = props.disabledHours,
     DEPRECATED_disabledMinutes = props.disabledMinutes,
     DEPRECATED_disabledSeconds = props.disabledSeconds,
-    restProps = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "size", "caretAs", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onEnter", "onExit", "onNextMonth", "onOk", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell", "renderValue", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds"]);
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -121,7 +122,9 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }),
     setMonthView = _useMonthView.setMonthView,
     monthView = _useMonthView.monthView,
-    toggleMonthView = _useMonthView.toggleMonthView; // Show only the calendar month panel. formatStr = 'yyyy-MM'
+    toggleMonthView = _useMonthView.toggleMonthView;
+
+  // Show only the calendar month panel. formatStr = 'yyyy-MM'
   var onlyShowMonth = shouldRenderMonth(formatStr) && !shouldRenderDate(formatStr);
   var showMonth = onlyShowMonth || monthView;
   var _useFocus = useFocus({
@@ -133,6 +136,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     focusInput = _useFocus.focusInput,
     focusSelectedDate = _useFocus.focusSelectedDate,
     onKeyFocusEvent = _useFocus.onKeyFocusEvent;
+
   /**
    * Check whether the date is disabled.
    */

package/esm/DatePicker/PredefinedRanges.js

@@ -1,11 +1,13 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["className", "disableShortcut", "onShortcutClick", "calendarDate", "ranges", "locale"],
+  _excluded2 = ["value", "closeOverlay", "label"];
 import React, { useCallback, useState } from 'react';
-import Button from "../Button";
-import Stack from "../Stack";
-import { useUpdateEffect } from "../internals/hooks";
-import { getDefaultRanges, getRanges } from "./utils";
+import Button from "../Button/index.js";
+import Stack from "../Stack/index.js";
+import { useUpdateEffect } from "../internals/hooks/index.js";
+import { getDefaultRanges, getRanges } from "./utils.js";
 var PredefinedRanges = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
     disableShortcut = props.disableShortcut,
@@ -13,7 +15,7 @@ var PredefinedRanges = /*#__PURE__*/React.forwardRef(function (props, ref) {
     calendarDate = props.calendarDate,
     rangesProp = props.ranges,
     locale = props.locale,
-    rest = _objectWithoutPropertiesLoose(props, ["className", "disableShortcut", "onShortcutClick", "calendarDate", "ranges", "locale"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useState = useState(getRanges(props)),
     ranges = _useState[0],
     setRanges = _useState[1];
@@ -40,7 +42,7 @@ var PredefinedRanges = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var value = range.value,
       closeOverlay = range.closeOverlay,
       label = range.label,
-      rest = _objectWithoutPropertiesLoose(range, ["value", "closeOverlay", "label"]);
+      rest = _objectWithoutPropertiesLoose(range, _excluded2);
     var disabled = disableShortcut === null || disableShortcut === void 0 ? void 0 : disableShortcut(value);
     var handleClickShortcut = function handleClickShortcut(event) {
       if (disabled) {

package/esm/DatePicker/Toolbar.d.ts

@@ -6,7 +6,7 @@ export interface ToolbarProps<T = any, Shortcut = T> extends PredefinedRangesPro
     disableOkBtn?: (value: T) => boolean;
     onOk?: (event: React.MouseEvent) => void;
 }
-declare type ToolbarComponent = React.ForwardRefExoticComponent<ToolbarProps> & {
+type ToolbarComponent = React.ForwardRefExoticComponent<ToolbarProps> & {
     <T = any, Shortcut = T>(props: ToolbarProps<T, Shortcut>): React.ReactElement | null;
 };
 /**

package/esm/DatePicker/Toolbar.js

@@ -1,11 +1,12 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["className", "classPrefix", "calendarDate", "ranges", "locale", "hideOkBtn", "disableOkBtn", "disableShortcut", "onOk", "onShortcutClick"];
 import React from 'react';
-import Button from "../Button";
-import { useClassNames } from "../internals/hooks";
-import PredefinedRanges from "./PredefinedRanges";
-import Stack from "../Stack";
+import Button from "../Button/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import PredefinedRanges from "./PredefinedRanges.js";
+import Stack from "../Stack/index.js";
 var OkButton = function OkButton(_ref) {
   var disableOkBtn = _ref.disableOkBtn,
     calendarDate = _ref.calendarDate,
@@ -35,7 +36,7 @@ var Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(props, ref) {
     disableShortcut = props.disableShortcut,
     onOk = props.onOk,
     onShortcutClick = props.onShortcutClick,
-    rest = _objectWithoutPropertiesLoose(props, ["className", "classPrefix", "calendarDate", "ranges", "locale", "hideOkBtn", "disableOkBtn", "disableShortcut", "onOk", "onShortcutClick"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/esm/DatePicker/hooks/useCustomizedInput.js

@@ -1,9 +1,9 @@
 'use client';
 import { useState, useCallback } from 'react';
-import { isValid } from "../../internals/utils/date";
-import Input from "../../Input";
-import DateInput from "../../DateInput";
-import DateRangeInput from "../../DateRangeInput";
+import { isValid } from "../../internals/utils/date/index.js";
+import Input from "../../Input/index.js";
+import DateInput from "../../DateInput/index.js";
+import DateRangeInput from "../../DateRangeInput/index.js";
 function useCustomizedInput(props) {
   var value = props.value,
     formatStr = props.formatStr,

package/esm/DatePicker/hooks/useFocus.js

@@ -2,9 +2,9 @@
 import delay from 'lodash/delay';
 import addMonths from 'date-fns/addMonths';
 import addDays from 'date-fns/addDays';
-import { useEventCallback, useCustom } from "../../internals/hooks";
-import { getAriaLabel } from "../../Calendar/utils";
-import { onMenuKeyDown } from "../../internals/Picker/utils";
+import { useEventCallback, useCustom } from "../../internals/hooks/index.js";
+import { getAriaLabel } from "../../Calendar/utils.js";
+import { onMenuKeyDown } from "../../internals/Picker/utils.js";
 function useFocus(props) {
   var target = props.target,
     showMonth = props.showMonth,
@@ -13,6 +13,7 @@ function useFocus(props) {
   var _useCustom = useCustom('DatePicker', localeProp),
     locale = _useCustom.locale,
     formatDate = _useCustom.formatDate;
+
   /**
    * Get the corresponding container based on date selection and month selection
    */

package/esm/DatePicker/hooks/useMonthView.js

@@ -1,11 +1,12 @@
 'use client';
 import { useState } from 'react';
-import { useEventCallback } from "../../internals/hooks";
+import { useEventCallback } from "../../internals/hooks/index.js";
 function useMonthView(props) {
   var onToggleMonthDropdown = props.onToggleMonthDropdown;
   var _useState = useState(false),
     monthView = _useState[0],
     setMonthView = _useState[1];
+
   /**
    * The callback triggered after the month selection box is opened or closed.
    */

package/esm/DatePicker/index.js

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

package/esm/DatePicker/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type ToolbarValue = Date | [Date?, Date?];
+export type ToolbarValue = Date | [Date?, Date?];
 export interface RangeType<T> {
     label: ReactNode;
     closeOverlay?: boolean;

package/esm/DatePicker/types.js

@@ -1 +1,2 @@
 'use client';
+export {};

package/esm/DatePicker/utils.js

@@ -1,11 +1,12 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["value"];
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
-import { deprecatePropTypeNew } from "../internals/propTypes";
-import { omitTriggerPropKeys } from "../internals/Picker";
-import { subDays, startOfDay, endOfDay, calendarOnlyProps } from "../internals/utils/date";
+import { deprecatePropTypeNew } from "../internals/propTypes/index.js";
+import { omitTriggerPropKeys } from "../internals/Picker/index.js";
+import { subDays, startOfDay, endOfDay, calendarOnlyProps } from "../internals/utils/date/index.js";
 export function getDefaultRanges(value) {
   var today = new Date();
 
@@ -37,7 +38,7 @@ var generateRangesIterator = function generateRangesIterator(_ref) {
   var calendarDate = _ref.calendarDate;
   return function (_ref2) {
     var value = _ref2.value,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["value"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
     return _extends({
       value: typeof value === 'function' ? value(calendarDate) : value
     }, rest);

package/esm/DateRangeInput/DateRangeInput.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { InputProps } from '../Input';
-import { FormControlBaseProps } from '@/internals/types';
-declare type ValueType = [Date | null, Date | null] | null;
+import { FormControlBaseProps } from '../internals/types';
+type ValueType = [Date | null, Date | null] | null;
 export interface DateRangeInputProps extends Omit<InputProps, 'value' | 'onChange' | 'defaultValue'>, FormControlBaseProps<ValueType> {
     /**
      * The character between the start and end dates.

package/esm/DateRangeInput/DateRangeInput.js

@@ -1,13 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["className", "classPrefix", "character", "format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus"];
 import React, { useState, useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import Input from "../Input";
-import { useClassNames, useCustom, useControlled, useEventCallback } from "../internals/hooks";
-import { mergeRefs } from "../internals/utils";
-import { validateDateTime, useDateInputState, useInputSelection, useKeyboardInputEvent, useIsFocused, useSelectedState, useFieldCursor } from "../DateInput";
-import { getInputSelectedState, DateType, getDateType, isSwitchDateType } from "./utils";
+import Input from "../Input/index.js";
+import { useClassNames, useCustom, 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 { getInputSelectedState, DateType, getDateType, isSwitchDateType } from "./utils.js";
 /**
  * The DateRangeInput component lets users select a date with the keyboard.
  * @version 5.59.0
@@ -29,7 +30,7 @@ var DateRangeInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onKeyDown = props.onKeyDown,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
-    rest = _objectWithoutPropertiesLoose(props, ["className", "classPrefix", "character", "format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/DateRangeInput/index.js

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

package/esm/DateRangeInput/utils.js

@@ -1,11 +1,11 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { getSelectIndexGap, isCursorAfterMonth, getDatePattern } from "../DateInput";
-export var DateType;
-(function (DateType) {
+import { getSelectIndexGap, isCursorAfterMonth, getDatePattern } from "../DateInput/index.js";
+export var DateType = /*#__PURE__*/function (DateType) {
   DateType["Start"] = "Start";
   DateType["End"] = "End";
-})(DateType || (DateType = {}));
+  return DateType;
+}({});
 export function getInputSelectedState(options) {
   var input = options.input,
     direction = options.direction,

package/esm/DateRangePicker/Calendar.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { DATERANGE_DISABLED_TARGET } from '@/internals/constants';
+import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { CalendarProps as CalendarCoreProps } from '../Calendar/CalendarContainer';
 import { DateRange } from './types';
-import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
+import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import { DatePickerLocale } from '../locales';
-declare type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale' | 'onToggleMeridian';
+type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale' | 'onToggleMeridian';
 export interface CalendarProps extends WithAsProps, Omit<CalendarCoreProps, OmitCalendarCoreTypes> {
     calendarDate?: DateRange;
     disabledDate?: (date: Date, selectValue: [] | [Date] | [Date, Date], type: DATERANGE_DISABLED_TARGET) => boolean;

package/esm/DateRangePicker/Calendar.js

@@ -1,11 +1,12 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "calendarDate", "format", "disabledDate", "index", "limitEndYear", "limitStartYear", "onChangeCalendarMonth", "onChangeCalendarTime", "onToggleMeridian", "onSelect", "value"];
 import React from 'react';
-import { addMonths } from "../internals/utils/date";
-import { DATERANGE_DISABLED_TARGET } from "../internals/constants";
-import { useEventCallback } from "../internals/hooks";
-import CalendarCore from "../Calendar/CalendarContainer";
+import { addMonths } from "../internals/utils/date/index.js";
+import { DATERANGE_DISABLED_TARGET } from "../internals/constants/index.js";
+import { useEventCallback } from "../internals/hooks/index.js";
+import CalendarCore from "../Calendar/CalendarContainer.js";
 var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? CalendarCore : _props$as,
@@ -24,7 +25,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onSelect = props.onSelect,
     _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "calendarDate", "format", "disabledDate", "index", "limitEndYear", "limitStartYear", "onChangeCalendarMonth", "onChangeCalendarTime", "onToggleMeridian", "onSelect", "value"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var onMoveForward = useEventCallback(function (nextPageDate) {
     onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);
   });

package/esm/DateRangePicker/DateRangePicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FormControlBaseProps, PickerBaseProps } from '@/internals/types';
+import { FormControlBaseProps, PickerBaseProps } from '../internals/types';
 import { DateRangePickerLocale } from '../locales';
-import { PickerComponent } from '@/internals/Picker';
+import { PickerComponent } from '../internals/Picker';
 import { DisabledDateFunction, RangeType, DateRange } from './types';
 export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLocale>, FormControlBaseProps<DateRange | null> {
     /**

package/esm/DateRangePicker/DateRangePicker.js

@@ -3,6 +3,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject;
+var _excluded = ["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"];
 import React, { useEffect, useRef, useState, useMemo } from 'react';
 import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
@@ -10,23 +11,23 @@ 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 { 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";
+import Toolbar from "../DatePicker/Toolbar.js";
+import PredefinedRanges from "../DatePicker/PredefinedRanges.js";
+import Stack from "../Stack/index.js";
+import { DATERANGE_DISABLED_TARGET as TARGET } from "../internals/constants/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, isValid, isBefore, isSameDay, addDays, startOfDay, endOfDay, shouldRenderTime, isAfter, isSameMonth, shouldRenderMonth, shouldRenderDate, calendarOnlyProps, getReversedTimeMeridian, reverseDateRangeOmitTime, copyTime, shouldOnlyRenderTime } from "../internals/utils/date/index.js";
+import Calendar from "./Calendar.js";
+import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from "./utils.js";
+import { deprecatePropTypeNew, oneOf } from "../internals/propTypes/index.js";
+import DateRangePickerContext from "./DateRangePickerContext.js";
+import DateRangeInput from "../DateRangeInput/index.js";
+import InputGroup from "../InputGroup/index.js";
+import Header from "./Header.js";
+import useDateDisabled from "./hooks/useDateDisabled.js";
+import useCustomizedInput from "../DatePicker/hooks/useCustomizedInput.js";
 /**
  * A date range picker allows you to select a date range from a calendar.
  *
@@ -95,7 +96,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onShortcutClick = props.onShortcutClick,
     renderTitle = props.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"]);
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -107,12 +108,16 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var _useCustom = useCustom('DateRangePicker', overrideLocale),
     locale = _useCustom.locale,
-    formatDate = _useCustom.formatDate; // Default gap between two calendars, if `showOneCalendar` is set, the gap is 0
+    formatDate = _useCustom.formatDate;
+
+  // Default gap between two calendars, if `showOneCalendar` is set, the gap is 0
   var calendarGap = showOneCalendar ? 0 : 1;
   var rangeFormatStr = "" + formatStr + character + formatStr;
   var _useControlled = useControlled(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),
     value = _useControlled[0],
-    setValue = _useControlled[1]; // Show only the calendar month panel. formatStr = 'yyyy-MM'
+    setValue = _useControlled[1];
+
+  // Show only the calendar month panel. formatStr = 'yyyy-MM'
   var onlyShowMonth = shouldRenderMonth(formatStr) && !shouldRenderDate(formatStr);
 
   /**
@@ -124,6 +129,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useState = useState(true),
     isSelectedIdle = _useState[0],
     setSelectedIdle = _useState[1];
+
   /**
    * The currently selected date range.
    *
@@ -134,15 +140,20 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
    */
   var _useState2 = useState((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),
     selectedDates = _useState2[0],
-    setSelectedDates = _useState2[1]; // The date of the current hover, used to reduce the calculation of `handleMouseMove`
+    setSelectedDates = _useState2[1];
+
+  // The date of the current hover, used to reduce the calculation of `handleMouseMove`
   var _useState3 = useState(value),
     hoverDateRange = _useState3[0],
-    setHoverDateRange = _useState3[1]; // The displayed calendar panel is rendered based on this value.
+    setHoverDateRange = _useState3[1];
+
+  // The displayed calendar panel is rendered based on this value.
   var _useState4 = useState(getSafeCalendarDate({
       value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null
     })),
     calendarDate = _useState4[0],
     setCalendarDate = _useState4[1];
+
   /**
    * When hoverRange is set, `selectValue` will be updated during the hover process,
    * which will cause the `selectValue` to be updated after the first click,
@@ -158,6 +169,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useState5 = useState(),
     activeCalendarKey = _useState5[0],
     setActiveCalendarKey = _useState5[1];
+
   /**
    * Get the time on the calendar.
    */
@@ -178,15 +190,15 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     // The time should remain the same when the dates in the date range are changed.
     if (shouldRenderTime(formatStr) && dateRange !== null && dateRange !== void 0 && dateRange.length && (eventName === 'changeDate' || eventName === 'changeMonth')) {
-      var _startDate = copyTime({
+      var startDate = copyTime({
         from: getCalendarDatetime('start'),
         to: dateRange[0]
       });
-      var _endDate = copyTime({
+      var endDate = copyTime({
         from: getCalendarDatetime('end'),
-        to: dateRange.length === 1 ? addMonths(_startDate, calendarGap) : dateRange[1]
+        to: dateRange.length === 1 ? addMonths(startDate, calendarGap) : dateRange[1]
       });
-      nextValue = [_startDate, _endDate];
+      nextValue = [startDate, endDate];
     } else if (dateRange === null && typeof defaultCalendarValue !== 'undefined') {
       // Make the calendar render the value of defaultCalendarValue after clearing the value.
       nextValue = defaultCalendarValue;
@@ -212,9 +224,9 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var padding = 4;
     var strings = rangeFormatStr;
     if (value) {
-      var _startDate2 = value[0],
-        _endDate2 = value[1];
-      strings = "" + formatDate(_startDate2, formatStr) + character + formatDate(_endDate2, formatStr);
+      var startDate = value[0],
+        endDate = value[1];
+      strings = "" + formatDate(startDate, formatStr) + character + formatDate(endDate, formatStr);
     }
     return getStringLength(strings) + padding;
   };
@@ -424,9 +436,9 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleEnter = useEventCallback(function () {
     var nextCalendarDate;
     if (value && value.length) {
-      var _startDate3 = value[0],
+      var startDate = value[0],
         endData = value[1];
-      nextCalendarDate = [_startDate3, isSameMonth(_startDate3, endData) ? addMonths(endData, calendarGap) : endData];
+      nextCalendarDate = [startDate, isSameMonth(startDate, endData) ? addMonths(endData, calendarGap) : endData];
     } else {
       // Reset the date on the calendar to the default date
       nextCalendarDate = getSafeCalendarDate({

package/esm/DateRangePicker/Header.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface HeaderProps {
     formatStr: string;
     character: string;
@@ -7,5 +7,5 @@ interface HeaderProps {
     onSelect?: (eventKey: 'start' | 'end') => void;
     clickable?: boolean;
 }
-declare function Header(props: HeaderProps): JSX.Element;
+declare function Header(props: HeaderProps): React.JSX.Element;
 export default Header;

package/esm/DateRangePicker/Header.js

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