@rockshin/tao-ui 0.0.1

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

@@ -0,0 +1,336 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+function CalendarHeader(t0) {
+    const $ = c(58);
+    const { viewDate, panelMode, onViewDateChange, onPanelModeChange } = t0;
+    let t1;
+    if ($[0] !== onViewDateChange || $[1] !== panelMode || $[2] !== viewDate) {
+        t1 = ()=>{
+            if ("date" === panelMode) onViewDateChange(viewDate.subtract(1, "month"));
+            else if ("month" === panelMode) onViewDateChange(viewDate.subtract(1, "year"));
+            else if ("year" === panelMode || "decade" === panelMode) onViewDateChange(viewDate.subtract(10, "year"));
+        };
+        $[0] = onViewDateChange;
+        $[1] = panelMode;
+        $[2] = viewDate;
+        $[3] = t1;
+    } else t1 = $[3];
+    const handlePrev = t1;
+    let t2;
+    if ($[4] !== onViewDateChange || $[5] !== panelMode || $[6] !== viewDate) {
+        t2 = ()=>{
+            if ("date" === panelMode) onViewDateChange(viewDate.add(1, "month"));
+            else if ("month" === panelMode) onViewDateChange(viewDate.add(1, "year"));
+            else if ("year" === panelMode || "decade" === panelMode) onViewDateChange(viewDate.add(10, "year"));
+        };
+        $[4] = onViewDateChange;
+        $[5] = panelMode;
+        $[6] = viewDate;
+        $[7] = t2;
+    } else t2 = $[7];
+    const handleNext = t2;
+    let t3;
+    if ($[8] !== onViewDateChange || $[9] !== viewDate) {
+        t3 = ()=>{
+            onViewDateChange(viewDate.subtract(1, "year"));
+        };
+        $[8] = onViewDateChange;
+        $[9] = viewDate;
+        $[10] = t3;
+    } else t3 = $[10];
+    const handleSuperPrev = t3;
+    let t4;
+    if ($[11] !== onViewDateChange || $[12] !== viewDate) {
+        t4 = ()=>{
+            onViewDateChange(viewDate.add(1, "year"));
+        };
+        $[11] = onViewDateChange;
+        $[12] = viewDate;
+        $[13] = t4;
+    } else t4 = $[13];
+    const handleSuperNext = t4;
+    let t5;
+    if ($[14] !== onPanelModeChange || $[15] !== panelMode) {
+        t5 = ()=>{
+            onPanelModeChange("month" === panelMode ? "date" : "month");
+        };
+        $[14] = onPanelModeChange;
+        $[15] = panelMode;
+        $[16] = t5;
+    } else t5 = $[16];
+    const handleMonthClick = t5;
+    let t6;
+    if ($[17] !== onPanelModeChange || $[18] !== panelMode) {
+        t6 = ()=>{
+            onPanelModeChange("year" === panelMode ? "date" : "year");
+        };
+        $[17] = onPanelModeChange;
+        $[18] = panelMode;
+        $[19] = t6;
+    } else t6 = $[19];
+    const handleYearClick = t6;
+    const decadeStart = 10 * Math.floor(viewDate.year() / 10);
+    let t7;
+    if ($[20] !== handleSuperPrev || $[21] !== panelMode) {
+        t7 = "date" === panelMode && /*#__PURE__*/ jsx("button", {
+            type: "button",
+            "data-tao-calendar-nav-btn": "",
+            onClick: handleSuperPrev,
+            "aria-label": "Previous year",
+            children: /*#__PURE__*/ jsx(DoubleLeftIcon, {})
+        });
+        $[20] = handleSuperPrev;
+        $[21] = panelMode;
+        $[22] = t7;
+    } else t7 = $[22];
+    let t8;
+    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+        t8 = /*#__PURE__*/ jsx(LeftIcon, {});
+        $[23] = t8;
+    } else t8 = $[23];
+    let t9;
+    if ($[24] !== handlePrev) {
+        t9 = /*#__PURE__*/ jsx("button", {
+            type: "button",
+            "data-tao-calendar-nav-btn": "",
+            onClick: handlePrev,
+            "aria-label": "Previous",
+            children: t8
+        });
+        $[24] = handlePrev;
+        $[25] = t9;
+    } else t9 = $[25];
+    let t10;
+    if ($[26] !== t7 || $[27] !== t9) {
+        t10 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-calendar-nav": "",
+            children: [
+                t7,
+                t9
+            ]
+        });
+        $[26] = t7;
+        $[27] = t9;
+        $[28] = t10;
+    } else t10 = $[28];
+    let t11;
+    if ($[29] !== handleMonthClick || $[30] !== handleYearClick || $[31] !== panelMode || $[32] !== viewDate) {
+        t11 = "date" === panelMode && /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    "data-tao-calendar-title-btn": "",
+                    onClick: handleMonthClick,
+                    children: viewDate.format("MMM")
+                }),
+                /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    "data-tao-calendar-title-btn": "",
+                    onClick: handleYearClick,
+                    children: viewDate.format("YYYY")
+                })
+            ]
+        });
+        $[29] = handleMonthClick;
+        $[30] = handleYearClick;
+        $[31] = panelMode;
+        $[32] = viewDate;
+        $[33] = t11;
+    } else t11 = $[33];
+    let t12;
+    if ($[34] !== handleYearClick || $[35] !== panelMode || $[36] !== viewDate) {
+        t12 = "month" === panelMode && /*#__PURE__*/ jsx("button", {
+            type: "button",
+            "data-tao-calendar-title-btn": "",
+            onClick: handleYearClick,
+            children: viewDate.format("YYYY")
+        });
+        $[34] = handleYearClick;
+        $[35] = panelMode;
+        $[36] = viewDate;
+        $[37] = t12;
+    } else t12 = $[37];
+    let t13;
+    if ($[38] !== decadeStart || $[39] !== panelMode) {
+        t13 = ("year" === panelMode || "decade" === panelMode) && /*#__PURE__*/ jsxs("span", {
+            "data-tao-calendar-title-text": "",
+            children: [
+                decadeStart,
+                " – ",
+                decadeStart + 9
+            ]
+        });
+        $[38] = decadeStart;
+        $[39] = panelMode;
+        $[40] = t13;
+    } else t13 = $[40];
+    let t14;
+    if ($[41] !== t11 || $[42] !== t12 || $[43] !== t13) {
+        t14 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-calendar-title": "",
+            children: [
+                t11,
+                t12,
+                t13
+            ]
+        });
+        $[41] = t11;
+        $[42] = t12;
+        $[43] = t13;
+        $[44] = t14;
+    } else t14 = $[44];
+    let t15;
+    if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+        t15 = /*#__PURE__*/ jsx(RightIcon, {});
+        $[45] = t15;
+    } else t15 = $[45];
+    let t16;
+    if ($[46] !== handleNext) {
+        t16 = /*#__PURE__*/ jsx("button", {
+            type: "button",
+            "data-tao-calendar-nav-btn": "",
+            onClick: handleNext,
+            "aria-label": "Next",
+            children: t15
+        });
+        $[46] = handleNext;
+        $[47] = t16;
+    } else t16 = $[47];
+    let t17;
+    if ($[48] !== handleSuperNext || $[49] !== panelMode) {
+        t17 = "date" === panelMode && /*#__PURE__*/ jsx("button", {
+            type: "button",
+            "data-tao-calendar-nav-btn": "",
+            onClick: handleSuperNext,
+            "aria-label": "Next year",
+            children: /*#__PURE__*/ jsx(DoubleRightIcon, {})
+        });
+        $[48] = handleSuperNext;
+        $[49] = panelMode;
+        $[50] = t17;
+    } else t17 = $[50];
+    let t18;
+    if ($[51] !== t16 || $[52] !== t17) {
+        t18 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-calendar-nav": "",
+            children: [
+                t16,
+                t17
+            ]
+        });
+        $[51] = t16;
+        $[52] = t17;
+        $[53] = t18;
+    } else t18 = $[53];
+    let t19;
+    if ($[54] !== t10 || $[55] !== t14 || $[56] !== t18) {
+        t19 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-calendar-header": "",
+            children: [
+                t10,
+                t14,
+                t18
+            ]
+        });
+        $[54] = t10;
+        $[55] = t14;
+        $[56] = t18;
+        $[57] = t19;
+    } else t19 = $[57];
+    return t19;
+}
+function LeftIcon() {
+    const $ = c(1);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsx("svg", {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /*#__PURE__*/ jsx("path", {
+                d: "m15 18-6-6 6-6"
+            })
+        });
+        $[0] = t0;
+    } else t0 = $[0];
+    return t0;
+}
+function RightIcon() {
+    const $ = c(1);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsx("svg", {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /*#__PURE__*/ jsx("path", {
+                d: "m9 18 6-6-6-6"
+            })
+        });
+        $[0] = t0;
+    } else t0 = $[0];
+    return t0;
+}
+function DoubleLeftIcon() {
+    const $ = c(1);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsxs("svg", {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+                /*#__PURE__*/ jsx("path", {
+                    d: "m11 17-5-5 5-5"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "m18 17-5-5 5-5"
+                })
+            ]
+        });
+        $[0] = t0;
+    } else t0 = $[0];
+    return t0;
+}
+function DoubleRightIcon() {
+    const $ = c(1);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsxs("svg", {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+                /*#__PURE__*/ jsx("path", {
+                    d: "m6 17 5-5-5-5"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "m13 17 5-5-5-5"
+                })
+            ]
+        });
+        $[0] = t0;
+    } else t0 = $[0];
+    return t0;
+}
+export { CalendarHeader };

package/dist/components/date-picker/calendar/month-grid.d.ts

@@ -0,0 +1,9 @@
+import type { Dayjs } from 'dayjs';
+interface MonthGridProps {
+    viewDate: Dayjs;
+    value?: Dayjs | null;
+    onSelect: (date: Dayjs) => void;
+    disabledDate?: (date: Dayjs) => boolean;
+}
+export declare function MonthGrid({ viewDate, value, onSelect, disabledDate }: MonthGridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/date-picker/calendar/month-grid.js

@@ -0,0 +1,61 @@
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { getMonths } from "./use-calendar.js";
+const MONTH_LABELS = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec'
+];
+function MonthGrid(t0) {
+    const $ = c(9);
+    const { viewDate, value, onSelect, disabledDate } = t0;
+    let t1;
+    let t2;
+    if ($[0] !== disabledDate || $[1] !== onSelect || $[2] !== value || $[3] !== viewDate) {
+        const months = getMonths(viewDate.year());
+        t1 = "";
+        t2 = months.map((m, i)=>{
+            const isSelected = value && value.month() === i && value.year() === viewDate.year();
+            const disabled = disabledDate?.(m) ?? false;
+            return /*#__PURE__*/ jsx("button", {
+                type: "button",
+                "data-tao-month-cell": "",
+                "data-tao-selected": isSelected || void 0,
+                "data-tao-disabled": disabled || void 0,
+                disabled: disabled,
+                onClick: ()=>onSelect(m),
+                children: MONTH_LABELS[i]
+            }, i);
+        });
+        $[0] = disabledDate;
+        $[1] = onSelect;
+        $[2] = value;
+        $[3] = viewDate;
+        $[4] = t1;
+        $[5] = t2;
+    } else {
+        t1 = $[4];
+        t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== t1 || $[7] !== t2) {
+        t3 = /*#__PURE__*/ jsx("div", {
+            "data-tao-month-grid": t1,
+            children: t2
+        });
+        $[6] = t1;
+        $[7] = t2;
+        $[8] = t3;
+    } else t3 = $[8];
+    return t3;
+}
+export { MonthGrid };

package/dist/components/date-picker/calendar/time-panel.d.ts

@@ -0,0 +1,12 @@
+import type { TimeConfig } from '../types';
+interface TimePanelProps {
+    hour: number;
+    minute: number;
+    second: number;
+    onChange: (h: number, m: number, s: number) => void;
+    config?: TimeConfig;
+    /** Increment to force scroll-to-selected even when the value hasn't changed */
+    scrollKey?: number;
+}
+export declare function TimePanel({ hour, minute, second, onChange, config, scrollKey }: TimePanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/date-picker/calendar/time-panel.js

@@ -0,0 +1,233 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef } from "react";
+function TimePanel(t0) {
+    const $ = c(37);
+    const { hour, minute, second, onChange, config, scrollKey } = t0;
+    const hourStep = config?.hourStep ?? 1;
+    const minuteStep = config?.minuteStep ?? 1;
+    const secondStep = config?.secondStep ?? 1;
+    let t1;
+    if ($[0] !== hourStep) {
+        t1 = Array.from({
+            length: Math.ceil(24 / hourStep)
+        }, (_, i)=>i * hourStep);
+        $[0] = hourStep;
+        $[1] = t1;
+    } else t1 = $[1];
+    const hours = t1;
+    let t2;
+    if ($[2] !== minuteStep) {
+        t2 = Array.from({
+            length: Math.ceil(60 / minuteStep)
+        }, (__0, i_0)=>i_0 * minuteStep);
+        $[2] = minuteStep;
+        $[3] = t2;
+    } else t2 = $[3];
+    const minutes = t2;
+    let t3;
+    if ($[4] !== secondStep) {
+        t3 = Array.from({
+            length: Math.ceil(60 / secondStep)
+        }, (__1, i_1)=>i_1 * secondStep);
+        $[4] = secondStep;
+        $[5] = t3;
+    } else t3 = $[5];
+    const seconds = t3;
+    let t4;
+    if ($[6] !== minute || $[7] !== onChange || $[8] !== second) {
+        t4 = (v)=>onChange(v, minute, second);
+        $[6] = minute;
+        $[7] = onChange;
+        $[8] = second;
+        $[9] = t4;
+    } else t4 = $[9];
+    let t5;
+    if ($[10] !== hour || $[11] !== hours || $[12] !== scrollKey || $[13] !== t4) {
+        t5 = /*#__PURE__*/ jsx(TimeColumn, {
+            values: hours,
+            selected: hour,
+            onSelect: t4,
+            label: "Hour",
+            scrollKey: scrollKey
+        });
+        $[10] = hour;
+        $[11] = hours;
+        $[12] = scrollKey;
+        $[13] = t4;
+        $[14] = t5;
+    } else t5 = $[14];
+    let t6;
+    if ($[15] !== hour || $[16] !== onChange || $[17] !== second) {
+        t6 = (v_0)=>onChange(hour, v_0, second);
+        $[15] = hour;
+        $[16] = onChange;
+        $[17] = second;
+        $[18] = t6;
+    } else t6 = $[18];
+    let t7;
+    if ($[19] !== minute || $[20] !== minutes || $[21] !== scrollKey || $[22] !== t6) {
+        t7 = /*#__PURE__*/ jsx(TimeColumn, {
+            values: minutes,
+            selected: minute,
+            onSelect: t6,
+            label: "Minute",
+            scrollKey: scrollKey
+        });
+        $[19] = minute;
+        $[20] = minutes;
+        $[21] = scrollKey;
+        $[22] = t6;
+        $[23] = t7;
+    } else t7 = $[23];
+    let t8;
+    if ($[24] !== hour || $[25] !== minute || $[26] !== onChange) {
+        t8 = (v_1)=>onChange(hour, minute, v_1);
+        $[24] = hour;
+        $[25] = minute;
+        $[26] = onChange;
+        $[27] = t8;
+    } else t8 = $[27];
+    let t9;
+    if ($[28] !== scrollKey || $[29] !== second || $[30] !== seconds || $[31] !== t8) {
+        t9 = /*#__PURE__*/ jsx(TimeColumn, {
+            values: seconds,
+            selected: second,
+            onSelect: t8,
+            label: "Second",
+            scrollKey: scrollKey
+        });
+        $[28] = scrollKey;
+        $[29] = second;
+        $[30] = seconds;
+        $[31] = t8;
+        $[32] = t9;
+    } else t9 = $[32];
+    let t10;
+    if ($[33] !== t5 || $[34] !== t7 || $[35] !== t9) {
+        t10 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-time-panel": "",
+            children: [
+                t5,
+                t7,
+                t9
+            ]
+        });
+        $[33] = t5;
+        $[34] = t7;
+        $[35] = t9;
+        $[36] = t10;
+    } else t10 = $[36];
+    return t10;
+}
+function TimeColumn(t0) {
+    const $ = c(21);
+    const { values, selected, onSelect, label, scrollKey } = t0;
+    const listRef = useRef(null);
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = ()=>{
+            const el = listRef.current;
+            if (!el) return;
+            const selectedEl = el.querySelector("[data-tao-selected]");
+            selectedEl?.scrollIntoView({
+                block: "center",
+                behavior: "smooth"
+            });
+        };
+        $[0] = t1;
+    } else t1 = $[0];
+    const scrollToSelected = t1;
+    const initRef = _temp;
+    let t2;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = ()=>{
+            scrollToSelected();
+        };
+        $[1] = t2;
+    } else t2 = $[1];
+    let t3;
+    if ($[2] !== scrollKey || $[3] !== selected) {
+        t3 = [
+            selected,
+            scrollKey,
+            scrollToSelected
+        ];
+        $[2] = scrollKey;
+        $[3] = selected;
+        $[4] = t3;
+    } else t3 = $[4];
+    useEffect(t2, t3);
+    let t4;
+    if ($[5] !== label) {
+        t4 = /*#__PURE__*/ jsx("div", {
+            "data-tao-time-column-title": "",
+            children: label
+        });
+        $[5] = label;
+        $[6] = t4;
+    } else t4 = $[6];
+    let t5;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = (el_1)=>{
+            listRef.current = el_1;
+            initRef(el_1);
+        };
+        $[7] = t5;
+    } else t5 = $[7];
+    let t6;
+    if ($[8] !== onSelect || $[9] !== selected || $[10] !== values) {
+        let t7;
+        if ($[12] !== onSelect || $[13] !== selected) {
+            t7 = (v)=>/*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    "data-tao-time-cell": "",
+                    "data-tao-selected": v === selected || void 0,
+                    onClick: ()=>onSelect(v),
+                    children: String(v).padStart(2, "0")
+                }, v);
+            $[12] = onSelect;
+            $[13] = selected;
+            $[14] = t7;
+        } else t7 = $[14];
+        t6 = values.map(t7);
+        $[8] = onSelect;
+        $[9] = selected;
+        $[10] = values;
+        $[11] = t6;
+    } else t6 = $[11];
+    let t7;
+    if ($[15] !== t6) {
+        t7 = /*#__PURE__*/ jsx("div", {
+            "data-tao-time-column-list": "",
+            ref: t5,
+            children: t6
+        });
+        $[15] = t6;
+        $[16] = t7;
+    } else t7 = $[16];
+    let t8;
+    if ($[17] !== label || $[18] !== t4 || $[19] !== t7) {
+        t8 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-time-column": "",
+            "aria-label": label,
+            children: [
+                t4,
+                t7
+            ]
+        });
+        $[17] = label;
+        $[18] = t4;
+        $[19] = t7;
+        $[20] = t8;
+    } else t8 = $[20];
+    return t8;
+}
+function _temp(el_0) {
+    if (!el_0) return;
+    const selectedEl_0 = el_0.querySelector("[data-tao-selected]");
+    selectedEl_0?.scrollIntoView({
+        block: "center"
+    });
+}
+export { TimePanel };

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

@@ -0,0 +1,15 @@
+import type { Dayjs } from 'dayjs';
+/**
+ * Generate 6×7 matrix of days for a calendar month view.
+ * Weeks start on Monday. Includes fill days from prev/next month.
+ */
+export declare function getCalendarWeeks(viewDate: Dayjs): Dayjs[][];
+/**
+ * Generate 12 months for a given year.
+ */
+export declare function getMonths(year: number): Dayjs[];
+/**
+ * Generate 12 years for the decade containing the given year.
+ * Decade: e.g. 2026 → 2020-2031 (decade start - 1 to decade end + 1).
+ */
+export declare function getYears(year: number): Dayjs[];

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

@@ -0,0 +1,24 @@
+import dayjs from "dayjs";
+function getCalendarWeeks(viewDate) {
+    const startOfMonth = viewDate.startOf('month');
+    const dayOfWeek = startOfMonth.day();
+    const offset = 0 === dayOfWeek ? 6 : dayOfWeek - 1;
+    const start = startOfMonth.subtract(offset, 'day');
+    return Array.from({
+        length: 6
+    }, (_, week)=>Array.from({
+            length: 7
+        }, (_, day)=>start.add(7 * week + day, 'day')));
+}
+function getMonths(year) {
+    return Array.from({
+        length: 12
+    }, (_, i)=>dayjs().year(year).month(i).startOf('month'));
+}
+function getYears(year) {
+    const decadeStart = 10 * Math.floor(year / 10);
+    return Array.from({
+        length: 12
+    }, (_, i)=>dayjs().year(decadeStart + i).startOf('year'));
+}
+export { getCalendarWeeks, getMonths, getYears };

package/dist/components/date-picker/calendar/year-grid.d.ts

@@ -0,0 +1,9 @@
+import type { Dayjs } from 'dayjs';
+interface YearGridProps {
+    viewDate: Dayjs;
+    value?: Dayjs | null;
+    onSelect: (date: Dayjs) => void;
+    disabledDate?: (date: Dayjs) => boolean;
+}
+export declare function YearGrid({ viewDate, value, onSelect, disabledDate }: YearGridProps): import("react/jsx-runtime").JSX.Element;
+export {};