@rockshin/tao-ui 0.0.1

package/dist/components/date-picker/date-picker.d.ts

@@ -0,0 +1,29 @@
+import type { Dayjs } from 'dayjs';
+import { type ReactNode } from 'react';
+import { type TaoSize, type TaoVariant } from '../../provider/tao-provider';
+import './date-picker.css';
+import { type PresetItem, type TimeConfig } from './types';
+export interface DatePickerProps {
+    value?: Dayjs | null;
+    defaultValue?: Dayjs | null;
+    onChange?: (date: Dayjs | null, dateString: string) => void;
+    picker?: 'date' | 'month' | 'year';
+    showTime?: boolean | TimeConfig;
+    format?: string;
+    disabledDate?: (date: Dayjs) => boolean;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
+    presets?: PresetItem[];
+    placeholder?: string;
+    size?: TaoSize;
+    variant?: TaoVariant;
+    disabled?: boolean;
+    allowClear?: boolean;
+    prefix?: ReactNode;
+    suffixIcon?: ReactNode;
+    status?: 'error' | 'warning';
+    mobile?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function DatePicker({ value, onChange, picker, showTime, format: formatProp, disabledDate, minDate, maxDate, presets, placeholder, size, variant, disabled, allowClear, prefix, suffixIcon, status, mobile, open: controlledOpen, onOpenChange, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/date-picker/date-picker.js

@@ -0,0 +1,663 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import dayjs from "dayjs";
+import { useEffect, useState } from "react";
+import { useTaoConfig } from "../../provider/tao-provider.js";
+import { Drawer } from "../drawer/drawer.js";
+import { useIsMobile } from "../select/use-is-mobile.js";
+import { CalendarGrid } from "./calendar/calendar-grid.js";
+import { CalendarHeader } from "./calendar/calendar-header.js";
+import { MonthGrid } from "./calendar/month-grid.js";
+import { TimePanel } from "./calendar/time-panel.js";
+import { YearGrid } from "./calendar/year-grid.js";
+import "./date-picker.css";
+import { Presets } from "./presets.js";
+import { getDefaultFormat } from "./types.js";
+import * as __rspack_external__radix_ui_react_popover_e2827c9f from "@radix-ui/react-popover";
+function DatePicker(t0) {
+    const $ = c(152);
+    const { value, onChange, picker: t1, showTime, format: formatProp, disabledDate, minDate, maxDate, presets, placeholder, size, variant, disabled, allowClear: t2, prefix, suffixIcon, status, mobile, open: controlledOpen, onOpenChange } = t0;
+    const picker = void 0 === t1 ? "date" : t1;
+    const allowClear = void 0 === t2 ? true : t2;
+    const ctx = useTaoConfig();
+    const resolvedSize = size ?? ctx.size;
+    const resolvedVariant = variant ?? ctx.variant;
+    const resolvedDisabled = disabled ?? ctx.disabled;
+    const autoMobile = useIsMobile();
+    const isMobile = mobile ?? autoMobile;
+    let t3;
+    if ($[0] !== formatProp || $[1] !== picker || $[2] !== showTime) {
+        t3 = formatProp ?? getDefaultFormat(picker, showTime);
+        $[0] = formatProp;
+        $[1] = picker;
+        $[2] = showTime;
+        $[3] = t3;
+    } else t3 = $[3];
+    const fmt = t3;
+    const defaultPlaceholder = placeholder ?? fmt;
+    const drawerTitle = showTime ? "Date & Time" : defaultPlaceholder;
+    const [internalOpen, setInternalOpen] = useState(false);
+    const [hovering, setHovering] = useState(false);
+    const isOpen = controlledOpen ?? internalOpen;
+    let t4;
+    if ($[4] !== onOpenChange) {
+        t4 = (v)=>{
+            setInternalOpen(v);
+            onOpenChange?.(v);
+        };
+        $[4] = onOpenChange;
+        $[5] = t4;
+    } else t4 = $[5];
+    const setOpen = t4;
+    let t5;
+    if ($[6] !== value) {
+        t5 = ()=>value ?? dayjs();
+        $[6] = value;
+        $[7] = t5;
+    } else t5 = $[7];
+    const [viewDate, setViewDate] = useState(t5);
+    const [panelMode, setPanelMode] = useState("year" === picker ? "year" : "month" === picker ? "month" : "date");
+    const [timeScrollKey, setTimeScrollKey] = useState(0);
+    let t6;
+    if ($[8] !== isOpen || $[9] !== picker || $[10] !== value) {
+        t6 = ()=>{
+            if (isOpen) {
+                setViewDate(value ?? dayjs());
+                setPanelMode("year" === picker ? "year" : "month" === picker ? "month" : "date");
+                setTimeScrollKey(_temp);
+            }
+        };
+        $[8] = isOpen;
+        $[9] = picker;
+        $[10] = value;
+        $[11] = t6;
+    } else t6 = $[11];
+    let t7;
+    if ($[12] !== isOpen) {
+        t7 = [
+            isOpen
+        ];
+        $[12] = isOpen;
+        $[13] = t7;
+    } else t7 = $[13];
+    useEffect(t6, t7);
+    let t8;
+    if ($[14] !== value) {
+        t8 = value?.hour() ?? 0;
+        $[14] = value;
+        $[15] = t8;
+    } else t8 = $[15];
+    let t9;
+    if ($[16] !== value) {
+        t9 = value?.minute() ?? 0;
+        $[16] = value;
+        $[17] = t9;
+    } else t9 = $[17];
+    let t10;
+    if ($[18] !== value) {
+        t10 = value?.second() ?? 0;
+        $[18] = value;
+        $[19] = t10;
+    } else t10 = $[19];
+    let t11;
+    if ($[20] !== t10 || $[21] !== t8 || $[22] !== t9) {
+        t11 = {
+            hour: t8,
+            minute: t9,
+            second: t10
+        };
+        $[20] = t10;
+        $[21] = t8;
+        $[22] = t9;
+        $[23] = t11;
+    } else t11 = $[23];
+    const timeValue = t11;
+    let t12;
+    if ($[24] !== fmt || $[25] !== onChange || $[26] !== setOpen || $[27] !== showTime || $[28] !== value) {
+        t12 = (date)=>{
+            let result = date;
+            if (showTime && value) result = date.hour(value.hour()).minute(value.minute()).second(value.second());
+            if (showTime) onChange?.(result, result.format(fmt));
+            else {
+                onChange?.(result, result.format(fmt));
+                setOpen(false);
+            }
+        };
+        $[24] = fmt;
+        $[25] = onChange;
+        $[26] = setOpen;
+        $[27] = showTime;
+        $[28] = value;
+        $[29] = t12;
+    } else t12 = $[29];
+    const handleDateSelect = t12;
+    let t13;
+    if ($[30] !== fmt || $[31] !== onChange || $[32] !== picker || $[33] !== setOpen) {
+        t13 = (date_0)=>{
+            if ("month" === picker) {
+                onChange?.(date_0, date_0.format(fmt));
+                setOpen(false);
+            } else {
+                setViewDate(date_0);
+                setPanelMode("date");
+            }
+        };
+        $[30] = fmt;
+        $[31] = onChange;
+        $[32] = picker;
+        $[33] = setOpen;
+        $[34] = t13;
+    } else t13 = $[34];
+    const handleMonthSelect = t13;
+    let t14;
+    if ($[35] !== fmt || $[36] !== onChange || $[37] !== picker || $[38] !== setOpen) {
+        t14 = (date_1)=>{
+            if ("year" === picker) {
+                onChange?.(date_1, date_1.format(fmt));
+                setOpen(false);
+            } else {
+                setViewDate(date_1);
+                setPanelMode("month" === picker ? "month" : "date");
+            }
+        };
+        $[35] = fmt;
+        $[36] = onChange;
+        $[37] = picker;
+        $[38] = setOpen;
+        $[39] = t14;
+    } else t14 = $[39];
+    const handleYearSelect = t14;
+    let t15;
+    if ($[40] !== fmt || $[41] !== onChange || $[42] !== value) {
+        t15 = (h, m, s)=>{
+            const base = value ?? dayjs();
+            const result_0 = base.hour(h).minute(m).second(s);
+            onChange?.(result_0, result_0.format(fmt));
+        };
+        $[40] = fmt;
+        $[41] = onChange;
+        $[42] = value;
+        $[43] = t15;
+    } else t15 = $[43];
+    const handleTimeChange = t15;
+    let t16;
+    if ($[44] !== onChange) {
+        t16 = (e)=>{
+            e.stopPropagation();
+            onChange?.(null, "");
+        };
+        $[44] = onChange;
+        $[45] = t16;
+    } else t16 = $[45];
+    const handleClear = t16;
+    let t17;
+    if ($[46] !== fmt || $[47] !== onChange || $[48] !== setOpen) {
+        t17 = (val)=>{
+            const d = val;
+            onChange?.(d, d.format(fmt));
+            setOpen(false);
+        };
+        $[46] = fmt;
+        $[47] = onChange;
+        $[48] = setOpen;
+        $[49] = t17;
+    } else t17 = $[49];
+    const handlePresetSelect = t17;
+    let t18;
+    if ($[50] !== setOpen) {
+        t18 = ()=>{
+            setOpen(false);
+        };
+        $[50] = setOpen;
+        $[51] = t18;
+    } else t18 = $[51];
+    const handleOk = t18;
+    let t19;
+    if ($[52] !== fmt || $[53] !== onChange) {
+        t19 = ()=>{
+            const now = dayjs();
+            onChange?.(now, now.format(fmt));
+            setViewDate(now);
+            setPanelMode("date");
+            setTimeScrollKey(_temp2);
+        };
+        $[52] = fmt;
+        $[53] = onChange;
+        $[54] = t19;
+    } else t19 = $[54];
+    const handleNow = t19;
+    let t20;
+    if ($[55] !== fmt || $[56] !== value) {
+        t20 = value ? value.format(fmt) : "";
+        $[55] = fmt;
+        $[56] = value;
+        $[57] = t20;
+    } else t20 = $[57];
+    const displayValue = t20;
+    const showClearBtn = allowClear && value && !resolvedDisabled;
+    const showTimePanel = !!(showTime && "date" === panelMode);
+    let t21;
+    if ($[58] !== panelMode || $[59] !== viewDate) {
+        t21 = /*#__PURE__*/ jsx(CalendarHeader, {
+            viewDate: viewDate,
+            panelMode: panelMode,
+            onViewDateChange: setViewDate,
+            onPanelModeChange: setPanelMode
+        });
+        $[58] = panelMode;
+        $[59] = viewDate;
+        $[60] = t21;
+    } else t21 = $[60];
+    let t22;
+    if ($[61] !== disabledDate || $[62] !== handleDateSelect || $[63] !== maxDate || $[64] !== minDate || $[65] !== panelMode || $[66] !== value || $[67] !== viewDate) {
+        t22 = "date" === panelMode && /*#__PURE__*/ jsx(CalendarGrid, {
+            viewDate: viewDate,
+            value: value,
+            onSelect: handleDateSelect,
+            disabledDate: disabledDate,
+            minDate: minDate,
+            maxDate: maxDate
+        });
+        $[61] = disabledDate;
+        $[62] = handleDateSelect;
+        $[63] = maxDate;
+        $[64] = minDate;
+        $[65] = panelMode;
+        $[66] = value;
+        $[67] = viewDate;
+        $[68] = t22;
+    } else t22 = $[68];
+    let t23;
+    if ($[69] !== disabledDate || $[70] !== handleMonthSelect || $[71] !== panelMode || $[72] !== value || $[73] !== viewDate) {
+        t23 = "month" === panelMode && /*#__PURE__*/ jsx(MonthGrid, {
+            viewDate: viewDate,
+            value: value,
+            onSelect: handleMonthSelect,
+            disabledDate: disabledDate
+        });
+        $[69] = disabledDate;
+        $[70] = handleMonthSelect;
+        $[71] = panelMode;
+        $[72] = value;
+        $[73] = viewDate;
+        $[74] = t23;
+    } else t23 = $[74];
+    let t24;
+    if ($[75] !== disabledDate || $[76] !== handleYearSelect || $[77] !== panelMode || $[78] !== value || $[79] !== viewDate) {
+        t24 = ("year" === panelMode || "decade" === panelMode) && /*#__PURE__*/ jsx(YearGrid, {
+            viewDate: viewDate,
+            value: value,
+            onSelect: handleYearSelect,
+            disabledDate: disabledDate
+        });
+        $[75] = disabledDate;
+        $[76] = handleYearSelect;
+        $[77] = panelMode;
+        $[78] = value;
+        $[79] = viewDate;
+        $[80] = t24;
+    } else t24 = $[80];
+    let t25;
+    if ($[81] !== t22 || $[82] !== t23 || $[83] !== t24) {
+        t25 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-picker-body": "",
+            children: [
+                t22,
+                t23,
+                t24
+            ]
+        });
+        $[81] = t22;
+        $[82] = t23;
+        $[83] = t24;
+        $[84] = t25;
+    } else t25 = $[84];
+    let t26;
+    if ($[85] !== t21 || $[86] !== t25) {
+        t26 = /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                t21,
+                t25
+            ]
+        });
+        $[85] = t21;
+        $[86] = t25;
+        $[87] = t26;
+    } else t26 = $[87];
+    const datePanel = t26;
+    const t27 = showTimePanel || void 0;
+    let t28;
+    if ($[88] !== datePanel || $[89] !== handleTimeChange || $[90] !== showTime || $[91] !== showTimePanel || $[92] !== timeScrollKey || $[93] !== timeValue) {
+        t28 = showTimePanel ? /*#__PURE__*/ jsxs("div", {
+            "data-tao-picker-datetime": "",
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    "data-tao-picker-date-side": "",
+                    children: datePanel
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    "data-tao-picker-time": "",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            "data-tao-time-header": "",
+                            children: [
+                                String(timeValue.hour).padStart(2, "0"),
+                                ":",
+                                String(timeValue.minute).padStart(2, "0"),
+                                ":",
+                                String(timeValue.second).padStart(2, "0")
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(TimePanel, {
+                            hour: timeValue.hour,
+                            minute: timeValue.minute,
+                            second: timeValue.second,
+                            onChange: handleTimeChange,
+                            config: "object" == typeof showTime ? showTime : void 0,
+                            scrollKey: timeScrollKey
+                        })
+                    ]
+                })
+            ]
+        }) : datePanel;
+        $[88] = datePanel;
+        $[89] = handleTimeChange;
+        $[90] = showTime;
+        $[91] = showTimePanel;
+        $[92] = timeScrollKey;
+        $[93] = timeValue;
+        $[94] = t28;
+    } else t28 = $[94];
+    let t29;
+    if ($[95] !== handlePresetSelect || $[96] !== presets) {
+        t29 = presets && presets.length > 0 && /*#__PURE__*/ jsx(Presets, {
+            items: presets,
+            onSelect: handlePresetSelect
+        });
+        $[95] = handlePresetSelect;
+        $[96] = presets;
+        $[97] = t29;
+    } else t29 = $[97];
+    let t30;
+    if ($[98] !== handleNow || $[99] !== handleOk || $[100] !== showTimePanel) {
+        t30 = showTimePanel && /*#__PURE__*/ jsxs("div", {
+            "data-tao-picker-footer": "",
+            children: [
+                /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    "data-tao-picker-footer-btn": "",
+                    onClick: handleNow,
+                    children: "Now"
+                }),
+                /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    "data-tao-picker-footer-btn": "",
+                    "data-tao-primary": "",
+                    onClick: handleOk,
+                    children: "OK"
+                })
+            ]
+        });
+        $[98] = handleNow;
+        $[99] = handleOk;
+        $[100] = showTimePanel;
+        $[101] = t30;
+    } else t30 = $[101];
+    let t31;
+    if ($[102] !== t27 || $[103] !== t28 || $[104] !== t29 || $[105] !== t30) {
+        t31 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-picker-panel": "",
+            "data-tao-has-time": t27,
+            children: [
+                t28,
+                t29,
+                t30
+            ]
+        });
+        $[102] = t27;
+        $[103] = t28;
+        $[104] = t29;
+        $[105] = t30;
+        $[106] = t31;
+    } else t31 = $[106];
+    const panelContent = t31;
+    const t32 = "error" === status || void 0;
+    let t33;
+    if ($[107] !== isMobile || $[108] !== setOpen) {
+        t33 = isMobile ? ()=>setOpen(true) : void 0;
+        $[107] = isMobile;
+        $[108] = setOpen;
+        $[109] = t33;
+    } else t33 = $[109];
+    let t34;
+    let t35;
+    if ($[110] === Symbol.for("react.memo_cache_sentinel")) {
+        t34 = ()=>setHovering(true);
+        t35 = ()=>setHovering(false);
+        $[110] = t34;
+        $[111] = t35;
+    } else {
+        t34 = $[110];
+        t35 = $[111];
+    }
+    let t36;
+    if ($[112] !== prefix) {
+        t36 = null != prefix && /*#__PURE__*/ jsx("span", {
+            "data-tao-picker-prefix": "",
+            children: prefix
+        });
+        $[112] = prefix;
+        $[113] = t36;
+    } else t36 = $[113];
+    let t37;
+    if ($[114] !== defaultPlaceholder || $[115] !== displayValue) {
+        t37 = displayValue || /*#__PURE__*/ jsx("span", {
+            "data-tao-picker-placeholder": "",
+            children: defaultPlaceholder
+        });
+        $[114] = defaultPlaceholder;
+        $[115] = displayValue;
+        $[116] = t37;
+    } else t37 = $[116];
+    let t38;
+    if ($[117] !== t37) {
+        t38 = /*#__PURE__*/ jsx("span", {
+            "data-tao-picker-input": "",
+            children: t37
+        });
+        $[117] = t37;
+        $[118] = t38;
+    } else t38 = $[118];
+    let t39;
+    if ($[119] !== handleClear || $[120] !== hovering || $[121] !== showClearBtn || $[122] !== suffixIcon) {
+        t39 = /*#__PURE__*/ jsx("span", {
+            "data-tao-picker-icons": "",
+            children: showClearBtn && hovering ? /*#__PURE__*/ jsx("span", {
+                "data-tao-picker-clear": "",
+                onClick: handleClear,
+                role: "button",
+                "aria-label": "Clear",
+                children: /*#__PURE__*/ jsx(CloseIcon, {})
+            }) : /*#__PURE__*/ jsx("span", {
+                "data-tao-picker-suffix": "",
+                children: suffixIcon ?? /*#__PURE__*/ jsx(CalendarIcon, {})
+            })
+        });
+        $[119] = handleClear;
+        $[120] = hovering;
+        $[121] = showClearBtn;
+        $[122] = suffixIcon;
+        $[123] = t39;
+    } else t39 = $[123];
+    let t40;
+    if ($[124] !== resolvedDisabled || $[125] !== resolvedSize || $[126] !== resolvedVariant || $[127] !== t32 || $[128] !== t33 || $[129] !== t36 || $[130] !== t38 || $[131] !== t39) {
+        t40 = /*#__PURE__*/ jsxs("button", {
+            type: "button",
+            "data-tao-control": "",
+            "data-tao-picker-trigger": "",
+            "data-tao-size": resolvedSize,
+            "data-tao-variant": resolvedVariant,
+            "data-tao-error": t32,
+            disabled: resolvedDisabled,
+            onClick: t33,
+            onMouseEnter: t34,
+            onMouseLeave: t35,
+            children: [
+                t36,
+                t38,
+                t39
+            ]
+        });
+        $[124] = resolvedDisabled;
+        $[125] = resolvedSize;
+        $[126] = resolvedVariant;
+        $[127] = t32;
+        $[128] = t33;
+        $[129] = t36;
+        $[130] = t38;
+        $[131] = t39;
+        $[132] = t40;
+    } else t40 = $[132];
+    const trigger = t40;
+    if (isMobile) {
+        let t41;
+        if ($[133] !== setOpen) {
+            t41 = ()=>setOpen(false);
+            $[133] = setOpen;
+            $[134] = t41;
+        } else t41 = $[134];
+        let t42;
+        if ($[135] !== drawerTitle || $[136] !== isOpen || $[137] !== panelContent || $[138] !== t41) {
+            t42 = /*#__PURE__*/ jsx(Drawer, {
+                open: isOpen,
+                onClose: t41,
+                placement: "bottom",
+                title: drawerTitle,
+                height: "auto",
+                children: panelContent
+            });
+            $[135] = drawerTitle;
+            $[136] = isOpen;
+            $[137] = panelContent;
+            $[138] = t41;
+            $[139] = t42;
+        } else t42 = $[139];
+        let t43;
+        if ($[140] !== t42 || $[141] !== trigger) {
+            t43 = /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    trigger,
+                    t42
+                ]
+            });
+            $[140] = t42;
+            $[141] = trigger;
+            $[142] = t43;
+        } else t43 = $[142];
+        return t43;
+    }
+    let t41;
+    if ($[143] !== trigger) {
+        t41 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Trigger, {
+            asChild: true,
+            children: trigger
+        });
+        $[143] = trigger;
+        $[144] = t41;
+    } else t41 = $[144];
+    let t42;
+    if ($[145] !== panelContent) {
+        t42 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Portal, {
+            children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Content, {
+                "data-tao-picker-dropdown": "",
+                sideOffset: 4,
+                align: "start",
+                onOpenAutoFocus: _temp3,
+                children: panelContent
+            })
+        });
+        $[145] = panelContent;
+        $[146] = t42;
+    } else t42 = $[146];
+    let t43;
+    if ($[147] !== isOpen || $[148] !== setOpen || $[149] !== t41 || $[150] !== t42) {
+        t43 = /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_popover_e2827c9f.Root, {
+            open: isOpen,
+            onOpenChange: setOpen,
+            children: [
+                t41,
+                t42
+            ]
+        });
+        $[147] = isOpen;
+        $[148] = setOpen;
+        $[149] = t41;
+        $[150] = t42;
+        $[151] = t43;
+    } else t43 = $[151];
+    return t43;
+}
+function _temp3(e_0) {
+    return e_0.preventDefault();
+}
+function _temp2(k_0) {
+    return k_0 + 1;
+}
+function _temp(k) {
+    return k + 1;
+}
+function CalendarIcon() {
+    const $ = c(1);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsxs("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+                /*#__PURE__*/ jsx("path", {
+                    d: "M8 2v4M16 2v4"
+                }),
+                /*#__PURE__*/ jsx("rect", {
+                    width: "18",
+                    height: "18",
+                    x: "3",
+                    y: "4",
+                    rx: "2"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "M3 10h18"
+                })
+            ]
+        });
+        $[0] = t0;
+    } else t0 = $[0];
+    return t0;
+}
+function CloseIcon() {
+    const $ = c(1);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsx("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /*#__PURE__*/ jsx("path", {
+                d: "M18 6 6 18M6 6l12 12"
+            })
+        });
+        $[0] = t0;
+    } else t0 = $[0];
+    return t0;
+}
+export { DatePicker };

package/dist/components/date-picker/presets.d.ts

@@ -0,0 +1,9 @@
+interface PresetsProps {
+    items: Array<{
+        label: string;
+        value: unknown;
+    }>;
+    onSelect: (value: unknown) => void;
+}
+export declare function Presets({ items, onSelect }: PresetsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};