rsuite 5.61.0 → 5.62.1

package/esm/DatePicker/DatePicker.d.ts

@@ -1,18 +1,28 @@
 import React from 'react';
 import { RangeType } from './Toolbar';
 import { DatePickerLocale } from '../locales';
-import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../@types/common';
+import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../internals/types';
 import type { DeprecatedProps } from './types';
 export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null>, DeprecatedProps {
-    /** Custom caret component */
+    /**
+     * Custom caret component
+     */
     caretAs?: React.ElementType | null;
-    /** Calendar panel default presentation date and time */
+    /**
+     * Calendar panel default presentation date and time
+     */
     calendarDefaultDate?: Date;
-    /** Whether disabled the component */
+    /**
+     * Whether disabled the component
+     */
     disabled?: boolean;
-    /** Rendered as an input, the date can be entered via the keyboard */
+    /**
+     * Rendered as an input, the date can be entered via the keyboard
+     */
     editable?: boolean;
-    /** Format date */
+    /**
+     * Format date string
+     */
     format?: string;
     /**
      * ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day
@@ -20,25 +30,52 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
      * @see https://en.wikipedia.org/wiki/ISO_week_date
      */
     isoWeek?: boolean;
-    /** A label displayed at the beginning of toggle button */
+    /**
+     * The index of the first day of the week (0 - Sunday)
+     * If `isoWeek` is `true`, the value of `weekStart` is ignored.
+     *
+     * @default 0
+     */
+    weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * A label displayed at the beginning of toggle button
+     */
     label?: React.ReactNode;
-    /** Set the upper limit of the available year relative to the current selection date */
+    /**
+     * Set the upper limit of the available year relative to the current selection date
+     */
     limitEndYear?: number;
-    /** Set the lower limit of the available year relative to the current selection date */
+    /**
+     * Set the lower limit of the available year relative to the current selection date
+     */
     limitStartYear?: number;
-    /** Whether to display a loading state indicator */
+    /**
+     * Whether to display a loading state indicator
+     */
     loading?: boolean;
-    /** one tap to select */
+    /**
+     * One-click selection date
+     */
     oneTap?: boolean;
-    /** Whether plaintext the component */
+    /**
+     * Whether plaintext the component
+     */
     plaintext?: boolean;
-    /** Whether read only the component */
+    /**
+     * Whether read only the component
+     */
     readOnly?: boolean;
-    /** Predefined date Ranges */
+    /**
+     * Predefined date Ranges
+     */
     ranges?: RangeType<Date>[];
-    /** Whether to show week numbers */
+    /**
+     * Whether to show week numbers
+     */
     showWeekNumbers?: boolean;
-    /** Meridian format */
+    /**
+     * Meridian format for 12-hour time
+     */
     showMeridian?: boolean;
     /**
      * Whether a date on the calendar view should be disabled
@@ -47,40 +84,62 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
      */
     shouldDisableDate?: (date: Date) => boolean;
     /**
-     * Disabled hours
+     * Disabled hours on the time view
      */
     shouldDisableHour?: (hour: number, date: Date) => boolean;
     /**
-     * Disabled minutes
+     * Disabled minutes on the time view
      */
     shouldDisableMinute?: (minute: number, date: Date) => boolean;
     /**
-     * Disabled seconds
+     * Disabled seconds on the time view
      */
     shouldDisableSecond?: (second: number, date: Date) => boolean;
-    /** Hidden hours */
+    /**
+     * Hidden hours on the time view
+     */
     hideHours?: (hour: number, date: Date) => boolean;
-    /** Hidden minutes */
+    /**
+     * Hidden minutes on the time view
+     */
     hideMinutes?: (minute: number, date: Date) => boolean;
-    /** Hidden seconds */
+    /**
+     * Hidden seconds on the time view
+     */
     hideSeconds?: (second: number, date: Date) => boolean;
-    /** Called when the calendar panel date changes */
+    /**
+     * Called when the calendar panel date changes
+     */
     onChangeCalendarDate?: (date: Date, event?: React.SyntheticEvent) => void;
-    /** Called when opening the month view */
+    /**
+     * Called when opening the month view
+     */
     onToggleMonthDropdown?: (toggle: boolean) => void;
-    /** Called when opening the time view */
+    /**
+     * Called when opening the time view
+     */
     onToggleTimeDropdown?: (toggle: boolean) => void;
-    /** Called when the option is selected */
+    /**
+     * Called when the option is selected
+     */
     onSelect?: (date: Date, event?: React.SyntheticEvent) => void;
     /** Called after the prev month */
     onPrevMonth?: (date: Date) => void;
-    /** Called after the next month */
+    /**
+     * Called after the next month
+     */
     onNextMonth?: (date: Date) => void;
-    /** Called after clicking the OK button */
+    /**
+     * Called after clicking the OK button
+     */
     onOk?: (date: Date, event: React.SyntheticEvent) => void;
-    /** Called after clicking the shortcut button */
+    /**
+     * Called after clicking the shortcut button
+     */
     onShortcutClick?: (range: RangeType<Date>, event: React.MouseEvent) => void;
-    /** Called when clean */
+    /**
+     * Called when clean
+     */
     onClean?: (event: React.MouseEvent) => void;
     /**
      * Custom rendering of the selected date.

package/esm/DatePicker/DatePicker.js

@@ -3,28 +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, useClassNames, useControlled, useCustom, useUniqueId, useEventCallback, partitionHTMLProps } from '../utils';
-import { shouldRenderMonth, shouldRenderDate, shouldRenderTime, shouldOnlyRenderTime, setHours, getHours, isValid, disableTime, copyTime, calendarOnlyProps } from '../utils/dateUtils';
-import { PickerPopup, PickerLabel, PickerIndicator, PickerToggleTrigger, pickerPropTypes, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from '../internals/Picker';
-import { OverlayCloseCause } from '../internals/Overlay/OverlayTrigger';
-import Input from '../Input';
-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 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.
  *
@@ -50,6 +52,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _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,
@@ -79,8 +83,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange = props.onChange,
     onChangeCalendarDate = props.onChangeCalendarDate,
     onClean = props.onClean,
-    onEntered = props.onEntered,
-    onExited = props.onExited,
+    onEnter = props.onEnter,
+    onExit = props.onExit,
     onNextMonth = props.onNextMonth,
     onOk = props.onOk,
     onPrevMonth = props.onPrevMonth,
@@ -94,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", "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", "onEntered", "onExited", "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,
@@ -118,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({
@@ -130,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.
    */
@@ -404,6 +411,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       limitStartYear: limitStartYear,
       format: formatStr,
       isoWeek: isoWeek,
+      weekStart: weekStart,
       calendarDate: calendarDate,
       renderCellOnPicker: renderCell,
       onMoveForward: handleMoveForward,
@@ -459,27 +467,27 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ariaProps = _partitionHTMLProps[0],
     rest = _partitionHTMLProps[1];
   var invalidValue = value && isErrorValue(value);
-
-  // Custom rendering of the selected value
-  var customValue = null;
-
-  // Input box is read-only when the component is uneditable or loading state
-  var inputReadOnly = readOnly || !editable || loading || false;
-  if (typeof renderValue === 'function' && value) {
-    customValue = renderValue(value, formatStr);
-
-    // If the custom rendering value, the input box is read-only
-    inputReadOnly = true;
-  }
-  var TargetInput = customValue ? Input : DateInput;
+  var customizedProps = {
+    value: value,
+    formatStr: formatStr,
+    renderValue: renderValue,
+    readOnly: readOnly,
+    editable: editable,
+    loading: loading
+  };
+  var _useCustomizedInput = useCustomizedInput(customizedProps),
+    customValue = _useCustomizedInput.customValue,
+    inputReadOnly = _useCustomizedInput.inputReadOnly,
+    Input = _useCustomizedInput.Input,
+    events = _useCustomizedInput.events;
   return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
     trigger: "active",
     pickerProps: pick(props, pickTriggerPropKeys),
     ref: trigger,
     placement: placement,
     onClose: handleTriggerClose,
-    onEntered: onEntered,
-    onExited: onExited,
+    onEnter: createChainedFunction(events.onActive, onEnter),
+    onExit: createChainedFunction(events.onInactive, onExit),
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
     className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),
@@ -497,7 +505,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement(PickerLabel, {
     className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["label"]))),
     id: id + "-label"
-  }, label), /*#__PURE__*/React.createElement(TargetInput, _extends({
+  }, label), /*#__PURE__*/React.createElement(Input, _extends({
     "aria-haspopup": "dialog",
     "aria-invalid": invalidValue,
     "aria-labelledby": label ? id + "-label" : undefined
@@ -508,8 +516,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     format: formatStr,
     placeholder: placeholder ? placeholder : formatStr,
     disabled: disabled,
-    onChange: handleInputChange,
     readOnly: inputReadOnly,
+    onChange: handleInputChange,
     onKeyDown: handleInputKeyDown
   })), /*#__PURE__*/React.createElement(PickerIndicator, {
     loading: loading,
@@ -531,6 +539,7 @@ DatePicker.propTypes = _extends({}, pickerPropTypes, deprecatedPropTypes, {
   hideMinutes: PropTypes.func,
   hideSeconds: PropTypes.func,
   isoWeek: PropTypes.bool,
+  weekStart: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),
   limitEndYear: PropTypes.number,
   limitStartYear: PropTypes.number,
   onChange: PropTypes.func,

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 '../utils';
-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 '../utils';
-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.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+interface UseCustomizedInputProps<T> {
+    value?: T | null;
+    formatStr: string;
+    readOnly?: boolean;
+    editable?: boolean;
+    loading?: boolean;
+    mode?: 'date' | 'dateRange';
+    renderValue?: (value: T, format: string) => string;
+}
+declare function useCustomizedInput<T>(props: UseCustomizedInputProps<T>): {
+    customValue: string | null;
+    Input: import("../../internals/types").RsRefForwardingComponent<"input", import("../../Input").InputProps> | import("react").ForwardRefExoticComponent<import("../../DateInput").DateInputProps & import("react").RefAttributes<unknown>> | import("react").ForwardRefExoticComponent<import("../../DateRangeInput").DateRangeInputProps & import("react").RefAttributes<unknown>>;
+    inputReadOnly: boolean;
+    events: {
+        onActive: () => void;
+        onInactive: () => void;
+    };
+};
+export default useCustomizedInput;

package/esm/DatePicker/hooks/useCustomizedInput.js

@@ -0,0 +1,54 @@
+'use client';
+import { useState, useCallback } from 'react';
+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,
+    readOnly = props.readOnly,
+    editable = props.editable,
+    loading = props.loading,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'date' : _props$mode,
+    renderValue = props.renderValue;
+  var _useState = useState(false),
+    active = _useState[0],
+    setActive = _useState[1];
+  var onActive = useCallback(function () {
+    return setActive(true);
+  }, []);
+  var onInactive = useCallback(function () {
+    return setActive(false);
+  }, []);
+
+  // Custom rendering of the selected value
+  var customValue = null;
+
+  // Input box is read-only when the component is uneditable or loading state
+  var inputReadOnly = readOnly || !editable || loading || false;
+
+  // If the component is not active or editable, the custom rendering value is displayed
+  var customized = !active || !editable;
+  if (typeof renderValue === 'function' && value && customized) {
+    if (Array.isArray(value) ? value.every(isValid) : isValid(value)) {
+      customValue = renderValue(value, formatStr);
+
+      // If the custom rendering value, the input box is read-only
+      inputReadOnly = true;
+    }
+  }
+  var TargetInput = mode === 'dateRange' ? DateRangeInput : DateInput;
+  var CustomizedInput = customValue ? Input : TargetInput;
+  return {
+    customValue: customValue,
+    Input: CustomizedInput,
+    inputReadOnly: inputReadOnly,
+    events: {
+      onActive: onActive,
+      onInactive: onInactive
+    }
+  };
+}
+export default useCustomizedInput;

package/esm/DatePicker/hooks/useFocus.js

@@ -2,10 +2,9 @@
 import delay from 'lodash/delay';
 import addMonths from 'date-fns/addMonths';
 import addDays from 'date-fns/addDays';
-import useEventCallback from '../../utils/useEventCallback';
-import { getAriaLabel } from '../../Calendar/utils';
-import { useCustom } from '../../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,
@@ -14,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 '../../utils/useEventCallback';
+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 '../utils/dateUtils';
+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 '../@types/common';
-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,12 +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 { mergeRefs, useClassNames, useCustom, useControlled, useEventCallback } from '../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
@@ -28,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,