@_tc/template-core 0.1.16 → 0.2.0-bate.0

package/fe/packages/react/ui/components/Date/Calendar.js

@@ -0,0 +1,351 @@
+import { cn } from "../../lib/utils.js";
+import { Button } from "../Button/Button.js";
+import "../Button/index.js";
+import { ModeType } from "./data.js";
+import { useDateLocale } from "./LocaleContext.js";
+import { TimePicker } from "./TimePicker.js";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { addMonths, addYears, eachDayOfInterval, endOfDay, endOfMonth, endOfWeek, format, isAfter, isBefore, isSameDay, isSameMonth, startOfDay, startOfMonth, startOfWeek, subDays, subMonths, subYears } from "date-fns";
+import { zhCN } from "date-fns/locale";
+//#region packages/react/ui/components/Date/Calendar.tsx
+function Calendar({ mode = ModeType.Single, value, onChange, disabledDate, showTime, className, locale: customLocale, quickRanges }) {
+	const contextLocale = useDateLocale();
+	const locale = useMemo(() => ({
+		...contextLocale,
+		...customLocale
+	}), [contextLocale, customLocale]);
+	const [pendingValue, setPendingValue] = useState(value ?? null);
+	const [currentMonth, setCurrentMonth] = useState(() => {
+		if (value instanceof Date) return value;
+		if (value && "from" in value && value.from) return value.from;
+		return /* @__PURE__ */ new Date();
+	});
+	const [hoverDate, setHoverDate] = useState(null);
+	const days = useMemo(() => {
+		const monthStart = startOfMonth(currentMonth);
+		const monthEnd = endOfMonth(monthStart);
+		const daysInGrid = eachDayOfInterval({
+			start: startOfWeek(monthStart, {
+				locale: zhCN,
+				weekStartsOn: 0
+			}),
+			end: endOfWeek(monthEnd, {
+				locale: zhCN,
+				weekStartsOn: 0
+			})
+		});
+		if (daysInGrid.length < 42) {
+			const remaining = 42 - daysInGrid.length;
+			const lastDay = daysInGrid[daysInGrid.length - 1];
+			const extraDays = eachDayOfInterval({
+				start: new Date(lastDay.getTime() + 864e5),
+				end: new Date(lastDay.getTime() + remaining * 864e5)
+			});
+			daysInGrid.push(...extraDays);
+		}
+		return daysInGrid;
+	}, [currentMonth]);
+	const weekDays = locale.weekDays;
+	const isRangeMode = mode === ModeType.Range;
+	const builtInQuickRanges = useMemo(() => [
+		{
+			label: locale.quickRangeToday,
+			getRange: () => {
+				const today = /* @__PURE__ */ new Date();
+				return {
+					from: startOfDay(today),
+					to: endOfDay(today)
+				};
+			}
+		},
+		{
+			label: locale.quickRangeYesterday,
+			getRange: () => {
+				const yesterday = subDays(/* @__PURE__ */ new Date(), 1);
+				return {
+					from: startOfDay(yesterday),
+					to: endOfDay(yesterday)
+				};
+			}
+		},
+		{
+			label: locale.quickRangeLast7Days,
+			getRange: () => {
+				const end = /* @__PURE__ */ new Date();
+				return {
+					from: startOfDay(subDays(end, 6)),
+					to: endOfDay(end)
+				};
+			}
+		},
+		{
+			label: locale.quickRangeLast30Days,
+			getRange: () => {
+				const end = /* @__PURE__ */ new Date();
+				return {
+					from: startOfDay(subDays(end, 29)),
+					to: endOfDay(end)
+				};
+			}
+		},
+		{
+			label: locale.quickRangeThisMonth,
+			getRange: () => {
+				const today = /* @__PURE__ */ new Date();
+				return {
+					from: startOfMonth(today),
+					to: endOfMonth(today)
+				};
+			}
+		},
+		{
+			label: locale.quickRangeLastYear,
+			getRange: () => {
+				const end = /* @__PURE__ */ new Date();
+				return {
+					from: startOfDay(subYears(end, 1)),
+					to: endOfDay(end)
+				};
+			}
+		}
+	], [locale]);
+	const quickRangePresets = quickRanges && quickRanges.length > 0 ? quickRanges : builtInQuickRanges;
+	const handleQuickRangeClick = (getRange) => {
+		const range = getRange();
+		setCurrentMonth(range.from ?? /* @__PURE__ */ new Date());
+		if (showTime) setPendingValue(range);
+		else onChange?.(range);
+	};
+	const prevMonth = () => setCurrentMonth(subMonths(currentMonth, 1));
+	const nextMonth = () => setCurrentMonth(addMonths(currentMonth, 1));
+	const prevYear = () => setCurrentMonth(subYears(currentMonth, 1));
+	const nextYear = () => setCurrentMonth(addYears(currentMonth, 1));
+	const handleDateClick = (date) => {
+		if (disabledDate?.(date)) return;
+		let dateWithTime = date;
+		if (showTime && pendingValue instanceof Date) {
+			dateWithTime = new Date(date);
+			dateWithTime.setHours(pendingValue.getHours());
+			dateWithTime.setMinutes(pendingValue.getMinutes());
+			dateWithTime.setSeconds(0);
+			dateWithTime.setMilliseconds(0);
+		}
+		if (showTime) if (mode === ModeType.Single) setPendingValue(dateWithTime);
+		else {
+			const range = pendingValue || {
+				from: void 0,
+				to: void 0
+			};
+			if (!range.from || range.from && range.to) setPendingValue({
+				from: dateWithTime,
+				to: void 0
+			});
+			else if (isBefore(dateWithTime, range.from)) setPendingValue({
+				from: dateWithTime,
+				to: range.from
+			});
+			else setPendingValue({
+				from: range.from,
+				to: dateWithTime
+			});
+		}
+		else if (mode === ModeType.Single) onChange?.(dateWithTime);
+		else {
+			const range = value || {
+				from: void 0,
+				to: void 0
+			};
+			if (!range.from || range.from && range.to) onChange?.({
+				from: dateWithTime,
+				to: void 0
+			});
+			else if (isBefore(dateWithTime, range.from)) onChange?.({
+				from: dateWithTime,
+				to: range.from
+			});
+			else onChange?.({
+				from: range.from,
+				to: dateWithTime
+			});
+		}
+	};
+	const isSelected = (date) => {
+		const compareValue = showTime ? pendingValue : value;
+		if (mode === ModeType.Single) return compareValue instanceof Date && isSameDay(date, compareValue);
+		else {
+			const range = compareValue;
+			return range?.from && isSameDay(date, range.from) || range?.to && isSameDay(date, range.to);
+		}
+	};
+	const isInRange = (date) => {
+		if (mode !== ModeType.Range) return false;
+		const range = showTime ? pendingValue : value;
+		if (!range?.from) return false;
+		const end = range.to || hoverDate;
+		if (!end) return false;
+		return isAfter(date, range.from) && isBefore(date, end) || isAfter(date, end) && isBefore(date, range.from);
+	};
+	const handleConfirm = () => {
+		if (pendingValue) onChange?.(pendingValue);
+	};
+	const handleTimeChangeInternal = (date) => {
+		setPendingValue(date);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("tc-ui-calendar p-3", showTime || isRangeMode ? "flex flex-col" : "w-[280px]", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn("flex", (showTime || isRangeMode) && "gap-4"),
+			children: [
+				isRangeMode && /* @__PURE__ */ jsxs("div", {
+					className: "w-[140px] pr-3 border-r border-border",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "text-xs font-medium text-muted-foreground mb-2",
+						children: locale.quickRanges
+					}), /* @__PURE__ */ jsx("div", {
+						className: "space-y-1",
+						children: quickRangePresets.map((preset) => /* @__PURE__ */ jsx(Button, {
+							variant: "text",
+							type: "button",
+							onClick: () => handleQuickRangeClick(preset.getRange),
+							className: cn("w-full justify-start text-left text-xs px-2 py-1 rounded", "text-foreground hover:bg-muted transition-colors"),
+							children: preset.label
+						}, preset.label))
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "w-[280px]",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-between mb-4",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ jsx(Button, {
+										variant: "text",
+										onClick: prevYear,
+										className: "p-1 hover:bg-muted rounded text-muted-foreground hover:text-foreground transition-colors",
+										type: "button",
+										children: /* @__PURE__ */ jsx(ChevronsLeft, { size: 16 })
+									}), /* @__PURE__ */ jsx(Button, {
+										variant: "text",
+										onClick: prevMonth,
+										className: "p-1 hover:bg-muted rounded text-muted-foreground hover:text-foreground transition-colors",
+										type: "button",
+										children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 })
+									})]
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "font-medium text-sm",
+									children: format(currentMonth, locale.monthFormat, { locale: zhCN })
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ jsx(Button, {
+										variant: "text",
+										onClick: nextMonth,
+										className: "p-1 hover:bg-muted rounded text-muted-foreground hover:text-foreground transition-colors",
+										type: "button",
+										children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
+									}), /* @__PURE__ */ jsx(Button, {
+										variant: "text",
+										onClick: nextYear,
+										className: "p-1 hover:bg-muted rounded text-muted-foreground hover:text-foreground transition-colors",
+										type: "button",
+										children: /* @__PURE__ */ jsx(ChevronsRight, { size: 16 })
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "grid grid-cols-7 mb-2",
+							children: weekDays.map((day) => /* @__PURE__ */ jsx("div", {
+								className: "text-center text-xs text-muted-foreground font-medium py-1",
+								children: day
+							}, day))
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "grid grid-cols-7 gap-y-1",
+							onMouseLeave: () => setHoverDate(null),
+							children: days.map((date, i) => {
+								const selected = isSelected(date);
+								const inRange = isInRange(date);
+								const isToday = isSameDay(date, /* @__PURE__ */ new Date());
+								const isCurrentMonth = isSameMonth(date, currentMonth);
+								const isDisabled = disabledDate?.(date);
+								return /* @__PURE__ */ jsx("div", {
+									className: "flex justify-center p-0",
+									children: /* @__PURE__ */ jsx(Button, {
+										variant: "text",
+										type: "button",
+										onClick: () => handleDateClick(date),
+										onMouseEnter: () => setHoverDate(date),
+										disabled: isDisabled,
+										className: cn("w-8 h-8 flex items-center justify-center rounded text-sm transition-colors relative z-10", !isCurrentMonth && "text-muted-foreground/40", isCurrentMonth && !selected && !inRange && !isDisabled && "text-foreground hover:bg-muted", selected && "bg-theme text-theme-foreground hover:bg-theme/90", inRange && !selected && "bg-theme/10 text-theme", !selected && !inRange && isToday && "border border-theme text-theme", isDisabled && "text-muted-foreground cursor-not-allowed hover:bg-transparent opacity-50"),
+										children: format(date, "d")
+									})
+								}, i);
+							})
+						})
+					]
+				}),
+				showTime && /* @__PURE__ */ jsx("div", {
+					className: "flex flex-col border-l border-border pl-4",
+					children: mode === ModeType.Single ? /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col justify-center h-full",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "text-xs font-medium text-muted-foreground mb-3 text-center",
+							children: locale.selectTime
+						}), /* @__PURE__ */ jsx(TimePicker, {
+							value: pendingValue instanceof Date ? pendingValue : void 0,
+							onChange: handleTimeChangeInternal,
+							className: "border-0"
+						})]
+					}) : /* @__PURE__ */ jsxs("div", {
+						className: "space-y-4 flex flex-col justify-center h-full",
+						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+							className: "text-xs font-medium text-muted-foreground mb-2 text-center",
+							children: locale.startTime
+						}), /* @__PURE__ */ jsx(TimePicker, {
+							value: pendingValue && "from" in pendingValue && pendingValue.from ? pendingValue.from : void 0,
+							onChange: (newDate) => {
+								setPendingValue({
+									from: newDate,
+									to: pendingValue?.to
+								});
+							},
+							className: "border-0"
+						})] }), pendingValue && "from" in pendingValue && pendingValue.to && /* @__PURE__ */ jsxs("div", {
+							className: "pt-4 border-t border-border",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "text-xs font-medium text-muted-foreground mb-2 text-center",
+								children: locale.endTime
+							}), /* @__PURE__ */ jsx(TimePicker, {
+								value: pendingValue.to,
+								onChange: (newDate) => {
+									setPendingValue({
+										from: pendingValue?.from,
+										to: newDate
+									});
+								},
+								className: "border-0"
+							})]
+						})]
+					})
+				})
+			]
+		}), showTime && /* @__PURE__ */ jsx("div", {
+			className: "pt-3 mt-3 border-t border-border",
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				type: "button",
+				onClick: handleConfirm,
+				className: cn("w-full py-2 px-4 rounded", "bg-theme text-theme-foreground", "hover:bg-theme/90 transition-colors", "text-sm font-medium"),
+				children: locale.confirm
+			})
+		})]
+	});
+}
+//#endregion
+export { Calendar };

package/fe/packages/{ui/react → react/ui}/components/Date/Date.d.ts

@@ -9,9 +9,6 @@ export type DatePickerProps = {
     mode?: ModeType;
     value?: DateValue;
     defaultValue?: DateValue;
-    /**
-     * @default 'yyyy-MM-dd'
-     */
     format?: string;
     placeholder?: string;
     disabled?: boolean;
@@ -20,19 +17,10 @@ export type DatePickerProps = {
     onChange?: (value?: DateChangeStrValue, date?: Dates) => void;
     disabledDate?: (current: Date) => boolean;
     className?: string;
-    /**
-     * 自定义文案配置，会覆盖默认文案
-     */
     locale?: Partial<DateLocaleConfig>;
-    /**
-     * 范围模式下的快捷选择配置
-     * 不传则使用默认预设
-     */
     quickRanges?: QuickRangePreset[];
-    /** 自定义弹出容器，不传则默认挂载到 document.body */
     getPopupContainer?: () => HTMLElement;
 };
 declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<HTMLDivElement>>;
 export { DatePicker };
 export type { DateRange };
-//# sourceMappingURL=Date.d.ts.map

package/fe/packages/react/ui/components/Date/Date.js

@@ -0,0 +1,210 @@
+import { cn } from "../../lib/utils.js";
+import { Button } from "../Button/Button.js";
+import "../Button/index.js";
+import { Input } from "../Input/Input.js";
+import "../Input/index.js";
+import { useDropdownPositioning } from "../hooks/useDropdownPositioning.js";
+import { Popup } from "../Popup/Popup.js";
+import "../Popup/index.js";
+import { ModeType } from "./data.js";
+import { useDateLocale } from "./LocaleContext.js";
+import { Calendar as Calendar$1 } from "./Calendar.js";
+import { getDatePickerDropdownPosition } from "./dropdownPositioning.js";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Calendar, X } from "lucide-react";
+import { format, isValid, parse } from "date-fns";
+//#region packages/react/ui/components/Date/Date.tsx
+var formatValue = (val, format$1) => {
+	if (!val) return "";
+	if (val instanceof Date) return format(val, format$1);
+	if ("from" in val) {
+		if (val.from && val.to) return `${format(val.from, format$1)} - ${format(val.to, format$1)}`;
+		if (val.from) return format(val.from, format$1);
+	}
+	return "";
+};
+var formatDateValue = (val, format$2) => {
+	if (!val) return "";
+	/**
+	* 将 DateBaseValue  转为  yyyy-MM-dd | [yyyy-MM-dd, yyyy-MM-dd]
+	*/
+	if (val instanceof Date) return format(val, format$2);
+	if ("from" in val) {
+		if (val.from && val.to) return [format(val.from, format$2), format(val.to, format$2)];
+	}
+	return "";
+};
+var DatePicker = forwardRef((props, ref) => {
+	const { mode = ModeType.Single, className, format: customFormat, placeholder, allowClear = true, disabled = false, showTime = false, value: pValue, defaultValue: pDefaultValue, onChange, disabledDate, locale: customLocale, quickRanges, getPopupContainer } = props;
+	const isControlled = Object.prototype.hasOwnProperty.call(props, "value");
+	const locale = {
+		...useDateLocale(),
+		...customLocale
+	};
+	const finalPlaceholder = placeholder || (showTime ? mode === ModeType.Range ? locale.placeholderDateTimeRange : locale.placeholderDateTime : mode === ModeType.Range ? locale.placeholderRange : locale.placeholder);
+	const format = customFormat || (showTime ? "yyyy-MM-dd HH:mm" : "yyyy-MM-dd");
+	const { value, defaultValue } = useMemo(() => {
+		/**
+		* 将 DateChangeStrValue 转为 Dates
+		*/
+		const convertValue = (val) => {
+			if (!val) return void 0;
+			if (val instanceof Date) return val;
+			if (typeof val === "object" && "from" in val) return val;
+			if (typeof val === "string") try {
+				const parsed = parse(val, format, /* @__PURE__ */ new Date());
+				return isValid(parsed) ? parsed : void 0;
+			} catch {
+				return;
+			}
+			if (Array.isArray(val)) if (typeof val[0] === "string" && typeof val[1] === "string") try {
+				const from = parse(val[0], format, /* @__PURE__ */ new Date());
+				const to = parse(val[1], format, /* @__PURE__ */ new Date());
+				return isValid(from) && isValid(to) ? {
+					from,
+					to
+				} : void 0;
+			} catch {
+				return;
+			}
+			else return {
+				from: val[0],
+				to: val[1]
+			};
+		};
+		return {
+			value: convertValue(pValue),
+			defaultValue: convertValue(pDefaultValue)
+		};
+	}, [
+		pDefaultValue,
+		pValue,
+		format
+	]);
+	const initialValue = isControlled ? value : value || defaultValue;
+	const [selectedDate, setSelectedDate] = useState(initialValue);
+	const [isOpen, setIsOpen] = useState(false);
+	const [inputValue, setInputValue] = useState(formatValue(initialValue, format));
+	const [isHover, setIsHover] = useState(false);
+	const containerRef = useRef(null);
+	const dropdownContentRef = useRef(null);
+	const inputRef = useRef(null);
+	const rangeDraftRef = useRef(false);
+	const positioning = useDropdownPositioning({
+		open: isOpen,
+		anchorRef: containerRef,
+		contentRef: dropdownContentRef,
+		placement: "bottom-start",
+		offset: 8,
+		matchAnchorWidth: false,
+		strategy: getDatePickerDropdownPosition
+	});
+	useEffect(() => {
+		if (!isControlled) return;
+		if (mode === ModeType.Range && rangeDraftRef.current && value === void 0) return;
+		setSelectedDate(value);
+		setInputValue(formatValue(value, format));
+		if (mode !== ModeType.Range || !value || !("from" in value) || value.to) rangeDraftRef.current = false;
+	}, [
+		isControlled,
+		mode,
+		value,
+		format
+	]);
+	const handleSelect = (date) => {
+		const newDate = date;
+		if (mode === ModeType.Range) {
+			if (date && "from" in date && "to" in date && date.from && date.to) setIsOpen(false);
+		} else setIsOpen(false);
+		if (mode === ModeType.Range || !isControlled) {
+			setSelectedDate(newDate);
+			setInputValue(formatValue(newDate, format));
+		}
+		rangeDraftRef.current = mode === ModeType.Range && !(newDate && typeof newDate === "object" && "from" in newDate && newDate.from && newDate.to);
+		onChange?.(formatDateValue(newDate, format), newDate);
+	};
+	const handleClear = (e) => {
+		e.stopPropagation();
+		rangeDraftRef.current = false;
+		setSelectedDate(void 0);
+		setInputValue("");
+		onChange?.(void 0, void 0);
+		inputRef.current?.focus();
+	};
+	const handleInputChange = (e) => {
+		const newValue = e.target.value;
+		setInputValue(newValue);
+		if (mode === ModeType.Single) try {
+			const parsedDate = parse(newValue, format, /* @__PURE__ */ new Date());
+			if (isValid(parsedDate)) {
+				if (!isControlled) setSelectedDate(parsedDate);
+				onChange?.(formatDateValue(parsedDate, format), parsedDate);
+			}
+		} catch {}
+	};
+	const showClearIcon = allowClear && selectedDate && !disabled && isHover;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("tc-ui-date-picker relative w-full", mode === ModeType.Range ? "min-w-[255px]" : "", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: containerRef,
+			className: "relative",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: cn("flex h-10 items-center w-full rounded-lg px-3 py-0 text-sm", "border transition-colors duration-200", "bg-background cursor-pointer", disabled && "cursor-not-allowed bg-muted border-border text-muted-foreground", !disabled && !isOpen && "border-border", !disabled && isOpen && "border-theme ring-2 ring-theme/25", !disabled && "focus-within:border-theme focus-within:ring-2 focus-within:ring-theme/25"),
+				onClick: () => !disabled && setIsOpen(!isOpen),
+				onMouseEnter: () => setIsHover(true),
+				onMouseLeave: () => setIsHover(false),
+				children: [/* @__PURE__ */ jsx(Input, {
+					ref: inputRef,
+					type: "text",
+					value: inputValue,
+					onChange: (_, e) => handleInputChange(e),
+					placeholder: finalPlaceholder,
+					disabled,
+					readOnly: mode === ModeType.Range,
+					className: "min-w-0 flex-1",
+					inputClassName: cn("h-8 min-w-0 flex-1 rounded-none border-0 bg-transparent px-0 py-0 outline-none", "ring-0 shadow-none focus:ring-0 focus-visible:ring-0", "text-sm text-foreground placeholder:text-muted-foreground", disabled && "cursor-not-allowed", mode === ModeType.Range && !disabled && "cursor-pointer caret-transparent")
+				}), showClearIcon ? /* @__PURE__ */ jsx(Button, {
+					variant: "text",
+					type: "button",
+					onClick: handleClear,
+					title: locale.clear,
+					"aria-label": locale.clear,
+					className: cn("ml-2 flex h-7 w-7 items-center justify-center rounded-md", "text-muted-foreground transition-colors hover:bg-foreground/8 hover:text-foreground", "cursor-pointer"),
+					children: /* @__PURE__ */ jsx(X, { size: 12 })
+				}) : /* @__PURE__ */ jsx(Calendar, {
+					size: 16,
+					className: "ml-2 shrink-0 text-muted-foreground"
+				})]
+			}), /* @__PURE__ */ jsx(Popup, {
+				open: isOpen && !disabled,
+				anchorRef: containerRef,
+				contentRef: dropdownContentRef,
+				positioning,
+				keepMounted: true,
+				onOpenChange: (nextOpen) => {
+					setIsOpen(nextOpen);
+					if (!nextOpen) rangeDraftRef.current = false;
+				},
+				className: cn("overflow-hidden"),
+				container: getPopupContainer?.(),
+				children: /* @__PURE__ */ jsx("div", {
+					ref: dropdownContentRef,
+					children: /* @__PURE__ */ jsx(Calendar$1, {
+						mode,
+						value: selectedDate || null,
+						onChange: handleSelect,
+						disabledDate,
+						showTime,
+						locale,
+						quickRanges
+					})
+				})
+			})]
+		})
+	});
+});
+DatePicker.displayName = "DatePicker";
+//#endregion
+export { DatePicker };

package/fe/packages/{ui/react → react/ui}/components/Date/DateTestPage.d.ts

@@ -1,2 +1 @@
 export default function DateTestPage(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DateTestPage.d.ts.map