rsuite 5.71.0 → 5.73.0

package/esm/DateRangePicker/DateRangePicker.js

@@ -3,18 +3,18 @@ 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, _templateObject2;
-var _excluded = ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "calendarSnapping", "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", "monthDropdownProps", "hideHours", "hideMinutes", "hideSeconds", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"];
+var _excluded = ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "calendarSnapping", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showMeridiem", "showHeader", "style", "size", "caretAs", "value", "monthDropdownProps", "hideHours", "hideMinutes", "hideSeconds", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"];
 import React, { useEffect, useRef, useState, useMemo } from 'react';
 import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
 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 CalendarIcon from '@rsuite/icons/Calendar';
+import TimeIcon from '@rsuite/icons/Time';
 import Toolbar from "../DatePicker/Toolbar.js";
 import PredefinedRanges from "../DatePicker/PredefinedRanges.js";
 import Stack from "../Stack/index.js";
-import DateRangePickerContext from "./DateRangePickerContext.js";
+import { DateRangePickerProvider } from "./DateRangePickerProvider.js";
 import DateRangeInput from "../DateRangeInput/index.js";
 import InputGroup from "../InputGroup/index.js";
 import Header from "./Header.js";
@@ -27,7 +27,7 @@ import { DATERANGE_DISABLED_TARGET as TARGET } from "../internals/constants/inde
 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 { addMonths, addDays, copyTime, calendarOnlyProps, endOfDay, isValid, isBefore, isSameDay, isAfter, isSameMonth, reverseDateRangeOmitTime, startOfDay, DateMode, useDateMode } from "../internals/utils/date/index.js";
 /**
  * A date range picker allows you to select a date range from a calendar.
  *
@@ -55,8 +55,10 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled = props.disabled,
     DEPRECATED_disabledDate = props.disabledDate,
     shouldDisableDate = props.shouldDisableDate,
-    _props$format = props.format,
-    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
+    shouldDisableHour = props.shouldDisableHour,
+    shouldDisableMinute = props.shouldDisableMinute,
+    shouldDisableSecond = props.shouldDisableSecond,
+    format = props.format,
     hoverRange = props.hoverRange,
     idProp = props.id,
     _props$isoWeek = props.isoWeek,
@@ -81,7 +83,9 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$showOneCalenda = props.showOneCalendar,
     showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,
     showWeekNumbers = props.showWeekNumbers,
-    showMeridian = props.showMeridian,
+    DEPRECATED_showMeridian = props.showMeridian,
+    _props$showMeridiem = props.showMeridiem,
+    showMeridiem = _props$showMeridiem === void 0 ? DEPRECATED_showMeridian : _props$showMeridiem,
     _props$showHeader = props.showHeader,
     showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
     style = props.style,
@@ -114,16 +118,26 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useCustom = useCustom('DateRangePicker', overrideLocale),
     locale = _useCustom.locale,
     formatDate = _useCustom.formatDate;
-
-  // Default gap between two calendars, if `showOneCalendar` is set, the gap is 0
-  var calendarGap = showOneCalendar ? 0 : 1;
+  var formatStr = format || locale.shortDateFormat || 'yyyy-MM-dd';
   var rangeFormatStr = "" + formatStr + character + formatStr;
   var _useControlled = useControlled(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),
     value = _useControlled[0],
     setValue = _useControlled[1];
+  var _useDateMode = useDateMode(formatStr),
+    mode = _useDateMode.mode,
+    has = _useDateMode.has;
 
   // Show only the calendar month panel. formatStr = 'yyyy-MM'
-  var onlyShowMonth = shouldRenderMonth(formatStr) && !shouldRenderDate(formatStr);
+  var onlyShowMonth = mode === DateMode.Month;
+
+  // Only show the time panel. formatStr = 'HH:mm:ss'
+  var onlyShowTime = mode === DateMode.Time;
+
+  // Allows two calendar panels to display the same month.
+  var allowSameMonth = onlyShowMonth || showOneCalendar || onlyShowTime;
+
+  // Default gap between two calendars, if `showOneCalendar` is set, the gap is 0
+  var calendarGap = allowSameMonth ? 0 : 1;
 
   /**
    * Whether to complete the selection.
@@ -154,10 +168,11 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   // 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
+      value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null,
+      allowSameMonth: allowSameMonth
     })),
-    calendarDate = _useState4[0],
-    setCalendarDate = _useState4[1];
+    calendarDateRange = _useState4[0],
+    setCalendarDateRangeValue = _useState4[1];
 
   /**
    * When hoverRange is set, `selectValue` will be updated during the hover process,
@@ -180,7 +195,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
    */
   var getCalendarDatetime = function getCalendarDatetime(calendarKey) {
     var index = calendarKey === 'start' ? 0 : 1;
-    return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate[index]) || (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue[index]);
+    return (calendarDateRange === null || calendarDateRange === void 0 ? void 0 : calendarDateRange[index]) || (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue[index]);
   };
 
   /**
@@ -194,7 +209,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var nextValue = dateRange;
 
     // 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')) {
+    if (has('time') && dateRange !== null && dateRange !== void 0 && dateRange.length && (eventName === 'changeDate' || eventName === 'changeMonth')) {
       var startDate = copyTime({
         from: getCalendarDatetime('start'),
         to: dateRange[0]
@@ -211,11 +226,9 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var nextCalendarDate = getSafeCalendarDate({
       value: nextValue,
       calendarKey: calendarKey,
-      // When only the month is displayed and only one calendar is displayed,
-      // there is no need to add a month and two calendar panels are allowed to display the same month
-      allowSameMonth: onlyShowMonth || showOneCalendar
+      allowSameMonth: allowSameMonth
     });
-    setCalendarDate(nextCalendarDate);
+    setCalendarDateRangeValue(nextCalendarDate);
     if (onlyShowMonth && eventName === 'changeMonth') {
       setSelectedDates(nextCalendarDate);
     }
@@ -354,7 +367,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (isAfter(nextSelectDates[0], nextSelectDates[1])) {
         nextSelectDates = reverseDateRangeOmitTime(nextSelectDates);
       }
-      if (shouldRenderTime(formatStr)) {
+      if (has('time')) {
         nextSelectDates = [copyTime({
           from: getCalendarDatetime('start'),
           to: nextSelectDates[0]
@@ -373,7 +386,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setActiveCalendarKey('start');
     }
     setSelectedDates(nextSelectDates);
-    if (!isSameMonth(calendarDate[index], date) || calendarSnapping) {
+    if (!isSameMonth(calendarDateRange[index], date) || calendarSnapping) {
       setCalendarDateRange({
         dateRange: nextSelectDates,
         calendarKey: calendarKey,
@@ -396,7 +409,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [selectedDates]);
   var onChangeCalendarMonth = useEventCallback(function (index, date) {
     var calendarKey = index === 0 ? 'start' : 'end';
-    var nextCalendarDate = Array.from(calendarDate);
+    var nextCalendarDate = Array.from(calendarDateRange);
     nextCalendarDate[index] = date;
     setCalendarDateRange({
       dateRange: nextCalendarDate,
@@ -406,7 +419,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   var onChangeCalendarTime = useEventCallback(function (index, date) {
     var calendarKey = index === 0 ? 'start' : 'end';
-    var nextCalendarDate = Array.from(calendarDate);
+    var nextCalendarDate = Array.from(calendarDateRange);
     nextCalendarDate[index] = date;
     setCalendarDateRange({
       dateRange: nextCalendarDate,
@@ -424,22 +437,6 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return next;
     });
   });
-
-  /**
-   * The callback triggered when PM/AM is switched.
-   */
-  var onToggleMeridian = useEventCallback(function (index) {
-    var nextCalendarDate = Array.from(calendarDate);
-    nextCalendarDate[index] = getReversedTimeMeridian(nextCalendarDate[index]);
-    setCalendarDate(nextCalendarDate);
-
-    // If the value already exists, update the value again.
-    if (selectedDates.length === 2) {
-      var nextSelectedDates = Array.from(selectedDates);
-      nextSelectedDates[index] = getReversedTimeMeridian(nextSelectedDates[index]);
-      setSelectedDates(nextSelectedDates);
-    }
-  });
   var handleEnter = useEventCallback(function () {
     var nextCalendarDate;
     if (value && value.length) {
@@ -449,7 +446,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } else {
       // Reset the date on the calendar to the default date
       nextCalendarDate = getSafeCalendarDate({
-        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null
+        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null,
+        allowSameMonth: allowSameMonth
       });
     }
     setSelectedDates(value !== null && value !== void 0 ? value : []);
@@ -480,9 +478,20 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     // End unfinished selections.
     setSelectedIdle(true);
   });
+  var calculateDateRange = function calculateDateRange() {
+    var _selectedDates$ = selectedDates[0],
+      start = _selectedDates$ === void 0 ? calendarDateRange[0] : _selectedDates$,
+      _selectedDates$2 = selectedDates[1],
+      end = _selectedDates$2 === void 0 ? calendarDateRange[1] : _selectedDates$2;
+    if (onlyShowTime) {
+      return [start, end];
+    }
+    return selectedDates;
+  };
   var handleClickOK = useEventCallback(function (event) {
-    setDateRange(event, selectedDates);
-    onOk === null || onOk === void 0 ? void 0 : onOk(selectedDates, event);
+    var nextValue = calculateDateRange();
+    setDateRange(event, nextValue);
+    onOk === null || onOk === void 0 ? void 0 : onOk(nextValue, event);
   });
   var handleClean = useEventCallback(function (event) {
     setCalendarDateRange({
@@ -540,34 +549,48 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   /**
-   * Check if the OK button is disabled
+   * Determine if the OK button should be disabled
    */
-  var isOkButtonDisabled = function isOkButtonDisabled() {
-    var start = selectedDates[0],
-      end = selectedDates[1];
-    if (!start || !end || !isSelectedIdle) {
+  var shouldDisableOkButton = function shouldDisableOkButton() {
+    var _calculateDateRange = calculateDateRange(),
+      startDate = _calculateDateRange[0],
+      endDate = _calculateDateRange[1];
+
+    // Check if start or end dates are missing
+    if (!startDate || !endDate) {
+      return true;
+    }
+
+    // Additional condition if only showing time
+    if (!onlyShowTime && !isSelectedIdle) {
       return true;
     }
-    if (isErrorValue([start, end])) {
+
+    // Check if there is any error in the selected date range
+    if (isErrorValue([startDate, endDate])) {
       return true;
     }
     return false;
   };
 
   /**
-   * Check if the shortcut button is disabled
+   * Check if a shortcut is disabled based on the selected date range
    */
-  var isShortcutDisabled = function isShortcutDisabled(value) {
-    if (value === void 0) {
-      value = [];
-    }
-    var _value = value,
-      start = _value[0],
-      end = _value[1];
-    if (!start || !end) {
+  var shouldDisableShortcut = function shouldDisableShortcut(selectedDates) {
+    if (selectedDates === void 0) {
+      selectedDates = [];
+    }
+    var _selectedDates = selectedDates,
+      startDate = _selectedDates[0],
+      endDate = _selectedDates[1];
+
+    // Disable if either start or end date is missing
+    if (!startDate || !endDate) {
       return true;
     }
-    return isRangeDisabled(start, end, TARGET.TOOLBAR_SHORTCUT);
+
+    // Check if the date range is disabled for the shortcut
+    return isRangeDisabled(startDate, endDate, TARGET.TOOLBAR_SHORTCUT);
   };
   var handleClose = useEventCallback(function () {
     var _trigger$current, _trigger$current$clos;
@@ -600,7 +623,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className = positionProps.className;
     var classes = merge(className, menuClassName, prefix('popup-daterange'));
     var panelClasses = prefix('daterange-panel', {
-      'daterange-panel-show-one-calendar': showOneCalendar
+      'daterange-panel-show-one-calendar': showOneCalendar,
+      'daterange-panel-only-time': onlyShowTime
     });
 
     /**
@@ -608,7 +632,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
      * @see https://github.com/rsuite/rsuite/issues/3522
      */
     var panelStyles = {
-      minWidth: showOneCalendar ? 'auto' : 528
+      minWidth: showOneCalendar || onlyShowTime ? 'auto' : 528
     };
     var styles = _extends({}, menuStyle, {
       left: left,
@@ -619,8 +643,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       isoWeek: isoWeek,
       weekStart: weekStart,
       limitEndYear: limitEndYear,
-      showMeridian: showMeridian,
-      calendarDate: calendarDate,
+      showMeridiem: showMeridiem,
+      calendarDateRange: calendarDateRange,
       limitStartYear: limitStartYear,
       showWeekNumbers: showWeekNumbers,
       format: formatStr,
@@ -630,11 +654,13 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       hideHours: hideHours,
       hideMinutes: hideMinutes,
       hideSeconds: hideSeconds,
+      disabledHours: shouldDisableHour,
+      disabledMinutes: shouldDisableMinute,
+      disabledSeconds: shouldDisableSecond,
       disabledDate: disableCalendarDate,
       onSelect: handleSelectDate,
       onChangeCalendarMonth: onChangeCalendarMonth,
       onChangeCalendarTime: onChangeCalendarTime,
-      onToggleMeridian: onToggleMeridian,
       onMouseMove: onMouseMove,
       renderTitle: renderTitle
     };
@@ -674,9 +700,9 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       spacing: 0,
       className: prefix('daterange-predefined'),
       ranges: sideRanges,
-      calendarDate: calendarDate,
+      calendarDate: calendarDateRange,
       locale: locale,
-      disableShortcut: isShortcutDisabled,
+      disableShortcut: shouldDisableShortcut,
       onShortcutClick: handleShortcutPageDate,
       "data-testid": "daterange-predefined-side"
     }), /*#__PURE__*/React.createElement(Stack.Item, null, /*#__PURE__*/React.createElement("div", {
@@ -690,15 +716,15 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onSelect: setActiveCalendarKey
     }), /*#__PURE__*/React.createElement("div", {
       className: prefix("daterange-calendar-" + (showOneCalendar ? 'single' : 'group'))
-    }, /*#__PURE__*/React.createElement(DateRangePickerContext.Provider, {
+    }, /*#__PURE__*/React.createElement(DateRangePickerProvider, {
       value: {
         isSelectedIdle: isSelectedIdle
       }
     }, getCalendars()))), /*#__PURE__*/React.createElement(Toolbar, {
       locale: locale,
       calendarDate: selectedDates,
-      disableOkBtn: isOkButtonDisabled,
-      disableShortcut: isShortcutDisabled,
+      disableOkBtn: shouldDisableOkButton,
+      disableShortcut: shouldDisableShortcut,
       hideOkBtn: oneTap,
       onOk: handleClickOK,
       onShortcutClick: handleShortcutPageDate,
@@ -719,8 +745,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (caretAsProp === null) {
       return null;
     }
-    return caretAsProp || (shouldOnlyRenderTime(formatStr) ? IconClockO : IconCalendar);
-  }, [caretAsProp, formatStr]);
+    return caretAsProp || (onlyShowTime ? TimeIcon : CalendarIcon);
+  }, [caretAsProp, onlyShowTime]);
   var isErrorValue = function isErrorValue(value) {
     if (!value) {
       return false;
@@ -838,7 +864,7 @@ DateRangePicker.propTypes = _extends({}, pickerPropTypes, {
   shouldDisableDate: PropTypes.func,
   onSelect: PropTypes.func,
   showWeekNumbers: PropTypes.bool,
-  showMeridian: PropTypes.bool,
+  showMeridiem: PropTypes.bool,
   showOneCalendar: PropTypes.bool
 });
 export default DateRangePicker;

package/esm/DateRangePicker/DateRangePickerProvider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface DateRangePickerContextValue {
+    /**
+     * Whether to complete the selection.
+     */
+    isSelectedIdle?: boolean;
+}
+export declare const DateRangePickerContext: React.Context<DateRangePickerContextValue>;
+export declare const useDateRangePickerContext: () => DateRangePickerContextValue;
+export declare const DateRangePickerProvider: React.Provider<DateRangePickerContextValue>;

package/esm/DateRangePicker/{DateRangePickerContext.js → DateRangePickerProvider.js}

@@ -1,7 +1,7 @@
 'use client';
 import React, { useContext } from 'react';
-var DateRangePickerContext = /*#__PURE__*/React.createContext({});
+export var DateRangePickerContext = /*#__PURE__*/React.createContext({});
 export var useDateRangePickerContext = function useDateRangePickerContext() {
   return useContext(DateRangePickerContext) || {};
 };
-export default DateRangePickerContext;
+export var DateRangePickerProvider = DateRangePickerContext.Provider;

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

@@ -0,0 +1,3 @@
+export { useDateRangePicker } from './useDateRangePicker';
+export { useDateDisabled } from './useDateDisabled';
+export { useCalendarHandlers } from './useCalendarHandlers';

package/esm/DateRangePicker/hooks/index.js

@@ -0,0 +1,4 @@
+'use client';
+export { useDateRangePicker } from "./useDateRangePicker.js";
+export { useDateDisabled } from "./useDateDisabled.js";
+export { useCalendarHandlers } from "./useCalendarHandlers.js";

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface CalendarHandlerProps {
+    index: number;
+    calendarDateRange: Date[];
+    onChangeCalendarMonth?: (index: number, nextPageDate: Date) => void;
+    onChangeCalendarTime?: (index: number, nextPageDate: Date) => void;
+    onSelect?: (index: number, date: Date, event: React.SyntheticEvent) => void;
+}
+export declare function useCalendarHandlers({ index, calendarDateRange, onChangeCalendarMonth, onChangeCalendarTime, onSelect }: CalendarHandlerProps): {
+    calendarDate: Date;
+    onSelect: (...args: any[]) => any;
+    onChangeMonth: (...args: any[]) => any;
+    onChangeTime: (...args: any[]) => any;
+    onMoveForward: (...args: any[]) => any;
+    onMoveBackward: (...args: any[]) => any;
+};
+export default useCalendarHandlers;

package/esm/DateRangePicker/hooks/useCalendarHandlers.js

@@ -0,0 +1,38 @@
+'use client';
+import { useMemo } from 'react';
+import { useEventCallback } from "../../internals/hooks/index.js";
+import { addMonths } from "../../internals/utils/date/index.js";
+export function useCalendarHandlers(_ref) {
+  var index = _ref.index,
+    calendarDateRange = _ref.calendarDateRange,
+    onChangeCalendarMonth = _ref.onChangeCalendarMonth,
+    onChangeCalendarTime = _ref.onChangeCalendarTime,
+    onSelect = _ref.onSelect;
+  var calendarDate = useMemo(function () {
+    return calendarDateRange[index];
+  }, [calendarDateRange, index]);
+  var handleSelect = useEventCallback(function (date, event) {
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(index, date, event);
+  });
+  var handleChangeMonth = useEventCallback(function (nextPageDate) {
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);
+  });
+  var handleChangeTime = useEventCallback(function (nextPageDate) {
+    onChangeCalendarTime === null || onChangeCalendarTime === void 0 ? void 0 : onChangeCalendarTime(index, nextPageDate);
+  });
+  var handleMoveForward = useEventCallback(function () {
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, addMonths(calendarDate, 1));
+  });
+  var handleMoveBackward = useEventCallback(function () {
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, addMonths(calendarDate, -1));
+  });
+  return {
+    calendarDate: calendarDate,
+    onSelect: handleSelect,
+    onChangeMonth: handleChangeMonth,
+    onChangeTime: handleChangeTime,
+    onMoveForward: handleMoveForward,
+    onMoveBackward: handleMoveBackward
+  };
+}
+export default useCalendarHandlers;

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

@@ -12,5 +12,5 @@ interface DateDisabledOptions {
 /**
  * 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 declare function useDateDisabled(props: UseDateDisabledProps): ((date: Date, options: DateDisabledOptions) => boolean) | undefined;
 export default useDateDisabled;

package/esm/DateRangePicker/hooks/useDateDisabled.js

@@ -3,7 +3,7 @@ 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) {
+export function useDateDisabled(props) {
   var shouldDisableDate = props.shouldDisableDate,
     DEPRECATED_disabledDate = props.DEPRECATED_disabledDate;
   var isDateDisabled = useCallback(function (date, options) {

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

@@ -0,0 +1,2 @@
+import { DateRangePickerContextValue } from '../DateRangePickerProvider';
+export declare const useDateRangePicker: () => DateRangePickerContextValue;

package/esm/DateRangePicker/hooks/useDateRangePicker.js

@@ -0,0 +1,6 @@
+'use client';
+import { useContext } from 'react';
+import { DateRangePickerContext } from "../DateRangePickerProvider.js";
+export var useDateRangePicker = function useDateRangePicker() {
+  return useContext(DateRangePickerContext) || {};
+};

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 "../internals/utils/date/index.js";
+import { addMonths, isSameDay, shouldRenderTime, isSameSecond, startOfMonth, endOfMonth, startOfISOWeek, endOfISOWeek, startOfWeek, startOfToday, endOfWeek, differenceInCalendarMonths, copyTime } from "../internals/utils/date/index.js";
 export function getSafeCalendarDate(_ref) {
   var _value;
   var value = _ref.value,
@@ -27,7 +27,7 @@ export function getSafeCalendarDate(_ref) {
   } else if (value[0]) {
     return [value[0], addMonths(value[0], gap)];
   }
-  var todayDate = new Date();
+  var todayDate = startOfToday();
   return [todayDate, addMonths(todayDate, gap)];
 }
 export var isSameRange = function isSameRange(source, dest, format) {

package/esm/Dropdown/Dropdown.d.ts

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

package/esm/Dropdown/DropdownItem.d.ts

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

package/esm/Dropdown/DropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface DropdownMenuProps<T = string> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/esm/Dropdown/DropdownMenu.js

@@ -18,8 +18,8 @@ import { oneOf } from "../internals/propTypes/index.js";
 import { useClassNames, useCustom } from "../internals/hooks/index.js";
 import { mergeRefs, warnOnce } from "../internals/utils/index.js";
 import PropTypes from 'prop-types';
-import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
-import AngleRight from '@rsuite/icons/legacy/AngleRight';
+import PagePreviousIcon from '@rsuite/icons/PagePrevious';
+import PageNextIcon from '@rsuite/icons/PageNext';
 import DropdownContext from "./DropdownContext.js";
 import Nav from "../Nav/index.js";
 import NavContext from "../Nav/NavContext.js";
@@ -108,7 +108,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     icon = _omit.icon,
     disabled = _omit.disabled,
     menuProps = _objectWithoutPropertiesLoose(_omit, _excluded2);
-  var Icon = rtl ? AngleLeft : AngleRight;
+  var Icon = rtl ? PagePreviousIcon : PageNextIcon;
   return /*#__PURE__*/React.createElement(Menu, {
     openMenuOn: ['mouseover', 'click'],
     renderMenuButton: function renderMenuButton(_ref, buttonRef) {

package/esm/Dropdown/DropdownToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '../Button';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 export interface DropdownToggleProps extends WithAsProps {
     icon?: React.ReactElement<IconProps>;

package/esm/FormHelpText/FormHelpText.js

@@ -8,7 +8,7 @@ import Tooltip from "../Tooltip/index.js";
 import Whisper from "../Whisper/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useFormGroup } from "../FormGroup/index.js";
-import HelpIcon from '@rsuite/icons/legacy/HelpO';
+import HelpOutlineIcon from '@rsuite/icons/HelpOutline';
 /**
  * The `<Form.HelpText>` component is used to display help information in the form.
  * @see https://rsuitejs.com/components/form/
@@ -43,7 +43,7 @@ var FormHelpText = /*#__PURE__*/React.forwardRef(function (props, ref) {
       role: "img",
       "aria-label": "help",
       className: classes
-    }, /*#__PURE__*/React.createElement(HelpIcon, {
+    }, /*#__PURE__*/React.createElement(HelpOutlineIcon, {
       "aria-hidden": true
     })));
   }

package/esm/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import { RsRefForwardingComponent } from '../internals/types';
 import Button, { ButtonProps } from '../Button';
 export interface IconButtonProps extends ButtonProps {

package/esm/InlineEdit/renderChildren.d.ts

@@ -6,7 +6,7 @@ export interface ChildrenProps {
     plaintext?: boolean;
     value: any;
     onChange: (value: any, event: React.SyntheticEvent) => void;
-    onBlur?: (event: React.SyntheticEvent) => void;
+    onBlur?: (event?: React.FocusEvent) => void;
 }
 export declare function defaultRenderInput(props: ChildrenProps, ref: React.Ref<any>): React.JSX.Element;
 export declare function renderChildren(children: ((props: ChildrenProps, ref: React.Ref<any>) => React.ReactElement) | React.ReactElement, props: ChildrenProps, ref: React.Ref<any>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;