@redis-ui/components 49.1.0 → 50.0.0

package/dist/node_modules/rsuite/esm/DatePicker/DatePicker.js

@@ -0,0 +1,376 @@
+"use client";
+import { __toESM } from "../../../../_virtual/_rolldown/runtime.js";
+import { _extends } from "../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../internals/utils/react/forwardRef.js";
+import { partitionHTMLProps } from "../internals/utils/html/htmlPropsUtils.js";
+import useStyles from "../internals/hooks/useStyles.js";
+import isValid from "../../../date-fns/isValid.js";
+import startOfToday from "../../../date-fns/startOfToday.js";
+import copyTime from "../internals/utils/date/copyTime.js";
+import { require_pick } from "../../../lodash/pick.js";
+import { calendarOnlyProps } from "../internals/utils/date/types.js";
+import disableTime from "../internals/utils/date/disableTime.js";
+import { DateMode, useDateMode } from "../internals/utils/date/useDateMode.js";
+import useCustom from "../internals/hooks/useCustom.js";
+import mergeRefs from "../internals/utils/react/mergeRefs.js";
+import createChainedFunction from "../internals/utils/createChainedFunction.js";
+import useControlled from "../internals/hooks/useControlled.js";
+import useEventCallback from "../internals/hooks/useEventCallback.js";
+import useUniqueId from "../internals/hooks/useUniqueId.js";
+import Box_default from "../internals/Box/index.js";
+import Stack_default from "../Stack/index.js";
+import { OverlayCloseCause } from "../internals/Overlay/OverlayTrigger.js";
+import InputGroup_default from "../InputGroup/index.js";
+import PickerToggleTrigger, { triggerPropKeys } from "../internals/Picker/PickerToggleTrigger.js";
+import PickerPopup from "../internals/Picker/PickerPopup.js";
+import PickerIndicator from "../internals/Picker/PickerIndicator.js";
+import PickerLabel from "../internals/Picker/PickerLabel.js";
+import usePickerRef from "../internals/Picker/hooks/usePickerRef.js";
+import { onMenuKeyDown } from "../internals/Picker/utils.js";
+import DateInput_default from "../DateInput/index.js";
+import { require_mapValues } from "../../../lodash/mapValues.js";
+import CalenderSimple from "../../../@rsuite/icons/esm/react/CalenderSimple.js";
+import Time from "../../../@rsuite/icons/esm/react/Time.js";
+import { useCalendarDate } from "../Calendar/hooks/useCalendarDate.js";
+import { isEveryDateInMonth } from "../Calendar/utils/isEveryDateInMonth.js";
+import CalendarContainer from "../Calendar/CalendarContainer.js";
+import { getRestProps, splitRanges } from "./utils.js";
+import PredefinedRanges from "./PredefinedRanges.js";
+import Toolbar from "./Toolbar.js";
+import useMonthView from "./hooks/useMonthView.js";
+import useFocus from "./hooks/useFocus.js";
+import useCustomizedInput from "./hooks/useCustomizedInput.js";
+import React, { useMemo } from "react";
+//#region ../../node_modules/rsuite/esm/DatePicker/DatePicker.js
+var import_mapValues = /* @__PURE__ */ __toESM(require_mapValues());
+var import_pick = /* @__PURE__ */ __toESM(require_pick());
+/**
+* A date picker allows users to select a date from a calendar.
+*
+* @see https://rsuitejs.com/components/date-picker
+*/
+var DatePicker = forwardRef$1((props, ref) => {
+	const { propsWithDefaults } = useCustom("DatePicker", props);
+	const { as, block, className, classPrefix = "picker", calendarDefaultDate, cleanable = true, caretAs: caretAsProp, editable = true, defaultValue, disabled, readOnly, plaintext, format, id: idProp, isoWeek, weekStart, limitEndYear = 1e3, limitStartYear, locale, loading, label, popupClassName, popupStyle, appearance = "default", placement = "bottomStart", oneTap, placeholder = "", ranges, value: valueProp, showMeridiem, showWeekNumbers, style, size, monthDropdownProps, shouldDisableDate, shouldDisableHour, shouldDisableMinute, shouldDisableSecond, onChange, onChangeCalendarDate, onClean, onEnter, onExit, onNextMonth, onOk, onPrevMonth, onSelect, onToggleMonthDropdown, onToggleTimeDropdown, onShortcutClick, renderCell, renderValue, ...restProps } = propsWithDefaults;
+	const id = useUniqueId("rs-", idProp);
+	const { trigger, root, target, overlay } = usePickerRef(ref);
+	const formatStr = format || locale?.shortDateFormat || "yyyy-MM-dd";
+	const { merge, prefix } = useStyles(classPrefix);
+	const [value, setValue] = useControlled(valueProp, defaultValue);
+	const { calendarDate, setCalendarDate, resetCalendarDate } = useCalendarDate(value, calendarDefaultDate);
+	const { setMonthView, monthView, toggleMonthView } = useMonthView({ onToggleMonthDropdown });
+	const { mode } = useDateMode(formatStr);
+	const { focusInput, focusSelectedDate, onKeyFocusEvent } = useFocus({
+		target,
+		showMonth: mode === DateMode.Month || monthView,
+		id,
+		locale
+	});
+	/**
+	* Check whether the date is disabled.
+	*/
+	const isDateDisabled = (date) => {
+		if (typeof shouldDisableDate === "function") return shouldDisableDate(date);
+		return false;
+	};
+	/**
+	* Check whether the time is within the time range of the shortcut option in the toolbar.
+	*/
+	const isDatetimeDisabled = (date) => {
+		return isDateDisabled?.(date) || disableTime(props, date);
+	};
+	/**
+	* Check whether the month is disabled.
+	* If any day in the month is disabled, the entire month is disabled
+	*/
+	const isMonthDisabled = (date) => {
+		return isEveryDateInMonth(date.getFullYear(), date.getMonth(), isDateDisabled);
+	};
+	/**
+	* Whether "OK" button is disabled
+	*
+	* - If format is date, disable ok button if selected date is disabled
+	* - If format is month, disable ok button if all dates in the month of selected date are disabled
+	*/
+	const isOkButtonDisabled = (selectedDate) => {
+		if (mode === DateMode.Month) return isMonthDisabled(selectedDate);
+		return isDatetimeDisabled(selectedDate);
+	};
+	const isErrorValue = (value) => {
+		if (!isValid(value)) return true;
+		else if (value && isDateDisabled(value)) return true;
+		return false;
+	};
+	/**
+	* Switch to the callback triggered after the next month.
+	*/
+	const handleMoveForward = useEventCallback((nextPageDate) => {
+		setCalendarDate(nextPageDate);
+		onNextMonth?.(nextPageDate);
+		onChangeCalendarDate?.(nextPageDate);
+	});
+	/**
+	* Switch to the callback triggered after the previous month.
+	*/
+	const handleMoveBackward = useEventCallback((nextPageDate) => {
+		setCalendarDate(nextPageDate);
+		onPrevMonth?.(nextPageDate);
+		onChangeCalendarDate?.(nextPageDate);
+	});
+	/**
+	* The callback triggered when the date changes.
+	*/
+	const handleDateChange = useEventCallback((nextValue, event) => {
+		onSelect?.(nextValue, event);
+		onChangeCalendarDate?.(nextValue, event);
+	});
+	/**
+	*  A callback triggered when the time on the calendar changes.
+	*/
+	const handleChangeTime = useEventCallback((nextPageTime) => {
+		setCalendarDate(nextPageTime);
+		handleDateChange(nextPageTime);
+	});
+	/**
+	* Close the calendar panel.
+	*/
+	const handleClose = useEventCallback(() => {
+		trigger.current?.close?.();
+	});
+	const updateValue = (event, date, closeOverlay = true) => {
+		const nextValue = typeof date !== "undefined" ? date : calendarDate;
+		setCalendarDate(nextValue || startOfToday());
+		setValue(nextValue);
+		if (nextValue !== value) onChange?.(nextValue, event);
+		if (closeOverlay !== false) handleClose();
+	};
+	/**
+	* The callback triggered after the date in the shortcut area is clicked.
+	*/
+	const handleShortcutPageDate = useEventCallback((range, closeOverlay, event) => {
+		const value = range.value;
+		updateValue(event, value, closeOverlay);
+		handleDateChange(value, event);
+		onShortcutClick?.(range, event);
+	});
+	/**
+	* The callback triggered after clicking the OK button.
+	*/
+	const handleOK = useEventCallback((event) => {
+		updateValue(event);
+		onOk?.(calendarDate, event);
+		focusInput();
+	});
+	/**
+	* Callback after clicking the clear button.
+	*/
+	const handleClean = useEventCallback((event) => {
+		event?.stopPropagation();
+		updateValue(event, null);
+		resetCalendarDate(null);
+		onClean?.(event);
+	});
+	const handlePickerPopupKeyDown = useEventCallback((event) => {
+		onKeyFocusEvent(event, {
+			date: calendarDate,
+			callback: setCalendarDate
+		});
+		if (event.key === "Enter") handleOK(event);
+	});
+	const handleClick = useEventCallback(() => {
+		if (editable) return;
+		focusSelectedDate();
+	});
+	/**
+	* Callback after the date is selected.
+	*/
+	const handleCalendarSelect = useEventCallback((date, event, updatableValue = true) => {
+		const nextValue = copyTime({
+			from: calendarDate,
+			to: date
+		});
+		setCalendarDate(nextValue);
+		handleDateChange(nextValue);
+		if (oneTap && updatableValue) {
+			updateValue(event, nextValue);
+			focusInput();
+		}
+	});
+	/**
+	*  A callback triggered when the date on the calendar changes.
+	*/
+	const handleChangeMonth = useEventCallback((nextPageDate, event) => {
+		setCalendarDate(nextPageDate);
+		handleDateChange(nextPageDate);
+		focusSelectedDate();
+		if (oneTap && mode === DateMode.Month) {
+			updateValue(event, nextPageDate);
+			focusInput();
+		}
+	});
+	/**
+	* Callback after the input box value is changed.
+	*/
+	const handleInputChange = useEventCallback((value, event) => {
+		if (!isErrorValue(value)) handleCalendarSelect(value, event);
+		updateValue(event, value, false);
+	});
+	const handleInputKeyDown = useEventCallback((event) => {
+		onMenuKeyDown(event, {
+			esc: handleClose,
+			enter: () => {
+				const { open } = trigger.current?.getState() || {};
+				if (open) {
+					if (isValid(calendarDate) && !isDateDisabled(calendarDate)) {
+						updateValue(event);
+						focusInput();
+					}
+				} else trigger.current?.open();
+			}
+		});
+	});
+	const calendarProps = (0, import_mapValues.default)((0, import_pick.default)(props, calendarOnlyProps), (func) => (next, date) => func?.(next, date) ?? false);
+	const { sideRanges, bottomRanges } = splitRanges(ranges);
+	const renderCalendarOverlay = (positionProps, speakerRef) => {
+		const { className } = positionProps;
+		const classes = merge(popupClassName, className, prefix("popup-date"));
+		return /*#__PURE__*/ React.createElement(PickerPopup, {
+			role: "dialog",
+			"aria-labelledby": label ? `${id}-label` : void 0,
+			tabIndex: -1,
+			className: classes,
+			ref: mergeRefs(overlay, speakerRef),
+			style: popupStyle,
+			target: trigger,
+			onKeyDown: handlePickerPopupKeyDown
+		}, /*#__PURE__*/ React.createElement(Stack_default, {
+			align: "flex-start",
+			h: "100%"
+		}, sideRanges && sideRanges.length > 0 && /*#__PURE__*/ React.createElement(PredefinedRanges, {
+			direction: "column",
+			spacing: 0,
+			className: prefix("date-predefined"),
+			ranges: sideRanges,
+			calendarDate,
+			locale,
+			disableShortcut: isDatetimeDisabled,
+			onShortcutClick: handleShortcutPageDate
+		}), /*#__PURE__*/ React.createElement(Box_default, { className: prefix("box") }, /*#__PURE__*/ React.createElement(CalendarContainer, _extends({}, calendarProps, {
+			targetId: id,
+			locale,
+			showWeekNumbers,
+			showMeridiem,
+			disabledDate: isDateDisabled,
+			disabledHours: shouldDisableHour,
+			disabledMinutes: shouldDisableMinute,
+			disabledSeconds: shouldDisableSecond,
+			limitEndYear,
+			limitStartYear,
+			format: formatStr,
+			isoWeek,
+			weekStart,
+			calendarDate,
+			monthDropdownProps,
+			renderCellOnPicker: renderCell,
+			onMoveForward: handleMoveForward,
+			onMoveBackward: handleMoveBackward,
+			onSelect: handleCalendarSelect,
+			onToggleMonthDropdown: toggleMonthView,
+			onToggleTimeDropdown,
+			onChangeMonth: handleChangeMonth,
+			onChangeTime: handleChangeTime
+		})), /*#__PURE__*/ React.createElement(Toolbar, {
+			locale,
+			ranges: bottomRanges,
+			calendarDate,
+			disableOkBtn: isOkButtonDisabled,
+			disableShortcut: isDatetimeDisabled,
+			onShortcutClick: handleShortcutPageDate,
+			onOk: handleOK,
+			hideOkBtn: oneTap
+		}))));
+	};
+	const hasValue = isValid(value);
+	const caretAs = useMemo(() => {
+		if (caretAsProp === null) return null;
+		return caretAsProp || (mode === DateMode.Time ? Time : CalenderSimple);
+	}, [caretAsProp, mode]);
+	const handleTriggerClose = useEventCallback((cause) => {
+		if (cause !== OverlayCloseCause.ImperativeHandle) resetCalendarDate();
+		setMonthView(false);
+		props.onClose?.();
+	});
+	const showCleanButton = cleanable && hasValue && !readOnly;
+	const [ariaProps, rest] = partitionHTMLProps(restProps, {
+		htmlProps: [],
+		includeAria: true
+	});
+	const invalidValue = value && isErrorValue(value);
+	const { customValue, inputReadOnly, Input, events } = useCustomizedInput({
+		value,
+		formatStr,
+		renderValue,
+		readOnly,
+		editable,
+		loading
+	});
+	const triggerProps = {
+		...(0, import_pick.default)(props, triggerPropKeys),
+		onClose: handleTriggerClose,
+		onEnter: createChainedFunction(events.onActive, onEnter),
+		onExit: createChainedFunction(events.onInactive, onExit)
+	};
+	return /*#__PURE__*/ React.createElement(PickerToggleTrigger, {
+		as,
+		pickerType: "date",
+		classPrefix,
+		className: merge(className, { [prefix("error")]: invalidValue }),
+		block,
+		disabled,
+		appearance,
+		style,
+		rootRef: root,
+		trigger: "active",
+		triggerProps,
+		ref: trigger,
+		placement,
+		speaker: renderCalendarOverlay,
+		"data-cleanable": cleanable
+	}, plaintext ? /*#__PURE__*/ React.createElement(DateInput_default, {
+		value,
+		format: formatStr,
+		plaintext
+	}) : /*#__PURE__*/ React.createElement(InputGroup_default, _extends({}, getRestProps(rest), {
+		inside: true,
+		size,
+		disabled,
+		className: prefix`input-group`,
+		onClick: handleClick
+	}), /*#__PURE__*/ React.createElement(PickerLabel, {
+		className: prefix`label`,
+		id: `${id}-label`
+	}, label), /*#__PURE__*/ React.createElement(Input, _extends({
+		"aria-haspopup": "dialog",
+		"aria-invalid": invalidValue,
+		"aria-labelledby": label ? `${id}-label` : void 0
+	}, ariaProps, {
+		ref: target,
+		id,
+		value: customValue || value,
+		format: formatStr,
+		placeholder: placeholder ? placeholder : formatStr,
+		disabled,
+		readOnly: inputReadOnly,
+		onChange: handleInputChange,
+		onKeyDown: handleInputKeyDown
+	})), /*#__PURE__*/ React.createElement(PickerIndicator, {
+		size,
+		loading,
+		caretAs,
+		onClose: handleClean,
+		showCleanButton
+	})));
+});
+DatePicker.displayName = "DatePicker";
+//#endregion
+export { DatePicker as default };

package/dist/node_modules/rsuite/esm/DatePicker/PredefinedRanges.cjs

@@ -0,0 +1,44 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_useUpdateEffect = require("../internals/hooks/useUpdateEffect.cjs");
+const require_index = require("../Button/index.cjs");
+const require_index$1 = require("../Stack/index.cjs");
+const require_utils = require("./utils.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/DatePicker/PredefinedRanges.js
+var PredefinedRanges = /*#__PURE__*/ react.default.forwardRef(function PredefinedRanges(props, ref) {
+	const { className, disableShortcut, onShortcutClick, calendarDate, ranges: rangesProp, locale, ...rest } = props;
+	const [ranges, setRanges] = (0, react.useState)(require_utils.getRanges(props));
+	require_useUpdateEffect.default(() => {
+		setRanges(require_utils.getRanges({
+			ranges: rangesProp,
+			calendarDate
+		}));
+	}, [calendarDate, rangesProp]);
+	const hasLocaleKey = (0, react.useCallback)((key) => require_utils.getDefaultRanges(calendarDate).some((item) => item.label === key), [calendarDate]);
+	if (ranges.length === 0) return null;
+	return /*#__PURE__*/ react.default.createElement(require_index$1.default, require_extends._extends({
+		className,
+		ref,
+		align: "flex-start",
+		spacing: 4
+	}, rest), ranges.map((range, index) => {
+		const { value, closeOverlay, label, ...rest } = range;
+		const disabled = disableShortcut?.(value);
+		const handleClickShortcut = (event) => {
+			if (disabled) return;
+			onShortcutClick?.(range, closeOverlay !== false ? true : false, event);
+		};
+		return /*#__PURE__*/ react.default.createElement(require_index.default, require_extends._extends({
+			appearance: "link",
+			size: "sm",
+			key: index,
+			disabled,
+			onClick: handleClickShortcut
+		}, rest), hasLocaleKey(label) && typeof label === "string" ? locale?.[label] : label);
+	}));
+});
+//#endregion
+exports.default = PredefinedRanges;

package/dist/node_modules/rsuite/esm/DatePicker/PredefinedRanges.js

@@ -0,0 +1,42 @@
+"use client";
+import { _extends } from "../../../@babel/runtime/helpers/esm/extends.js";
+import useUpdateEffect from "../internals/hooks/useUpdateEffect.js";
+import Button_default from "../Button/index.js";
+import Stack_default from "../Stack/index.js";
+import { getDefaultRanges, getRanges } from "./utils.js";
+import React, { useCallback, useState } from "react";
+//#region ../../node_modules/rsuite/esm/DatePicker/PredefinedRanges.js
+var PredefinedRanges = /*#__PURE__*/ React.forwardRef(function PredefinedRanges(props, ref) {
+	const { className, disableShortcut, onShortcutClick, calendarDate, ranges: rangesProp, locale, ...rest } = props;
+	const [ranges, setRanges] = useState(getRanges(props));
+	useUpdateEffect(() => {
+		setRanges(getRanges({
+			ranges: rangesProp,
+			calendarDate
+		}));
+	}, [calendarDate, rangesProp]);
+	const hasLocaleKey = useCallback((key) => getDefaultRanges(calendarDate).some((item) => item.label === key), [calendarDate]);
+	if (ranges.length === 0) return null;
+	return /*#__PURE__*/ React.createElement(Stack_default, _extends({
+		className,
+		ref,
+		align: "flex-start",
+		spacing: 4
+	}, rest), ranges.map((range, index) => {
+		const { value, closeOverlay, label, ...rest } = range;
+		const disabled = disableShortcut?.(value);
+		const handleClickShortcut = (event) => {
+			if (disabled) return;
+			onShortcutClick?.(range, closeOverlay !== false ? true : false, event);
+		};
+		return /*#__PURE__*/ React.createElement(Button_default, _extends({
+			appearance: "link",
+			size: "sm",
+			key: index,
+			disabled,
+			onClick: handleClickShortcut
+		}, rest), hasLocaleKey(label) && typeof label === "string" ? locale?.[label] : label);
+	}));
+});
+//#endregion
+export { PredefinedRanges as default };

package/dist/node_modules/rsuite/esm/DatePicker/Toolbar.cjs

@@ -0,0 +1,51 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_useStyles = require("../internals/hooks/useStyles.cjs");
+const require_index = require("../Button/index.cjs");
+const require_index$1 = require("../Stack/index.cjs");
+const require_PredefinedRanges = require("./PredefinedRanges.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/DatePicker/Toolbar.js
+var OkButton = ({ disableOkBtn, calendarDate, onOk, children }) => {
+	const disabled = disableOkBtn?.(calendarDate);
+	return /*#__PURE__*/ react.default.createElement(require_index.default, {
+		appearance: "primary",
+		size: "sm",
+		disabled,
+		onClick: disabled ? void 0 : onOk
+	}, children);
+};
+/**
+* Toolbar for DatePicker and DateRangePicker
+*/
+var Toolbar = /*#__PURE__*/ react.default.forwardRef((props, ref) => {
+	const { className, classPrefix = "picker-toolbar", calendarDate, ranges, locale, hideOkBtn, disableOkBtn, disableShortcut, onOk, onShortcutClick, ...rest } = props;
+	const { merge, prefix, withPrefix } = require_useStyles.default(classPrefix);
+	if (hideOkBtn && ranges?.length === 0) return null;
+	const classes = merge(className, withPrefix());
+	const justify = ranges?.length === 0 ? "flex-end" : "space-between";
+	return /*#__PURE__*/ react.default.createElement(require_index$1.default, require_extends._extends({
+		ref,
+		className: classes,
+		justify,
+		align: "flex-start"
+	}, rest), /*#__PURE__*/ react.default.createElement(require_PredefinedRanges.default, {
+		wrap: true,
+		className: prefix("ranges"),
+		ranges,
+		calendarDate,
+		locale,
+		disableShortcut,
+		onShortcutClick,
+		"data-testid": "daterange-predefined-bottom"
+	}), /*#__PURE__*/ react.default.createElement("div", { className: prefix("right") }, !hideOkBtn && /*#__PURE__*/ react.default.createElement(OkButton, {
+		disableOkBtn,
+		calendarDate,
+		onOk
+	}, locale?.ok)));
+});
+Toolbar.displayName = "Toolbar";
+//#endregion
+exports.default = Toolbar;

package/dist/node_modules/rsuite/esm/DatePicker/Toolbar.js

@@ -0,0 +1,49 @@
+"use client";
+import { _extends } from "../../../@babel/runtime/helpers/esm/extends.js";
+import useStyles from "../internals/hooks/useStyles.js";
+import Button_default from "../Button/index.js";
+import Stack_default from "../Stack/index.js";
+import PredefinedRanges from "./PredefinedRanges.js";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/DatePicker/Toolbar.js
+var OkButton = ({ disableOkBtn, calendarDate, onOk, children }) => {
+	const disabled = disableOkBtn?.(calendarDate);
+	return /*#__PURE__*/ React.createElement(Button_default, {
+		appearance: "primary",
+		size: "sm",
+		disabled,
+		onClick: disabled ? void 0 : onOk
+	}, children);
+};
+/**
+* Toolbar for DatePicker and DateRangePicker
+*/
+var Toolbar = /*#__PURE__*/ React.forwardRef((props, ref) => {
+	const { className, classPrefix = "picker-toolbar", calendarDate, ranges, locale, hideOkBtn, disableOkBtn, disableShortcut, onOk, onShortcutClick, ...rest } = props;
+	const { merge, prefix, withPrefix } = useStyles(classPrefix);
+	if (hideOkBtn && ranges?.length === 0) return null;
+	const classes = merge(className, withPrefix());
+	const justify = ranges?.length === 0 ? "flex-end" : "space-between";
+	return /*#__PURE__*/ React.createElement(Stack_default, _extends({
+		ref,
+		className: classes,
+		justify,
+		align: "flex-start"
+	}, rest), /*#__PURE__*/ React.createElement(PredefinedRanges, {
+		wrap: true,
+		className: prefix("ranges"),
+		ranges,
+		calendarDate,
+		locale,
+		disableShortcut,
+		onShortcutClick,
+		"data-testid": "daterange-predefined-bottom"
+	}), /*#__PURE__*/ React.createElement("div", { className: prefix("right") }, !hideOkBtn && /*#__PURE__*/ React.createElement(OkButton, {
+		disableOkBtn,
+		calendarDate,
+		onOk
+	}, locale?.ok)));
+});
+Toolbar.displayName = "Toolbar";
+//#endregion
+export { Toolbar as default };

package/dist/node_modules/rsuite/esm/DatePicker/hooks/useCustomizedInput.cjs

@@ -0,0 +1,32 @@
+"use client";
+const require_isValid = require("../../../../date-fns/isValid.cjs");
+const require_index = require("../../Input/index.cjs");
+const require_index$1 = require("../../DateInput/index.cjs");
+const require_index$2 = require("../../DateRangeInput/index.cjs");
+let react = require("react");
+//#region ../../node_modules/rsuite/esm/DatePicker/hooks/useCustomizedInput.js
+function useCustomizedInput(props) {
+	const { value, formatStr, readOnly, editable, loading, mode = "date", renderValue } = props;
+	const [active, setActive] = (0, react.useState)(false);
+	const onActive = (0, react.useCallback)(() => setActive(true), []);
+	const onInactive = (0, react.useCallback)(() => setActive(false), []);
+	let customValue = null;
+	let inputReadOnly = readOnly || !editable || loading || false;
+	if (typeof renderValue === "function" && value && (!active || !editable)) {
+		if (Array.isArray(value) ? value.every(require_isValid.default) : require_isValid.default(value)) {
+			customValue = renderValue(value, formatStr);
+			inputReadOnly = true;
+		}
+	}
+	return {
+		customValue,
+		Input: customValue ? require_index.default : mode === "dateRange" ? require_index$2.default : require_index$1.default,
+		inputReadOnly,
+		events: {
+			onActive,
+			onInactive
+		}
+	};
+}
+//#endregion
+exports.default = useCustomizedInput;

package/dist/node_modules/rsuite/esm/DatePicker/hooks/useCustomizedInput.js

@@ -0,0 +1,32 @@
+"use client";
+import isValid from "../../../../date-fns/isValid.js";
+import Input_default from "../../Input/index.js";
+import DateInput_default from "../../DateInput/index.js";
+import DateRangeInput_default from "../../DateRangeInput/index.js";
+import { useCallback, useState } from "react";
+//#region ../../node_modules/rsuite/esm/DatePicker/hooks/useCustomizedInput.js
+function useCustomizedInput(props) {
+	const { value, formatStr, readOnly, editable, loading, mode = "date", renderValue } = props;
+	const [active, setActive] = useState(false);
+	const onActive = useCallback(() => setActive(true), []);
+	const onInactive = useCallback(() => setActive(false), []);
+	let customValue = null;
+	let inputReadOnly = readOnly || !editable || loading || false;
+	if (typeof renderValue === "function" && value && (!active || !editable)) {
+		if (Array.isArray(value) ? value.every(isValid) : isValid(value)) {
+			customValue = renderValue(value, formatStr);
+			inputReadOnly = true;
+		}
+	}
+	return {
+		customValue,
+		Input: customValue ? Input_default : mode === "dateRange" ? DateRangeInput_default : DateInput_default,
+		inputReadOnly,
+		events: {
+			onActive,
+			onInactive
+		}
+	};
+}
+//#endregion
+export { useCustomizedInput as default };