@redis-ui/components 49.1.1 → 50.0.1

package/dist/node_modules/rsuite/esm/Calendar/CalendarContainer.cjs

@@ -0,0 +1,154 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../internals/utils/react/forwardRef.cjs");
+const require_useStyles = require("../internals/hooks/useStyles.cjs");
+const require_isValid = require("../../../date-fns/isValid.cjs");
+const require_setHours = require("../../../date-fns/setHours.cjs");
+const require_setMinutes = require("../../../date-fns/setMinutes.cjs");
+const require_setSeconds = require("../../../date-fns/setSeconds.cjs");
+const require_startOfToday = require("../../../date-fns/startOfToday.cjs");
+const require_plainDate = require("../internals/utils/date/plainDate.cjs");
+const require_omitHideDisabledProps = require("../internals/utils/date/omitHideDisabledProps.cjs");
+const require_disableTime = require("../internals/utils/date/disableTime.cjs");
+const require_useDateMode = require("../internals/utils/date/useDateMode.cjs");
+const require_useEventCallback = require("../internals/hooks/useEventCallback.cjs");
+const require_ArrowUp = require("../../../@rsuite/icons/esm/react/ArrowUp.cjs");
+const require_useCalendarState = require("./hooks/useCalendarState.cjs");
+const require_CalendarProvider = require("./CalendarProvider.cjs");
+const require_index = require("./MonthDropdown/index.cjs");
+const require_index$1 = require("./TimeDropdown/index.cjs");
+const require_CalendarBody = require("./CalendarBody.cjs");
+const require_CalendarHeader = require("./CalendarHeader.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Calendar/CalendarContainer.js
+var CalendarContainer = require_forwardRef.forwardRef((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar", calendarDate: calendarDateProp, dateRange, disabledBackward, defaultState, disabledForward, format, hoverRangeValue, inline, isoWeek = false, weekStart, targetId, limitEndYear, limitStartYear, locale, monthDropdownProps, showMeridiem, showWeekNumbers, cellClassName: cellClassNameProp, disabledDate, onChangeMonth, onChangeTime, onMouseMove: onMouseMoveProp, onMoveBackward, onMoveForward, onSelect: onSelectProp, onToggleMonthDropdown, onToggleTimeDropdown, renderCell: renderCellProp, renderCellOnPicker: renderCellOnPickerProp, renderTitle, renderToolbar, ...rest } = props;
+	const { withPrefix, merge, prefix } = require_useStyles.default(classPrefix);
+	const calendarDate = (0, react.useMemo)(() => {
+		return require_isValid.default(calendarDateProp) ? calendarDateProp : require_startOfToday.default();
+	}, [calendarDateProp]);
+	const { calendarState, reset, handlers } = require_useCalendarState.useCalendarState({
+		defaultState,
+		calendarDate,
+		onMoveForward,
+		onMoveBackward,
+		onToggleTimeDropdown,
+		onToggleMonthDropdown
+	});
+	const isDateDisabled = (0, react.useCallback)((date) => {
+		return disabledDate?.(toJsDate(date)) ?? false;
+	}, [disabledDate]);
+	const isMonthDisabled = (0, react.useCallback)((yearMonth) => {
+		return require_plainDate.isEveryDayInMonth(yearMonth, isDateDisabled);
+	}, [isDateDisabled]);
+	const handleCloseDropdown = require_useEventCallback.default(() => reset());
+	const { mode, has } = require_useDateMode.useDateMode(format);
+	const timeMode = calendarState === require_useCalendarState.CalendarState.TIME || mode === require_useDateMode.DateMode.Time;
+	const monthMode = calendarState === require_useCalendarState.CalendarState.MONTH || mode === require_useDateMode.DateMode.Month;
+	const calendarClasses = merge(className, withPrefix({
+		"time-view": timeMode,
+		"month-view": monthMode,
+		"only-time": mode === require_useDateMode.DateMode.Time,
+		"show-week-numbers": showWeekNumbers
+	}));
+	const timeDropdownProps = useTimeDropdownProps(rest);
+	const isDateTimeDisabled = require_disableTime.useIsDateTimeDisabled(timeDropdownProps);
+	const isTimeDisabled = (0, react.useCallback)((date) => isDateTimeDisabled(require_plainDate.toPlainDateTime(date)), [isDateTimeDisabled]);
+	const handleChangeMonth = require_useEventCallback.default((yearMonth, event) => {
+		reset();
+		onChangeMonth?.(new Date(yearMonth.year, yearMonth.month - 1, 1), event);
+	});
+	const cellClassName = (0, react.useCallback)((date) => cellClassNameProp?.(toJsDate(date)), [cellClassNameProp]);
+	const onMouseMove = (0, react.useCallback)((date) => onMouseMoveProp?.(toJsDate(date)), [onMouseMoveProp]);
+	const onSelect = (0, react.useCallback)((date, event) => onSelectProp?.(toJsDate(date), event), [onSelectProp]);
+	const renderCell = (0, react.useCallback)((date) => renderCellProp?.(toJsDate(date)), [renderCellProp]);
+	const renderCellOnPicker = (0, react.useCallback)((date) => renderCellOnPickerProp?.(toJsDate(date)), [renderCellOnPickerProp]);
+	const contextValue = {
+		date: calendarDate,
+		dateRange,
+		format,
+		hoverRangeValue,
+		inline,
+		isoWeek,
+		weekStart,
+		targetId,
+		locale,
+		showWeekNumbers,
+		monthDropdownProps,
+		cellClassName,
+		disabledDate: isDateDisabled,
+		onChangeMonth: handleChangeMonth,
+		onChangeTime: require_useEventCallback.default((time, event) => {
+			let nextDate = calendarDate || require_startOfToday.default();
+			nextDate = require_setHours.default(nextDate, time.hour);
+			nextDate = require_setMinutes.default(nextDate, time.minute);
+			nextDate = require_setSeconds.default(nextDate, time.second);
+			onChangeTime?.(nextDate, event);
+		}),
+		onMouseMove,
+		onSelect,
+		renderCell: typeof renderCellProp === "undefined" ? void 0 : renderCell,
+		renderCellOnPicker: typeof renderCellOnPickerProp === "undefined" ? void 0 : renderCellOnPicker
+	};
+	const currentViewingMonth = (0, react.useMemo)(() => {
+		return {
+			year: calendarDate.getFullYear(),
+			month: calendarDate.getMonth() + 1
+		};
+	}, [calendarDate]);
+	return /*#__PURE__*/ react.default.createElement(require_CalendarProvider.CalendarProvider, { value: contextValue }, /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({ "data-testid": "calendar" }, require_omitHideDisabledProps.default(rest), {
+		className: calendarClasses,
+		ref
+	}), mode !== require_useDateMode.DateMode.Time && /*#__PURE__*/ react.default.createElement(require_CalendarHeader.default, require_extends._extends({}, handlers, {
+		showMonth: has("month"),
+		showDate: has("day"),
+		showTime: has("time"),
+		disabledTime: isTimeDisabled,
+		renderTitle,
+		renderToolbar,
+		disabledBackward,
+		disabledForward
+	})), has("day") && /*#__PURE__*/ react.default.createElement(require_CalendarBody.default, { yearMonth: currentViewingMonth }), has("month") && /*#__PURE__*/ react.default.createElement(require_index.default, {
+		show: monthMode,
+		limitEndYear,
+		limitStartYear,
+		isMonthDisabled
+	}), has("time") && /*#__PURE__*/ react.default.createElement(require_index$1.default, require_extends._extends({}, timeDropdownProps, {
+		show: timeMode,
+		showMeridiem
+	})), (monthMode || timeMode) && has("day") && /*#__PURE__*/ react.default.createElement("button", {
+		className: prefix("btn-close"),
+		onClick: handleCloseDropdown,
+		"aria-label": `Collapse ${monthMode ? "month" : "time"} view`
+	}, /*#__PURE__*/ react.default.createElement(require_ArrowUp.default, null))));
+});
+CalendarContainer.displayName = "CalendarContainer";
+/**
+* Convert the `hide*` and `disabled*` props from CalendarProps to handle PlainDate instead of Date,
+* to be passed to TimeDropdown.
+*/
+function useTimeDropdownProps(calendarProps) {
+	const { hideHours, hideMinutes, hideSeconds, disabledHours, disabledMinutes, disabledSeconds } = calendarProps;
+	return (0, react.useMemo)(() => ({
+		hideHours: (hour, date) => hideHours?.(hour, toJsDate(date)) ?? false,
+		hideMinutes: (minute, date) => hideMinutes?.(minute, toJsDate(date)) ?? false,
+		hideSeconds: (second, date) => hideSeconds?.(second, toJsDate(date)) ?? false,
+		disabledHours: (hour, date) => disabledHours?.(hour, toJsDate(date)) ?? false,
+		disabledMinutes: (minute, date) => disabledMinutes?.(minute, toJsDate(date)) ?? false,
+		disabledSeconds: (second, date) => disabledSeconds?.(second, toJsDate(date)) ?? false
+	}), [
+		hideHours,
+		hideMinutes,
+		hideSeconds,
+		disabledHours,
+		disabledMinutes,
+		disabledSeconds
+	]);
+}
+function toJsDate(date) {
+	return new Date(date.year, date.month - 1, date.day);
+}
+//#endregion
+exports.default = CalendarContainer;

package/dist/node_modules/rsuite/esm/Calendar/CalendarContainer.js

@@ -0,0 +1,152 @@
+"use client";
+import { _extends } from "../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../internals/utils/react/forwardRef.js";
+import useStyles from "../internals/hooks/useStyles.js";
+import isValid from "../../../date-fns/isValid.js";
+import setHours from "../../../date-fns/setHours.js";
+import setMinutes from "../../../date-fns/setMinutes.js";
+import setSeconds from "../../../date-fns/setSeconds.js";
+import startOfToday from "../../../date-fns/startOfToday.js";
+import { isEveryDayInMonth, toPlainDateTime } from "../internals/utils/date/plainDate.js";
+import omitHideDisabledProps from "../internals/utils/date/omitHideDisabledProps.js";
+import { useIsDateTimeDisabled } from "../internals/utils/date/disableTime.js";
+import { DateMode, useDateMode } from "../internals/utils/date/useDateMode.js";
+import useEventCallback from "../internals/hooks/useEventCallback.js";
+import ArrowUp from "../../../@rsuite/icons/esm/react/ArrowUp.js";
+import { CalendarState, useCalendarState } from "./hooks/useCalendarState.js";
+import { CalendarProvider } from "./CalendarProvider.js";
+import MonthDropdown_default from "./MonthDropdown/index.js";
+import TimeDropdown_default from "./TimeDropdown/index.js";
+import CalendarBody from "./CalendarBody.js";
+import CalendarHeader from "./CalendarHeader.js";
+import React, { useCallback, useMemo } from "react";
+//#region ../../node_modules/rsuite/esm/Calendar/CalendarContainer.js
+var CalendarContainer = forwardRef$1((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar", calendarDate: calendarDateProp, dateRange, disabledBackward, defaultState, disabledForward, format, hoverRangeValue, inline, isoWeek = false, weekStart, targetId, limitEndYear, limitStartYear, locale, monthDropdownProps, showMeridiem, showWeekNumbers, cellClassName: cellClassNameProp, disabledDate, onChangeMonth, onChangeTime, onMouseMove: onMouseMoveProp, onMoveBackward, onMoveForward, onSelect: onSelectProp, onToggleMonthDropdown, onToggleTimeDropdown, renderCell: renderCellProp, renderCellOnPicker: renderCellOnPickerProp, renderTitle, renderToolbar, ...rest } = props;
+	const { withPrefix, merge, prefix } = useStyles(classPrefix);
+	const calendarDate = useMemo(() => {
+		return isValid(calendarDateProp) ? calendarDateProp : startOfToday();
+	}, [calendarDateProp]);
+	const { calendarState, reset, handlers } = useCalendarState({
+		defaultState,
+		calendarDate,
+		onMoveForward,
+		onMoveBackward,
+		onToggleTimeDropdown,
+		onToggleMonthDropdown
+	});
+	const isDateDisabled = useCallback((date) => {
+		return disabledDate?.(toJsDate(date)) ?? false;
+	}, [disabledDate]);
+	const isMonthDisabled = useCallback((yearMonth) => {
+		return isEveryDayInMonth(yearMonth, isDateDisabled);
+	}, [isDateDisabled]);
+	const handleCloseDropdown = useEventCallback(() => reset());
+	const { mode, has } = useDateMode(format);
+	const timeMode = calendarState === CalendarState.TIME || mode === DateMode.Time;
+	const monthMode = calendarState === CalendarState.MONTH || mode === DateMode.Month;
+	const calendarClasses = merge(className, withPrefix({
+		"time-view": timeMode,
+		"month-view": monthMode,
+		"only-time": mode === DateMode.Time,
+		"show-week-numbers": showWeekNumbers
+	}));
+	const timeDropdownProps = useTimeDropdownProps(rest);
+	const isDateTimeDisabled = useIsDateTimeDisabled(timeDropdownProps);
+	const isTimeDisabled = useCallback((date) => isDateTimeDisabled(toPlainDateTime(date)), [isDateTimeDisabled]);
+	const handleChangeMonth = useEventCallback((yearMonth, event) => {
+		reset();
+		onChangeMonth?.(new Date(yearMonth.year, yearMonth.month - 1, 1), event);
+	});
+	const cellClassName = useCallback((date) => cellClassNameProp?.(toJsDate(date)), [cellClassNameProp]);
+	const onMouseMove = useCallback((date) => onMouseMoveProp?.(toJsDate(date)), [onMouseMoveProp]);
+	const onSelect = useCallback((date, event) => onSelectProp?.(toJsDate(date), event), [onSelectProp]);
+	const renderCell = useCallback((date) => renderCellProp?.(toJsDate(date)), [renderCellProp]);
+	const renderCellOnPicker = useCallback((date) => renderCellOnPickerProp?.(toJsDate(date)), [renderCellOnPickerProp]);
+	const contextValue = {
+		date: calendarDate,
+		dateRange,
+		format,
+		hoverRangeValue,
+		inline,
+		isoWeek,
+		weekStart,
+		targetId,
+		locale,
+		showWeekNumbers,
+		monthDropdownProps,
+		cellClassName,
+		disabledDate: isDateDisabled,
+		onChangeMonth: handleChangeMonth,
+		onChangeTime: useEventCallback((time, event) => {
+			let nextDate = calendarDate || startOfToday();
+			nextDate = setHours(nextDate, time.hour);
+			nextDate = setMinutes(nextDate, time.minute);
+			nextDate = setSeconds(nextDate, time.second);
+			onChangeTime?.(nextDate, event);
+		}),
+		onMouseMove,
+		onSelect,
+		renderCell: typeof renderCellProp === "undefined" ? void 0 : renderCell,
+		renderCellOnPicker: typeof renderCellOnPickerProp === "undefined" ? void 0 : renderCellOnPicker
+	};
+	const currentViewingMonth = useMemo(() => {
+		return {
+			year: calendarDate.getFullYear(),
+			month: calendarDate.getMonth() + 1
+		};
+	}, [calendarDate]);
+	return /*#__PURE__*/ React.createElement(CalendarProvider, { value: contextValue }, /*#__PURE__*/ React.createElement(Component, _extends({ "data-testid": "calendar" }, omitHideDisabledProps(rest), {
+		className: calendarClasses,
+		ref
+	}), mode !== DateMode.Time && /*#__PURE__*/ React.createElement(CalendarHeader, _extends({}, handlers, {
+		showMonth: has("month"),
+		showDate: has("day"),
+		showTime: has("time"),
+		disabledTime: isTimeDisabled,
+		renderTitle,
+		renderToolbar,
+		disabledBackward,
+		disabledForward
+	})), has("day") && /*#__PURE__*/ React.createElement(CalendarBody, { yearMonth: currentViewingMonth }), has("month") && /*#__PURE__*/ React.createElement(MonthDropdown_default, {
+		show: monthMode,
+		limitEndYear,
+		limitStartYear,
+		isMonthDisabled
+	}), has("time") && /*#__PURE__*/ React.createElement(TimeDropdown_default, _extends({}, timeDropdownProps, {
+		show: timeMode,
+		showMeridiem
+	})), (monthMode || timeMode) && has("day") && /*#__PURE__*/ React.createElement("button", {
+		className: prefix("btn-close"),
+		onClick: handleCloseDropdown,
+		"aria-label": `Collapse ${monthMode ? "month" : "time"} view`
+	}, /*#__PURE__*/ React.createElement(ArrowUp, null))));
+});
+CalendarContainer.displayName = "CalendarContainer";
+/**
+* Convert the `hide*` and `disabled*` props from CalendarProps to handle PlainDate instead of Date,
+* to be passed to TimeDropdown.
+*/
+function useTimeDropdownProps(calendarProps) {
+	const { hideHours, hideMinutes, hideSeconds, disabledHours, disabledMinutes, disabledSeconds } = calendarProps;
+	return useMemo(() => ({
+		hideHours: (hour, date) => hideHours?.(hour, toJsDate(date)) ?? false,
+		hideMinutes: (minute, date) => hideMinutes?.(minute, toJsDate(date)) ?? false,
+		hideSeconds: (second, date) => hideSeconds?.(second, toJsDate(date)) ?? false,
+		disabledHours: (hour, date) => disabledHours?.(hour, toJsDate(date)) ?? false,
+		disabledMinutes: (minute, date) => disabledMinutes?.(minute, toJsDate(date)) ?? false,
+		disabledSeconds: (second, date) => disabledSeconds?.(second, toJsDate(date)) ?? false
+	}), [
+		hideHours,
+		hideMinutes,
+		hideSeconds,
+		disabledHours,
+		disabledMinutes,
+		disabledSeconds
+	]);
+}
+function toJsDate(date) {
+	return new Date(date.year, date.month - 1, date.day);
+}
+//#endregion
+export { CalendarContainer as default };

package/dist/node_modules/rsuite/esm/Calendar/CalendarHeader.cjs

@@ -0,0 +1,86 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../internals/utils/react/forwardRef.cjs");
+const require_useStyles = require("../internals/hooks/useStyles.cjs");
+const require_extractTimeFormat = require("../internals/utils/date/extractTimeFormat.cjs");
+const require_index = require("../Button/index.cjs");
+const require_index$1 = require("../IconButton/index.cjs");
+const require_PagePrevious = require("../../../@rsuite/icons/esm/react/PagePrevious.cjs");
+const require_PageNext = require("../../../@rsuite/icons/esm/react/PageNext.cjs");
+const require_useCalendar = require("./hooks/useCalendar.cjs");
+const require_FormattedDate = require("../internals/intl/FormattedDate.cjs");
+const require_useDateRangePicker = require("../DateRangePicker/hooks/useDateRangePicker.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Calendar/CalendarHeader.js
+var CalendarHeader = require_forwardRef.forwardRef((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-header", disabledBackward, disabledForward, showDate, showMonth, showTime, disabledTime, onMoveBackward, onMoveForward, onToggleMonthDropdown, onToggleTimeDropdown, renderTitle: renderTitleProp, renderToolbar, ...rest } = props;
+	const { locale, date = /* @__PURE__ */ new Date(), format, inline, disabledDate, targetId } = require_useCalendar.useCalendar();
+	const { isSelectedIdle } = require_useDateRangePicker.useDateRangePicker();
+	const { prefix, withPrefix, merge } = require_useStyles.default(classPrefix);
+	const btnProps = {
+		appearance: "subtle",
+		size: inline ? "sm" : "xs"
+	};
+	const timeFormat = (0, react.useMemo)(() => {
+		const defaultTimeFormat = locale?.shortTimeFormat || "HH:mm";
+		if (!format) return defaultTimeFormat;
+		return require_extractTimeFormat.extractTimeFormat(format) || defaultTimeFormat;
+	}, [format, locale]);
+	const dateFormat = (0, react.useMemo)(() => {
+		if (showMonth) return locale?.formattedMonthPattern || "yyyy-MM";
+		return "yyyy";
+	}, [locale, showMonth]);
+	const renderTitle = () => {
+		return renderTitleProp?.(date) ?? (date && /*#__PURE__*/ react.default.createElement(require_FormattedDate.default, {
+			date,
+			formatStr: dateFormat
+		}));
+	};
+	const dateTitleClasses = prefix("title", "title-date", { error: disabledDate?.({
+		year: date.getFullYear(),
+		month: date.getMonth() + 1,
+		day: date.getDate()
+	}) });
+	const timeTitleClasses = prefix("title", "title-time", { error: disabledTime?.(date) });
+	const backwardClass = prefix("backward", { "btn-disabled": disabledBackward });
+	const forwardClass = prefix("forward", { "btn-disabled": disabledForward });
+	const monthToolbar = /*#__PURE__*/ react.default.createElement("div", { className: prefix("month-toolbar") }, /*#__PURE__*/ react.default.createElement(require_index$1.default, require_extends._extends({}, btnProps, {
+		"aria-label": "Previous month",
+		className: backwardClass,
+		onClick: disabledBackward ? void 0 : onMoveBackward,
+		icon: /*#__PURE__*/ react.default.createElement(require_PagePrevious.default, null)
+	})), /*#__PURE__*/ react.default.createElement(require_index.default, require_extends._extends({}, btnProps, {
+		"aria-label": "Select month",
+		id: targetId ? `${targetId}-grid-label` : void 0,
+		className: dateTitleClasses,
+		onClick: onToggleMonthDropdown
+	}), renderTitle()), /*#__PURE__*/ react.default.createElement(require_index$1.default, require_extends._extends({}, btnProps, {
+		"aria-label": "Next month",
+		className: forwardClass,
+		onClick: disabledForward ? void 0 : onMoveForward,
+		icon: /*#__PURE__*/ react.default.createElement(require_PageNext.default, null)
+	})));
+	const hasMonth = showDate || showMonth;
+	const classes = merge(className, withPrefix({
+		"has-month": hasMonth,
+		"has-time": showTime
+	}));
+	const disableSelectTime = typeof isSelectedIdle === "undefined" ? false : !isSelectedIdle;
+	return /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({}, rest, {
+		ref,
+		className: classes
+	}), hasMonth && monthToolbar, showTime && /*#__PURE__*/ react.default.createElement("div", { className: prefix("time-toolbar") }, /*#__PURE__*/ react.default.createElement(require_index.default, require_extends._extends({}, btnProps, {
+		"aria-label": "Select time",
+		className: timeTitleClasses,
+		onClick: onToggleTimeDropdown,
+		disabled: disableSelectTime
+	}), date && /*#__PURE__*/ react.default.createElement(require_FormattedDate.default, {
+		date,
+		formatStr: timeFormat
+	}))), renderToolbar?.(date));
+});
+CalendarHeader.displayName = "CalendarHeader";
+//#endregion
+exports.default = CalendarHeader;

package/dist/node_modules/rsuite/esm/Calendar/CalendarHeader.js

@@ -0,0 +1,84 @@
+"use client";
+import { _extends } from "../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../internals/utils/react/forwardRef.js";
+import useStyles from "../internals/hooks/useStyles.js";
+import { extractTimeFormat } from "../internals/utils/date/extractTimeFormat.js";
+import Button_default from "../Button/index.js";
+import IconButton_default from "../IconButton/index.js";
+import PagePrevious from "../../../@rsuite/icons/esm/react/PagePrevious.js";
+import PageNext from "../../../@rsuite/icons/esm/react/PageNext.js";
+import { useCalendar } from "./hooks/useCalendar.js";
+import FormattedDate from "../internals/intl/FormattedDate.js";
+import { useDateRangePicker } from "../DateRangePicker/hooks/useDateRangePicker.js";
+import React, { useMemo } from "react";
+//#region ../../node_modules/rsuite/esm/Calendar/CalendarHeader.js
+var CalendarHeader = forwardRef$1((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-header", disabledBackward, disabledForward, showDate, showMonth, showTime, disabledTime, onMoveBackward, onMoveForward, onToggleMonthDropdown, onToggleTimeDropdown, renderTitle: renderTitleProp, renderToolbar, ...rest } = props;
+	const { locale, date = /* @__PURE__ */ new Date(), format, inline, disabledDate, targetId } = useCalendar();
+	const { isSelectedIdle } = useDateRangePicker();
+	const { prefix, withPrefix, merge } = useStyles(classPrefix);
+	const btnProps = {
+		appearance: "subtle",
+		size: inline ? "sm" : "xs"
+	};
+	const timeFormat = useMemo(() => {
+		const defaultTimeFormat = locale?.shortTimeFormat || "HH:mm";
+		if (!format) return defaultTimeFormat;
+		return extractTimeFormat(format) || defaultTimeFormat;
+	}, [format, locale]);
+	const dateFormat = useMemo(() => {
+		if (showMonth) return locale?.formattedMonthPattern || "yyyy-MM";
+		return "yyyy";
+	}, [locale, showMonth]);
+	const renderTitle = () => {
+		return renderTitleProp?.(date) ?? (date && /*#__PURE__*/ React.createElement(FormattedDate, {
+			date,
+			formatStr: dateFormat
+		}));
+	};
+	const dateTitleClasses = prefix("title", "title-date", { error: disabledDate?.({
+		year: date.getFullYear(),
+		month: date.getMonth() + 1,
+		day: date.getDate()
+	}) });
+	const timeTitleClasses = prefix("title", "title-time", { error: disabledTime?.(date) });
+	const backwardClass = prefix("backward", { "btn-disabled": disabledBackward });
+	const forwardClass = prefix("forward", { "btn-disabled": disabledForward });
+	const monthToolbar = /*#__PURE__*/ React.createElement("div", { className: prefix("month-toolbar") }, /*#__PURE__*/ React.createElement(IconButton_default, _extends({}, btnProps, {
+		"aria-label": "Previous month",
+		className: backwardClass,
+		onClick: disabledBackward ? void 0 : onMoveBackward,
+		icon: /*#__PURE__*/ React.createElement(PagePrevious, null)
+	})), /*#__PURE__*/ React.createElement(Button_default, _extends({}, btnProps, {
+		"aria-label": "Select month",
+		id: targetId ? `${targetId}-grid-label` : void 0,
+		className: dateTitleClasses,
+		onClick: onToggleMonthDropdown
+	}), renderTitle()), /*#__PURE__*/ React.createElement(IconButton_default, _extends({}, btnProps, {
+		"aria-label": "Next month",
+		className: forwardClass,
+		onClick: disabledForward ? void 0 : onMoveForward,
+		icon: /*#__PURE__*/ React.createElement(PageNext, null)
+	})));
+	const hasMonth = showDate || showMonth;
+	const classes = merge(className, withPrefix({
+		"has-month": hasMonth,
+		"has-time": showTime
+	}));
+	const disableSelectTime = typeof isSelectedIdle === "undefined" ? false : !isSelectedIdle;
+	return /*#__PURE__*/ React.createElement(Component, _extends({}, rest, {
+		ref,
+		className: classes
+	}), hasMonth && monthToolbar, showTime && /*#__PURE__*/ React.createElement("div", { className: prefix("time-toolbar") }, /*#__PURE__*/ React.createElement(Button_default, _extends({}, btnProps, {
+		"aria-label": "Select time",
+		className: timeTitleClasses,
+		onClick: onToggleTimeDropdown,
+		disabled: disableSelectTime
+	}), date && /*#__PURE__*/ React.createElement(FormattedDate, {
+		date,
+		formatStr: timeFormat
+	}))), renderToolbar?.(date));
+});
+CalendarHeader.displayName = "CalendarHeader";
+//#endregion
+export { CalendarHeader as default };

package/dist/node_modules/rsuite/esm/Calendar/CalendarProvider.cjs

@@ -0,0 +1,13 @@
+"use client";
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Calendar/CalendarProvider.js
+/**
+* Represents the inner context value for the Calendar component.
+*/
+var CalendarContext = /*#__PURE__*/ react.default.createContext({});
+var CalendarProvider = CalendarContext.Provider;
+//#endregion
+exports.CalendarContext = CalendarContext;
+exports.CalendarProvider = CalendarProvider;

package/dist/node_modules/rsuite/esm/Calendar/CalendarProvider.js

@@ -0,0 +1,10 @@
+"use client";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/Calendar/CalendarProvider.js
+/**
+* Represents the inner context value for the Calendar component.
+*/
+var CalendarContext = /*#__PURE__*/ React.createContext({});
+var CalendarProvider = CalendarContext.Provider;
+//#endregion
+export { CalendarContext, CalendarProvider };

package/dist/node_modules/rsuite/esm/Calendar/Grid/Grid.cjs

@@ -0,0 +1,32 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../../internals/utils/react/forwardRef.cjs");
+const require_useStyles = require("../../internals/hooks/useStyles.cjs");
+const require_useCalendar = require("../hooks/useCalendar.cjs");
+const require_GridRow = require("./GridRow.cjs");
+const require_GridHeaderRow = require("./GridHeaderRow.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Calendar/Grid/Grid.js
+var Grid = require_forwardRef.forwardRef((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-table", rows = [], ...rest } = props;
+	const { merge, withPrefix } = require_useStyles.default(classPrefix);
+	const classes = merge(className, withPrefix());
+	const { targetId } = require_useCalendar.useCalendar();
+	return /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({
+		role: "grid",
+		tabIndex: -1,
+		id: targetId ? `${targetId}-${classPrefix}` : void 0
+	}, rest, {
+		ref,
+		className: classes
+	}), /*#__PURE__*/ react.default.createElement(require_GridHeaderRow.default, null), rows.map((rowStartingDate, index) => /*#__PURE__*/ react.default.createElement(require_GridRow.default, {
+		key: index,
+		startingDate: rowStartingDate,
+		rowIndex: index + 1
+	})));
+});
+Grid.displayName = "CalendarGrid";
+//#endregion
+exports.default = Grid;

package/dist/node_modules/rsuite/esm/Calendar/Grid/Grid.js

@@ -0,0 +1,30 @@
+"use client";
+import { _extends } from "../../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../../internals/utils/react/forwardRef.js";
+import useStyles from "../../internals/hooks/useStyles.js";
+import { useCalendar } from "../hooks/useCalendar.js";
+import GridRow from "./GridRow.js";
+import GridHeaderRow from "./GridHeaderRow.js";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/Calendar/Grid/Grid.js
+var Grid = forwardRef$1((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-table", rows = [], ...rest } = props;
+	const { merge, withPrefix } = useStyles(classPrefix);
+	const classes = merge(className, withPrefix());
+	const { targetId } = useCalendar();
+	return /*#__PURE__*/ React.createElement(Component, _extends({
+		role: "grid",
+		tabIndex: -1,
+		id: targetId ? `${targetId}-${classPrefix}` : void 0
+	}, rest, {
+		ref,
+		className: classes
+	}), /*#__PURE__*/ React.createElement(GridHeaderRow, null), rows.map((rowStartingDate, index) => /*#__PURE__*/ React.createElement(GridRow, {
+		key: index,
+		startingDate: rowStartingDate,
+		rowIndex: index + 1
+	})));
+});
+Grid.displayName = "CalendarGrid";
+//#endregion
+export { Grid as default };

package/dist/node_modules/rsuite/esm/Calendar/Grid/GridCell.cjs

@@ -0,0 +1,48 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../../internals/utils/react/forwardRef.cjs");
+const require_useStyles = require("../../internals/hooks/useStyles.cjs");
+const require_plainDate = require("../../internals/utils/date/plainDate.cjs");
+const require_useCustom = require("../../internals/hooks/useCustom.cjs");
+const require_useCalendar = require("../hooks/useCalendar.cjs");
+const require_getAriaLabel = require("../utils/getAriaLabel.cjs");
+const require_partial$1 = require("../../../../lodash/partial.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Calendar/Grid/GridCell.js
+var import_partial = /* @__PURE__ */ require_runtime.__toESM(require_partial$1.default);
+var GridCell = require_forwardRef.forwardRef((props, ref) => {
+	const { as: Component = "div", classPrefix = "calendar-table", disabled, selected, date, onSelect, unSameMonth, rangeStart, rangeEnd, inRange, ...rest } = props;
+	const jsDate = new Date(date.year, date.month - 1, date.day);
+	const { onMouseMove, cellClassName, renderCell, renderCellOnPicker, locale: overrideLocale } = require_useCalendar.useCalendar();
+	const { prefix, merge } = require_useStyles.default(classPrefix);
+	const { getLocale, formatDate } = require_useCustom.default();
+	const { formattedDayPattern, today } = getLocale("Calendar", overrideLocale);
+	const ariaLabel = require_getAriaLabel.getAriaLabel(jsDate, formattedDayPattern, formatDate);
+	const isToday = require_plainDate.isSameDay(date, /* @__PURE__ */ new Date());
+	const classes = merge(prefix("cell", {
+		"cell-un-same-month": unSameMonth,
+		"cell-is-today": isToday,
+		"cell-selected": selected,
+		"cell-selected-start": rangeStart,
+		"cell-selected-end": rangeEnd,
+		"cell-in-range": !unSameMonth && inRange,
+		"cell-disabled": disabled
+	}), cellClassName?.(date));
+	return /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({
+		ref,
+		role: "gridcell",
+		"aria-label": ariaLabel,
+		"aria-selected": selected || void 0,
+		"aria-disabled": disabled || void 0,
+		tabIndex: selected ? 0 : -1,
+		title: isToday ? `${ariaLabel} (${today})` : ariaLabel,
+		className: classes,
+		onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, date) : void 0,
+		onClick: onSelect ? (0, import_partial.default)(onSelect, date, disabled) : void 0
+	}, rest), /*#__PURE__*/ react.default.createElement("div", { className: prefix("cell-content") }, renderCellOnPicker ? renderCellOnPicker(date) : /*#__PURE__*/ react.default.createElement("span", { className: prefix("cell-day") }, date.day), renderCell?.(date)));
+});
+GridCell.displayName = "CalendarGridCell";
+//#endregion
+exports.default = GridCell;