rsuite 5.71.0 → 5.72.0

package/cjs/DateRangePicker/DateRangePicker.js

@@ -13,11 +13,11 @@ var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Calendar = _interopRequireDefault(require("@rsuite/icons/legacy/Calendar"));
-var _ClockO = _interopRequireDefault(require("@rsuite/icons/legacy/ClockO"));
+var _Time = _interopRequireDefault(require("@rsuite/icons/Time"));
 var _Toolbar = _interopRequireDefault(require("../DatePicker/Toolbar"));
 var _PredefinedRanges = _interopRequireDefault(require("../DatePicker/PredefinedRanges"));
 var _Stack = _interopRequireDefault(require("../Stack"));
-var _DateRangePickerContext = _interopRequireDefault(require("./DateRangePickerContext"));
+var _DateRangePickerProvider = require("./DateRangePickerProvider");
 var _DateRangeInput = _interopRequireDefault(require("../DateRangeInput"));
 var _InputGroup = _interopRequireDefault(require("../InputGroup"));
 var _Header = _interopRequireDefault(require("./Header"));
@@ -32,7 +32,7 @@ var _hooks = require("../internals/hooks");
 var _utils2 = require("../internals/utils");
 var _date = require("../internals/utils/date");
 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"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -62,8 +62,10 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     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,
@@ -88,7 +90,9 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     _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,
@@ -121,16 +125,26 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   var _useCustom = (0, _hooks.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 = (0, _hooks.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),
     value = _useControlled[0],
     setValue = _useControlled[1];
+  var _useDateMode = (0, _date.useDateMode)(formatStr),
+    mode = _useDateMode.mode,
+    has = _useDateMode.has;
 
   // Show only the calendar month panel. formatStr = 'yyyy-MM'
-  var onlyShowMonth = (0, _date.shouldRenderMonth)(formatStr) && !(0, _date.shouldRenderDate)(formatStr);
+  var onlyShowMonth = mode === _date.DateMode.Month;
+
+  // Only show the time panel. formatStr = 'HH:mm:ss'
+  var onlyShowTime = mode === _date.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.
@@ -161,10 +175,11 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
 
   // The displayed calendar panel is rendered based on this value.
   var _useState4 = (0, _react.useState)((0, _utils.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,
@@ -187,7 +202,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
    */
   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]);
   };
 
   /**
@@ -201,7 +216,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     var nextValue = dateRange;
 
     // The time should remain the same when the dates in the date range are changed.
-    if ((0, _date.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 = (0, _date.copyTime)({
         from: getCalendarDatetime('start'),
         to: dateRange[0]
@@ -218,11 +233,9 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     var nextCalendarDate = (0, _utils.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);
     }
@@ -361,7 +374,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       if ((0, _date.isAfter)(nextSelectDates[0], nextSelectDates[1])) {
         nextSelectDates = (0, _date.reverseDateRangeOmitTime)(nextSelectDates);
       }
-      if ((0, _date.shouldRenderTime)(formatStr)) {
+      if (has('time')) {
         nextSelectDates = [(0, _date.copyTime)({
           from: getCalendarDatetime('start'),
           to: nextSelectDates[0]
@@ -380,7 +393,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       setActiveCalendarKey('start');
     }
     setSelectedDates(nextSelectDates);
-    if (!(0, _date.isSameMonth)(calendarDate[index], date) || calendarSnapping) {
+    if (!(0, _date.isSameMonth)(calendarDateRange[index], date) || calendarSnapping) {
       setCalendarDateRange({
         dateRange: nextSelectDates,
         calendarKey: calendarKey,
@@ -403,7 +416,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, [selectedDates]);
   var onChangeCalendarMonth = (0, _hooks.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,
@@ -413,7 +426,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   });
   var onChangeCalendarTime = (0, _hooks.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,
@@ -431,22 +444,6 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       return next;
     });
   });
-
-  /**
-   * The callback triggered when PM/AM is switched.
-   */
-  var onToggleMeridian = (0, _hooks.useEventCallback)(function (index) {
-    var nextCalendarDate = Array.from(calendarDate);
-    nextCalendarDate[index] = (0, _date.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] = (0, _date.getReversedTimeMeridian)(nextSelectedDates[index]);
-      setSelectedDates(nextSelectedDates);
-    }
-  });
   var handleEnter = (0, _hooks.useEventCallback)(function () {
     var nextCalendarDate;
     if (value && value.length) {
@@ -456,7 +453,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     } else {
       // Reset the date on the calendar to the default date
       nextCalendarDate = (0, _utils.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 : []);
@@ -487,9 +485,20 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     // 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 = (0, _hooks.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 = (0, _hooks.useEventCallback)(function (event) {
     setCalendarDateRange({
@@ -547,34 +556,48 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   };
 
   /**
-   * 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, _constants.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);
+
+    // Check if the date range is disabled for the shortcut
+    return isRangeDisabled(startDate, endDate, _constants.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);
   };
   var handleClose = (0, _hooks.useEventCallback)(function () {
     var _trigger$current, _trigger$current$clos;
@@ -607,7 +630,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       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
     });
 
     /**
@@ -615,7 +639,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
      * @see https://github.com/rsuite/rsuite/issues/3522
      */
     var panelStyles = {
-      minWidth: showOneCalendar ? 'auto' : 528
+      minWidth: showOneCalendar || onlyShowTime ? 'auto' : 528
     };
     var styles = (0, _extends2.default)({}, menuStyle, {
       left: left,
@@ -626,8 +650,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       isoWeek: isoWeek,
       weekStart: weekStart,
       limitEndYear: limitEndYear,
-      showMeridian: showMeridian,
-      calendarDate: calendarDate,
+      showMeridiem: showMeridiem,
+      calendarDateRange: calendarDateRange,
       limitStartYear: limitStartYear,
       showWeekNumbers: showWeekNumbers,
       format: formatStr,
@@ -637,11 +661,13 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       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
     };
@@ -681,9 +707,9 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       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.default.createElement(_Stack.default.Item, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -697,15 +723,15 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       onSelect: setActiveCalendarKey
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: prefix("daterange-calendar-" + (showOneCalendar ? 'single' : 'group'))
-    }, /*#__PURE__*/_react.default.createElement(_DateRangePickerContext.default.Provider, {
+    }, /*#__PURE__*/_react.default.createElement(_DateRangePickerProvider.DateRangePickerProvider, {
       value: {
         isSelectedIdle: isSelectedIdle
       }
     }, getCalendars()))), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
       locale: locale,
       calendarDate: selectedDates,
-      disableOkBtn: isOkButtonDisabled,
-      disableShortcut: isShortcutDisabled,
+      disableOkBtn: shouldDisableOkButton,
+      disableShortcut: shouldDisableShortcut,
       hideOkBtn: oneTap,
       onOk: handleClickOK,
       onShortcutClick: handleShortcutPageDate,
@@ -726,8 +752,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     if (caretAsProp === null) {
       return null;
     }
-    return caretAsProp || ((0, _date.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);
-  }, [caretAsProp, formatStr]);
+    return caretAsProp || (onlyShowTime ? _Time.default : _Calendar.default);
+  }, [caretAsProp, onlyShowTime]);
   var isErrorValue = function isErrorValue(value) {
     if (!value) {
       return false;
@@ -845,7 +871,7 @@ DateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes,
   shouldDisableDate: _propTypes.default.func,
   onSelect: _propTypes.default.func,
   showWeekNumbers: _propTypes.default.bool,
-  showMeridian: _propTypes.default.bool,
+  showMeridiem: _propTypes.default.bool,
   showOneCalendar: _propTypes.default.bool
 });
 var _default = exports.default = DateRangePicker;

package/cjs/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/cjs/DateRangePicker/{DateRangePickerContext.js → DateRangePickerProvider.js}

@@ -2,12 +2,12 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useDateRangePickerContext = exports.default = void 0;
+exports.useDateRangePickerContext = exports.DateRangePickerProvider = exports.DateRangePickerContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var DateRangePickerContext = /*#__PURE__*/_react.default.createContext({});
+var DateRangePickerContext = exports.DateRangePickerContext = /*#__PURE__*/_react.default.createContext({});
 var useDateRangePickerContext = exports.useDateRangePickerContext = function useDateRangePickerContext() {
   return (0, _react.useContext)(DateRangePickerContext) || {};
 };
-var _default = exports.default = DateRangePickerContext;
+var DateRangePickerProvider = exports.DateRangePickerProvider = DateRangePickerContext.Provider;

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

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

package/cjs/DateRangePicker/hooks/index.js

@@ -0,0 +1,11 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.useDateRangePicker = exports.useDateDisabled = exports.useCalendarHandlers = void 0;
+var _useDateRangePicker = require("./useDateRangePicker");
+exports.useDateRangePicker = _useDateRangePicker.useDateRangePicker;
+var _useDateDisabled = require("./useDateDisabled");
+exports.useDateDisabled = _useDateDisabled.useDateDisabled;
+var _useCalendarHandlers = require("./useCalendarHandlers");
+exports.useCalendarHandlers = _useCalendarHandlers.useCalendarHandlers;

package/cjs/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/cjs/DateRangePicker/hooks/useCalendarHandlers.js

@@ -0,0 +1,43 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+exports.useCalendarHandlers = useCalendarHandlers;
+var _react = require("react");
+var _hooks = require("../../internals/hooks");
+var _date = require("../../internals/utils/date");
+function useCalendarHandlers(_ref) {
+  var index = _ref.index,
+    calendarDateRange = _ref.calendarDateRange,
+    onChangeCalendarMonth = _ref.onChangeCalendarMonth,
+    onChangeCalendarTime = _ref.onChangeCalendarTime,
+    onSelect = _ref.onSelect;
+  var calendarDate = (0, _react.useMemo)(function () {
+    return calendarDateRange[index];
+  }, [calendarDateRange, index]);
+  var handleSelect = (0, _hooks.useEventCallback)(function (date, event) {
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(index, date, event);
+  });
+  var handleChangeMonth = (0, _hooks.useEventCallback)(function (nextPageDate) {
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);
+  });
+  var handleChangeTime = (0, _hooks.useEventCallback)(function (nextPageDate) {
+    onChangeCalendarTime === null || onChangeCalendarTime === void 0 ? void 0 : onChangeCalendarTime(index, nextPageDate);
+  });
+  var handleMoveForward = (0, _hooks.useEventCallback)(function () {
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, (0, _date.addMonths)(calendarDate, 1));
+  });
+  var handleMoveBackward = (0, _hooks.useEventCallback)(function () {
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, (0, _date.addMonths)(calendarDate, -1));
+  });
+  return {
+    calendarDate: calendarDate,
+    onSelect: handleSelect,
+    onChangeMonth: handleChangeMonth,
+    onChangeTime: handleChangeTime,
+    onMoveForward: handleMoveForward,
+    onMoveBackward: handleMoveBackward
+  };
+}
+var _default = exports.default = useCalendarHandlers;

package/cjs/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/cjs/DateRangePicker/hooks/useDateDisabled.js

@@ -3,6 +3,7 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+exports.useDateDisabled = useDateDisabled;
 var _react = require("react");
 /**
  * Returns a function that determines whether a date is disabled and is compatible with the deprecated `disabledDate` prop.

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

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

package/cjs/DateRangePicker/hooks/useDateRangePicker.js

@@ -0,0 +1,10 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.useDateRangePicker = void 0;
+var _react = require("react");
+var _DateRangePickerProvider = require("../DateRangePickerProvider");
+var useDateRangePicker = exports.useDateRangePicker = function useDateRangePicker() {
+  return (0, _react.useContext)(_DateRangePickerProvider.DateRangePickerContext) || {};
+};

package/cjs/DateRangePicker/utils.js

@@ -33,7 +33,7 @@ function getSafeCalendarDate(_ref) {
   } else if (value[0]) {
     return [value[0], (0, _date.addMonths)(value[0], gap)];
   }
-  var todayDate = new Date();
+  var todayDate = (0, _date.startOfToday)();
   return [todayDate, (0, _date.addMonths)(todayDate, gap)];
 }
 var isSameRange = exports.isSameRange = function isSameRange(source, dest, format) {

package/cjs/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>>;

package/cjs/InlineEdit/renderChildren.js

@@ -9,13 +9,14 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Input = _interopRequireDefault(require("../Input"));
+var _utils = require("../internals/utils");
 var _excluded = ["onBlur"];
 function defaultRenderInput(props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
     ref: ref
   }, props));
 }
-var pickers = ['DatePicker', 'DateRangePicker', 'InputPicker', 'TagPicker', 'Cascader', 'MultiCascader', 'SelectPicker', 'CheckPicker', 'CheckTreePicker', 'TreePicker'];
+var pickers = ['DatePicker', 'DateRangePicker', 'TimePicker', 'TimeRangePicker', 'InputPicker', 'TagPicker', 'Cascader', 'MultiCascader', 'SelectPicker', 'CheckPicker', 'CheckTreePicker', 'TreePicker'];
 function getDisplayName(Component) {
   var _Component$type;
   if (typeof (Component === null || Component === void 0 ? void 0 : Component.type) === 'string') {
@@ -30,10 +31,18 @@ function renderChildren(children, props, ref) {
   if (pickers.includes(getDisplayName(children))) {
     var onBlur = props.onBlur,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-
-    // if the children is a picker, we should pass the onBlur to the onClose
+    var _children$props = children.props,
+      onExit = _children$props.onExit,
+      onClean = _children$props.onClean;
     return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, rest, {
-      onClose: onBlur,
+      // Pass onBlur to the child component to automatically save or cancel after the focus event is processed.
+      // Special handling in the Picker component, call onBlur when onExit and onClean
+      onExit: (0, _utils.createChainedFunction)(function () {
+        return onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+      }, onExit),
+      onClean: (0, _utils.createChainedFunction)(function () {
+        return onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+      }, onClean),
       ref: ref
     }));
   }

package/cjs/InlineEdit/useFocusEvent.d.ts

@@ -3,8 +3,8 @@ import { PickerHandle } from '../internals/Picker/types';
 interface FocusEventProps {
     isEditing: boolean;
     stateOnBlur?: 'save' | 'cancel';
-    onSave?: (event?: React.FocusEvent) => void;
-    onCancel?: (event?: React.FocusEvent) => void;
+    onSave?: (event?: React.FocusEvent | null) => void;
+    onCancel?: (event?: React.FocusEvent | null) => void;
 }
 declare const useFocusEvent: ({ isEditing, stateOnBlur, onSave, onCancel }: FocusEventProps) => {
     target: import("react").RefObject<HTMLInputElement | PickerHandle>;

package/cjs/InlineEdit/useFocusEvent.js

@@ -19,12 +19,17 @@ var useFocusEvent = function useFocusEvent(_ref) {
   var focus = function focus() {
     if (isPicker) {
       setTimeout(function () {
-        var _ref$current2, _ref$current2$target, _ref$current2$target$;
-        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$target = _ref$current2.target) === null || _ref$current2$target === void 0 ? void 0 : (_ref$current2$target$ = _ref$current2$target.focus) === null || _ref$current2$target$ === void 0 ? void 0 : _ref$current2$target$.call(_ref$current2$target);
+        var _picker$target, _picker$target$focus, _picker$open;
+        var picker = ref.current;
+        // Auto focus the search input
+        picker === null || picker === void 0 ? void 0 : (_picker$target = picker.target) === null || _picker$target === void 0 ? void 0 : (_picker$target$focus = _picker$target.focus) === null || _picker$target$focus === void 0 ? void 0 : _picker$target$focus.call(_picker$target);
+
+        // Open the picker
+        picker === null || picker === void 0 ? void 0 : (_picker$open = picker.open) === null || _picker$open === void 0 ? void 0 : _picker$open.call(picker);
       }, 100);
     } else {
-      var _ref$current3, _ref$current3$focus;
-      (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : (_ref$current3$focus = _ref$current3.focus) === null || _ref$current3$focus === void 0 ? void 0 : _ref$current3$focus.call(_ref$current3);
+      var _ref$current2, _ref$current2$focus;
+      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$focus = _ref$current2.focus) === null || _ref$current2$focus === void 0 ? void 0 : _ref$current2$focus.call(_ref$current2);
     }
   };
   var handleBlur = (0, _hooks.useEventCallback)(function (event) {