@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/shared/calendar.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+export type CalendarMode = 'year' | 'quarter' | 'month' | 'week' | 'date' | 'datetime';
+export declare function startOfPeriod(date: Date, mode: CalendarMode): Date;
+export declare function dateTimeKey(date: Date, showSeconds?: boolean): string;
+export declare function periodKey(date: Date, mode: CalendarMode): string;
+export declare function withinPeriod(date: Date, mode: CalendarMode, min?: Date, max?: Date): boolean;
+export declare function shiftCalendar(date: Date, mode: CalendarMode, amount: number): Date;
+interface CalendarPanelProps {
+    value?: Date | null;
+    values?: readonly Date[];
+    onChange: (date: Date) => void;
+    picker?: CalendarMode;
+    minDate?: Date;
+    maxDate?: Date;
+    visibleDate?: Date;
+    onVisibleChange?: (date: Date) => void;
+    autoFocus?: boolean;
+    range?: readonly [Date | null, Date | null];
+    hoverDate?: Date | null;
+    onHover?: (date: Date) => void;
+    headerExtra?: ReactNode;
+    showOutsideDays?: boolean;
+    disabledDate?: (date: Date) => boolean;
+    cellRender?: (date: Date) => ReactNode;
+    showToday?: boolean;
+}
+export declare function CalendarPanel({ value, values, onChange, picker, minDate, maxDate, visibleDate, onVisibleChange, autoFocus, range, hoverDate, onHover, headerExtra, showOutsideDays, disabledDate, cellRender, showToday, }: CalendarPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar.d.ts.map

package/dist/esm/shared/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/shared/calendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAMxF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AACvF,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,QAS3D;AACD,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,UAAO,UAQzD;AACD,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,UAkBvD;AACD,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,IAAI,WAOlF;AACD,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,QAI3E;AACD,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAe,EACf,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,SAAS,EACT,KAAK,EACL,SAAS,EACT,OAAO,EACP,WAAW,EACX,eAAsB,EACtB,YAAY,EACZ,UAAU,EACV,SAAiB,GAClB,EAAE,kBAAkB,+BA0WpB"}

package/dist/esm/shared/calendar.js

@@ -0,0 +1,315 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { classes } from "./classes.js";
+import { calendarDays, dateKey, formatMonthLabel, sameDate, shiftMonth } from "./date.js";
+import { useContentTransition } from "./presence.js";
+function startOfPeriod(date, mode) {
+    const next = new Date(date);
+    next.setMilliseconds(0);
+    if ('datetime' !== mode) next.setHours(0, 0, 0, 0);
+    if ('year' === mode) next.setMonth(0, 1);
+    if ('month' === mode) next.setDate(1);
+    if ('quarter' === mode) next.setMonth(3 * Math.floor(next.getMonth() / 3), 1);
+    if ('week' === mode) next.setDate(next.getDate() - (next.getDay() + 6) % 7);
+    return next;
+}
+function dateTimeKey(date, showSeconds = true) {
+    return dateKey(date) + ' ' + [
+        date.getHours(),
+        date.getMinutes(),
+        ...showSeconds ? [
+            date.getSeconds()
+        ] : []
+    ].map((n)=>String(n).padStart(2, '0')).join(':');
+}
+function periodKey(date, mode) {
+    if ('year' === mode) return String(date.getFullYear());
+    if ('month' === mode) return dateKey(date).slice(0, 7);
+    if ('quarter' === mode) return `${date.getFullYear()}-Q${Math.floor(date.getMonth() / 3) + 1}`;
+    if ('datetime' === mode) return dateTimeKey(date);
+    if ('week' === mode) {
+        const monday = startOfPeriod(date, 'week');
+        const thursday = new Date(monday);
+        thursday.setDate(monday.getDate() + 3);
+        const first = startOfPeriod(new Date(thursday.getFullYear(), 0, 4), 'week');
+        const weeks = Math.round((Date.UTC(monday.getFullYear(), monday.getMonth(), monday.getDate()) - Date.UTC(first.getFullYear(), first.getMonth(), first.getDate())) / 604800000);
+        return `${thursday.getFullYear()}-W${String(weeks + 1).padStart(2, '0')}`;
+    }
+    return dateKey(date);
+}
+function withinPeriod(date, mode, min, max) {
+    const time = startOfPeriod(date, mode).getTime();
+    return Number.isFinite(time) && (!min || time >= startOfPeriod(min, mode).getTime()) && (!max || time <= startOfPeriod(max, mode).getTime());
+}
+function shiftCalendar(date, mode, amount) {
+    if ('year' === mode) return new Date(date.getFullYear() + 12 * amount, 0, 1);
+    if ('month' === mode || 'quarter' === mode) return new Date(date.getFullYear() + amount, 0, 1);
+    return shiftMonth(date, amount);
+}
+function CalendarPanel({ value, values, onChange, picker = 'date', minDate, maxDate, visibleDate, onVisibleChange, autoFocus, range, hoverDate, onHover, headerExtra, showOutsideDays = true, disabledDate, cellRender, showToday = false }) {
+    const { locale, messages, weekStartsOn, direction } = useLeafConfig();
+    const initial = value ?? minDate ?? new Date();
+    const [view, setView] = useState('year' === picker || 'month' === picker || 'quarter' === picker ? picker : 'date');
+    useEffect(()=>{
+        setView('year' === picker || 'month' === picker || 'quarter' === picker ? picker : 'date');
+    }, [
+        picker
+    ]);
+    const [internalVisible, setInternalVisible] = useState(initial);
+    const visible = visibleDate ?? internalVisible;
+    const [active, setActive] = useState(initial);
+    const root = useRef(null);
+    const grid = useRef(null);
+    const previousVisible = useRef(visible.getTime());
+    const transitionDirection = Math.sign(visible.getTime() - previousVisible.current) * ('rtl' === direction ? -1 : 1);
+    const period = 'year' === view ? Math.floor(visible.getFullYear() / 12) : 'date' === view ? `${visible.getFullYear()}-${visible.getMonth()}` : visible.getFullYear();
+    useContentTransition(root, view, 0, true);
+    useContentTransition(grid, `${view}:${period}`, transitionDirection);
+    useEffect(()=>{
+        previousVisible.current = visible.getTime();
+    }, [
+        visible
+    ]);
+    const focusRequested = useRef(false);
+    const valueTime = value?.getTime();
+    const controlledVisible = void 0 !== visibleDate;
+    useEffect(()=>{
+        if (void 0 !== valueTime) {
+            const next = new Date(valueTime);
+            setActive(next);
+            if (!controlledVisible) setInternalVisible(next);
+        }
+    }, [
+        valueTime,
+        controlledVisible
+    ]);
+    useEffect(()=>{
+        if (autoFocus) focusRequested.current = true;
+    }, [
+        autoFocus
+    ]);
+    useEffect(()=>{
+        if (focusRequested.current) {
+            root.current?.querySelector('[data-active="true"]:not(:disabled)')?.focus();
+            focusRequested.current = false;
+        }
+    }, [
+        active,
+        view,
+        visible,
+        autoFocus
+    ]);
+    const setVisible = (date)=>{
+        if (onVisibleChange) onVisibleChange(date);
+        else setInternalVisible(date);
+    };
+    const decade = 12 * Math.floor(visible.getFullYear() / 12);
+    const cells = 'year' === view ? Array.from({
+        length: 12
+    }, (_, i)=>new Date(decade + i, 0, 1)) : 'quarter' === view ? Array.from({
+        length: 4
+    }, (_, i)=>new Date(visible.getFullYear(), 3 * i, 1)) : 'month' === view ? Array.from({
+        length: 12
+    }, (_, i)=>new Date(visible.getFullYear(), i, 1)) : calendarDays(visible, weekStartsOn);
+    const cellMode = 'date' === view ? 'datetime' === picker ? 'date' : picker : view;
+    const selecting = view === picker || 'date' === view && ('week' === picker || 'datetime' === picker);
+    const focusableCells = cells.filter((date)=>(showOutsideDays || 'date' !== view || date.getMonth() === visible.getMonth()) && withinPeriod(date, cellMode, minDate, maxDate) && !(selecting && disabledDate?.(date)));
+    const activeCell = focusableCells.find((date)=>'date' === view ? sameDate(date, active) : startOfPeriod(date, cellMode).getTime() === startOfPeriod(active, cellMode).getTime()) ?? focusableCells[0];
+    const samePeriod = (date, candidate)=>Boolean(candidate && startOfPeriod(date, cellMode).getTime() === startOfPeriod(candidate, cellMode).getTime());
+    const choose = (date)=>{
+        if ('year' === view && 'year' !== picker) {
+            setVisible(date);
+            setActive(date);
+            setView('quarter' === picker ? 'quarter' : 'month');
+            focusRequested.current = true;
+        } else if ('month' === view && 'month' !== picker) {
+            setVisible(date);
+            setActive(date);
+            setView('date');
+            focusRequested.current = true;
+        } else onChange(startOfPeriod(date, 'datetime' === picker ? 'date' : picker));
+    };
+    const move = (date, event)=>{
+        const next = new Date(date);
+        const delta = event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft') ? -1 : event.key === ('rtl' === direction ? 'ArrowLeft' : 'ArrowRight') ? 1 : 'ArrowUp' === event.key ? 'date' === view ? -7 : -3 : 'ArrowDown' === event.key ? 'date' === view ? 7 : 3 : 0;
+        if (delta) if ('date' === view) next.setDate(next.getDate() + delta);
+        else if ('month' === view) next.setMonth(next.getMonth() + delta);
+        else if ('quarter' === view) next.setMonth(next.getMonth() + 3 * delta);
+        else next.setFullYear(next.getFullYear() + delta);
+        else if ('Home' === event.key || 'End' === event.key) if ('date' === view) next.setDate(next.getDate() + ('Home' === event.key ? -((next.getDay() - weekStartsOn + 7) % 7) : 6 - (next.getDay() - weekStartsOn + 7) % 7));
+        else next.setTime(('Home' === event.key ? cells[0] : cells.at(-1))?.getTime() ?? next.getTime());
+        else {
+            if ('PageUp' !== event.key && 'PageDown' !== event.key) return;
+            const sign = 'PageUp' === event.key ? -1 : 1;
+            if ('date' === view) {
+                const month = shiftMonth(next, sign);
+                next.setTime(new Date(month.getFullYear(), month.getMonth(), Math.min(next.getDate(), new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate())).getTime());
+            } else next.setFullYear(next.getFullYear() + sign * ('year' === view ? 12 : 1));
+        }
+        event.preventDefault();
+        if (minDate && next < startOfPeriod(minDate, cellMode)) next.setTime(startOfPeriod(minDate, cellMode).getTime());
+        if (maxDate && next > startOfPeriod(maxDate, cellMode)) next.setTime(startOfPeriod(maxDate, cellMode).getTime());
+        if (selecting && disabledDate?.(next)) {
+            const step = delta || ('End' === event.key || 'PageDown' === event.key ? 1 : -1);
+            let attempts = 0;
+            while(disabledDate(next) && attempts < 366){
+                if ('date' === view) next.setDate(next.getDate() + step);
+                else if ('month' === view) next.setMonth(next.getMonth() + step);
+                else if ('quarter' === view) next.setMonth(next.getMonth() + 3 * step);
+                else next.setFullYear(next.getFullYear() + step);
+                if (!withinPeriod(next, cellMode, minDate, maxDate)) return;
+                attempts += 1;
+            }
+            if (disabledDate(next)) return;
+        }
+        setVisible(next);
+        setActive(next);
+        focusRequested.current = true;
+        onHover?.(next);
+    };
+    const navigate = (direction)=>{
+        const next = 'date' === view ? shiftMonth(visible, direction) : new Date(visible.getFullYear() + direction * ('year' === view ? 12 : 1), visible.getMonth(), 1);
+        const nextActive = new Date(next);
+        if ('date' === view) nextActive.setDate(Math.min(active.getDate(), new Date(next.getFullYear(), next.getMonth() + 1, 0).getDate()));
+        setVisible(next);
+        setActive(nextActive);
+    };
+    const periodNames = [
+        range?.[0],
+        range?.[1] ?? (range?.[0] ? hoverDate : null)
+    ];
+    const times = periodNames.filter((date)=>Boolean(date)).map((date)=>startOfPeriod(date, cellMode).getTime());
+    const start = 2 === times.length ? Math.min(...times) : void 0;
+    const end = 2 === times.length ? Math.max(...times) : void 0;
+    return /*#__PURE__*/ jsxs("div", {
+        ref: root,
+        "data-view": view,
+        className: classes('leaf-calendar', range && 'leaf-calendar--range'),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "leaf-date-picker__header",
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "leaf-date-picker__nav",
+                        "aria-label": 'date' === view ? messages.calendar.previousMonth : 'month' === view ? messages.calendar.previousYear : messages.calendar.previousYears,
+                        onClick: ()=>navigate(-1),
+                        children: /*#__PURE__*/ jsx(ChevronLeft, {
+                            size: 16,
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-calendar__headings",
+                        "aria-live": "polite",
+                        children: [
+                            'date' === view && /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: "leaf-calendar__heading",
+                                "aria-label": messages.calendar.month,
+                                onClick: ()=>setView('month'),
+                                children: new Intl.DateTimeFormat(locale, {
+                                    month: 'short'
+                                }).format(visible)
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: "leaf-calendar__heading",
+                                "aria-label": 'year' === view ? void 0 : messages.calendar.year,
+                                disabled: 'year' === view,
+                                onClick: ()=>setView('year'),
+                                children: 'year' === view ? `${decade} – ${decade + 11}` : visible.getFullYear()
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "leaf-date-picker__nav",
+                        "aria-label": 'date' === view ? messages.calendar.nextMonth : 'month' === view ? messages.calendar.nextYear : messages.calendar.nextYears,
+                        onClick: ()=>navigate(1),
+                        children: /*#__PURE__*/ jsx(ChevronRight, {
+                            size: 16,
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    showToday && /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "leaf-calendar__today",
+                        onClick: ()=>{
+                            const today = new Date();
+                            setVisible(today);
+                            setActive(today);
+                        },
+                        children: messages.calendar.today
+                    }),
+                    null != headerExtra && /*#__PURE__*/ jsx("span", {
+                        className: "leaf-calendar__extra",
+                        children: headerExtra
+                    })
+                ]
+            }),
+            'date' === view && /*#__PURE__*/ jsx("div", {
+                className: "leaf-calendar__weekdays",
+                children: Array.from({
+                    length: 7
+                }, (_, index)=>messages.calendar.weekdays[(index + weekStartsOn + 6) % 7] ?? String(index)).map((day)=>/*#__PURE__*/ jsx("span", {
+                        children: day
+                    }, day))
+            }),
+            /*#__PURE__*/ jsx("fieldset", {
+                ref: grid,
+                className: classes('leaf-calendar__cells', 'date' !== view && 'leaf-calendar__cells--coarse'),
+                "aria-label": 'date' === view ? formatMonthLabel(visible, locale) : String(visible.getFullYear()),
+                children: cells.map((date)=>{
+                    const outside = 'date' === view && date.getMonth() !== visible.getMonth();
+                    if (outside && !showOutsideDays) return /*#__PURE__*/ jsx("span", {
+                        className: "leaf-calendar__cell"
+                    }, dateKey(date));
+                    const time = startOfPeriod(date, cellMode).getTime();
+                    const checked = range ? range.some((endpoint)=>samePeriod(date, endpoint)) : values ? values.some((value)=>samePeriod(date, value)) : samePeriod(date, value);
+                    const hovered = Boolean(range?.[0] && !range[1] && samePeriod(date, hoverDate));
+                    const isActive = Boolean(activeCell && ('date' === view ? sameDate(date, activeCell) : samePeriod(date, activeCell)));
+                    const between = void 0 !== start && void 0 !== end && time >= start && time <= end;
+                    return /*#__PURE__*/ jsx("span", {
+                        className: classes('leaf-calendar__cell', between && start !== end && 'leaf-calendar__cell--range', between && time === start && 'leaf-calendar__cell--start', between && time === end && 'leaf-calendar__cell--end'),
+                        children: /*#__PURE__*/ jsxs("button", {
+                            type: "button",
+                            "data-active": isActive,
+                            "data-day": dateKey(date),
+                            "data-range-hover": hovered || void 0,
+                            tabIndex: isActive ? 0 : -1,
+                            "aria-label": 'date' === view ? dateKey(date) : 'month' === view ? dateKey(date).slice(0, 7) : 'quarter' === view ? periodKey(date, 'quarter') : String(date.getFullYear()),
+                            "aria-pressed": checked,
+                            "aria-current": sameDate(date, new Date()) ? 'date' : void 0,
+                            disabled: !withinPeriod(date, cellMode, minDate, maxDate) || Boolean(selecting && disabledDate?.(date)),
+                            className: classes('leaf-date-picker__day', outside && 'leaf-date-picker__day--outside', (checked || hovered) && 'leaf-date-picker__day--selected'),
+                            onMouseEnter: ()=>{
+                                if (withinPeriod(date, cellMode, minDate, maxDate) && !(selecting && disabledDate?.(date))) onHover?.(date);
+                            },
+                            onClick: ()=>choose(date),
+                            onKeyDown: (event)=>move(date, event),
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "leaf-calendar__cell-label",
+                                    children: 'date' === view ? date.getDate() : 'month' === view ? new Intl.DateTimeFormat(locale, {
+                                        month: 'short'
+                                    }).format(date) : 'quarter' === view ? `Q${Math.floor(date.getMonth() / 3) + 1}` : date.getFullYear()
+                                }),
+                                cellRender && selecting && /*#__PURE__*/ jsx("span", {
+                                    className: "leaf-calendar__cell-content",
+                                    children: cellRender(date)
+                                })
+                            ]
+                        })
+                    }, dateKey(date));
+                })
+            })
+        ]
+    });
+}
+export { CalendarPanel, dateTimeKey, periodKey, shiftCalendar, startOfPeriod, withinPeriod };
+
+//# sourceMappingURL=calendar.js.map

package/dist/esm/shared/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/calendar.js","sources":["../../../src/shared/calendar.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { type KeyboardEvent, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from './classes';\nimport { calendarDays, dateKey, formatMonthLabel, sameDate, shiftMonth } from './date';\nimport { useContentTransition } from './presence';\n\nexport type CalendarMode = 'year' | 'quarter' | 'month' | 'week' | 'date' | 'datetime';\nexport function startOfPeriod(date: Date, mode: CalendarMode) {\n  const next = new Date(date);\n  next.setMilliseconds(0);\n  if (mode !== 'datetime') next.setHours(0, 0, 0, 0);\n  if (mode === 'year') next.setMonth(0, 1);\n  if (mode === 'month') next.setDate(1);\n  if (mode === 'quarter') next.setMonth(Math.floor(next.getMonth() / 3) * 3, 1);\n  if (mode === 'week') next.setDate(next.getDate() - ((next.getDay() + 6) % 7));\n  return next;\n}\nexport function dateTimeKey(date: Date, showSeconds = true) {\n  return (\n    dateKey(date) +\n    ' ' +\n    [date.getHours(), date.getMinutes(), ...(showSeconds ? [date.getSeconds()] : [])]\n      .map((n) => String(n).padStart(2, '0'))\n      .join(':')\n  );\n}\nexport function periodKey(date: Date, mode: CalendarMode) {\n  if (mode === 'year') return String(date.getFullYear());\n  if (mode === 'month') return dateKey(date).slice(0, 7);\n  if (mode === 'quarter') return `${date.getFullYear()}-Q${Math.floor(date.getMonth() / 3) + 1}`;\n  if (mode === 'datetime') return dateTimeKey(date);\n  if (mode === 'week') {\n    const monday = startOfPeriod(date, 'week');\n    const thursday = new Date(monday);\n    thursday.setDate(monday.getDate() + 3);\n    const first = startOfPeriod(new Date(thursday.getFullYear(), 0, 4), 'week');\n    const weeks = Math.round(\n      (Date.UTC(monday.getFullYear(), monday.getMonth(), monday.getDate()) -\n        Date.UTC(first.getFullYear(), first.getMonth(), first.getDate())) /\n        604800000,\n    );\n    return `${thursday.getFullYear()}-W${String(weeks + 1).padStart(2, '0')}`;\n  }\n  return dateKey(date);\n}\nexport function withinPeriod(date: Date, mode: CalendarMode, min?: Date, max?: Date) {\n  const time = startOfPeriod(date, mode).getTime();\n  return (\n    Number.isFinite(time) &&\n    (!min || time >= startOfPeriod(min, mode).getTime()) &&\n    (!max || time <= startOfPeriod(max, mode).getTime())\n  );\n}\nexport function shiftCalendar(date: Date, mode: CalendarMode, amount: number) {\n  if (mode === 'year') return new Date(date.getFullYear() + amount * 12, 0, 1);\n  if (mode === 'month' || mode === 'quarter') return new Date(date.getFullYear() + amount, 0, 1);\n  return shiftMonth(date, amount);\n}\ninterface CalendarPanelProps {\n  value?: Date | null;\n  values?: readonly Date[];\n  onChange: (date: Date) => void;\n  picker?: CalendarMode;\n  minDate?: Date;\n  maxDate?: Date;\n  visibleDate?: Date;\n  onVisibleChange?: (date: Date) => void;\n  autoFocus?: boolean;\n  range?: readonly [Date | null, Date | null];\n  hoverDate?: Date | null;\n  onHover?: (date: Date) => void;\n  headerExtra?: ReactNode;\n  showOutsideDays?: boolean;\n  disabledDate?: (date: Date) => boolean;\n  cellRender?: (date: Date) => ReactNode;\n  showToday?: boolean;\n}\nexport function CalendarPanel({\n  value,\n  values,\n  onChange,\n  picker = 'date',\n  minDate,\n  maxDate,\n  visibleDate,\n  onVisibleChange,\n  autoFocus,\n  range,\n  hoverDate,\n  onHover,\n  headerExtra,\n  showOutsideDays = true,\n  disabledDate,\n  cellRender,\n  showToday = false,\n}: CalendarPanelProps) {\n  const { locale, messages, weekStartsOn, direction } = useLeafConfig();\n  const initial = value ?? minDate ?? new Date();\n  const [view, setView] = useState<'year' | 'quarter' | 'month' | 'date'>(\n    picker === 'year' || picker === 'month' || picker === 'quarter' ? picker : 'date',\n  );\n  useEffect(() => {\n    setView(picker === 'year' || picker === 'month' || picker === 'quarter' ? picker : 'date');\n  }, [picker]);\n  const [internalVisible, setInternalVisible] = useState(initial);\n  const visible = visibleDate ?? internalVisible;\n  const [active, setActive] = useState(initial);\n  const root = useRef<HTMLDivElement>(null);\n  const grid = useRef<HTMLFieldSetElement>(null);\n  const previousVisible = useRef(visible.getTime());\n  const transitionDirection =\n    Math.sign(visible.getTime() - previousVisible.current) * (direction === 'rtl' ? -1 : 1);\n  const period =\n    view === 'year'\n      ? Math.floor(visible.getFullYear() / 12)\n      : view === 'date'\n        ? `${visible.getFullYear()}-${visible.getMonth()}`\n        : visible.getFullYear();\n  useContentTransition(root, view, 0, true);\n  useContentTransition(grid, `${view}:${period}`, transitionDirection);\n  useEffect(() => {\n    previousVisible.current = visible.getTime();\n  }, [visible]);\n  const focusRequested = useRef(false);\n  const valueTime = value?.getTime();\n  const controlledVisible = visibleDate !== undefined;\n  useEffect(() => {\n    if (valueTime !== undefined) {\n      const next = new Date(valueTime);\n      setActive(next);\n      if (!controlledVisible) setInternalVisible(next);\n    }\n  }, [valueTime, controlledVisible]);\n  useEffect(() => {\n    if (autoFocus) focusRequested.current = true;\n  }, [autoFocus]);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Only keyboard navigation requests focus, not hover or selection changes.\n  useEffect(() => {\n    if (focusRequested.current) {\n      root.current\n        ?.querySelector<HTMLButtonElement>('[data-active=\"true\"]:not(:disabled)')\n        ?.focus();\n      focusRequested.current = false;\n    }\n  }, [active, view, visible, autoFocus]);\n  const setVisible = (date: Date) => {\n    if (onVisibleChange) onVisibleChange(date);\n    else setInternalVisible(date);\n  };\n  const decade = Math.floor(visible.getFullYear() / 12) * 12;\n  const cells =\n    view === 'year'\n      ? Array.from({ length: 12 }, (_, i) => new Date(decade + i, 0, 1))\n      : view === 'quarter'\n        ? Array.from({ length: 4 }, (_, i) => new Date(visible.getFullYear(), i * 3, 1))\n        : view === 'month'\n          ? Array.from({ length: 12 }, (_, i) => new Date(visible.getFullYear(), i, 1))\n          : calendarDays(visible, weekStartsOn);\n  const cellMode = view === 'date' ? (picker === 'datetime' ? 'date' : picker) : view;\n  const selecting =\n    view === picker || (view === 'date' && (picker === 'week' || picker === 'datetime'));\n  const focusableCells = cells.filter(\n    (date) =>\n      (showOutsideDays || view !== 'date' || date.getMonth() === visible.getMonth()) &&\n      withinPeriod(date, cellMode, minDate, maxDate) &&\n      !(selecting && disabledDate?.(date)),\n  );\n  const activeCell =\n    focusableCells.find((date) =>\n      view === 'date'\n        ? sameDate(date, active)\n        : startOfPeriod(date, cellMode).getTime() === startOfPeriod(active, cellMode).getTime(),\n    ) ?? focusableCells[0];\n  const samePeriod = (date: Date, candidate?: Date | null) =>\n    Boolean(\n      candidate &&\n        startOfPeriod(date, cellMode).getTime() === startOfPeriod(candidate, cellMode).getTime(),\n    );\n  const choose = (date: Date) => {\n    if (view === 'year' && picker !== 'year') {\n      setVisible(date);\n      setActive(date);\n      setView(picker === 'quarter' ? 'quarter' : 'month');\n      focusRequested.current = true;\n    } else if (view === 'month' && picker !== 'month') {\n      setVisible(date);\n      setActive(date);\n      setView('date');\n      focusRequested.current = true;\n    } else onChange(startOfPeriod(date, picker === 'datetime' ? 'date' : picker));\n  };\n  const move = (date: Date, event: KeyboardEvent<HTMLButtonElement>) => {\n    const next = new Date(date);\n    const delta =\n      event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')\n        ? -1\n        : event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight')\n          ? 1\n          : event.key === 'ArrowUp'\n            ? view === 'date'\n              ? -7\n              : -3\n            : event.key === 'ArrowDown'\n              ? view === 'date'\n                ? 7\n                : 3\n              : 0;\n    if (delta) {\n      if (view === 'date') next.setDate(next.getDate() + delta);\n      else if (view === 'month') next.setMonth(next.getMonth() + delta);\n      else if (view === 'quarter') next.setMonth(next.getMonth() + delta * 3);\n      else next.setFullYear(next.getFullYear() + delta);\n    } else if (event.key === 'Home' || event.key === 'End') {\n      if (view === 'date')\n        next.setDate(\n          next.getDate() +\n            (event.key === 'Home'\n              ? -((next.getDay() - weekStartsOn + 7) % 7)\n              : 6 - ((next.getDay() - weekStartsOn + 7) % 7)),\n        );\n      else\n        next.setTime((event.key === 'Home' ? cells[0] : cells.at(-1))?.getTime() ?? next.getTime());\n    } else if (event.key === 'PageUp' || event.key === 'PageDown') {\n      const sign = event.key === 'PageUp' ? -1 : 1;\n      if (view === 'date') {\n        const month = shiftMonth(next, sign);\n        next.setTime(\n          new Date(\n            month.getFullYear(),\n            month.getMonth(),\n            Math.min(\n              next.getDate(),\n              new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate(),\n            ),\n          ).getTime(),\n        );\n      } else next.setFullYear(next.getFullYear() + sign * (view === 'year' ? 12 : 1));\n    } else return;\n    event.preventDefault();\n    if (minDate && next < startOfPeriod(minDate, cellMode))\n      next.setTime(startOfPeriod(minDate, cellMode).getTime());\n    if (maxDate && next > startOfPeriod(maxDate, cellMode))\n      next.setTime(startOfPeriod(maxDate, cellMode).getTime());\n    if (selecting && disabledDate?.(next)) {\n      const step = delta || (event.key === 'End' || event.key === 'PageDown' ? 1 : -1);\n      let attempts = 0;\n      while (disabledDate(next) && attempts < 366) {\n        if (view === 'date') next.setDate(next.getDate() + step);\n        else if (view === 'month') next.setMonth(next.getMonth() + step);\n        else if (view === 'quarter') next.setMonth(next.getMonth() + step * 3);\n        else next.setFullYear(next.getFullYear() + step);\n        if (!withinPeriod(next, cellMode, minDate, maxDate)) return;\n        attempts += 1;\n      }\n      if (disabledDate(next)) return;\n    }\n    setVisible(next);\n    setActive(next);\n    focusRequested.current = true;\n    onHover?.(next);\n  };\n  const navigate = (direction: number) => {\n    const next =\n      view === 'date'\n        ? shiftMonth(visible, direction)\n        : new Date(\n            visible.getFullYear() + direction * (view === 'year' ? 12 : 1),\n            visible.getMonth(),\n            1,\n          );\n    const nextActive = new Date(next);\n    if (view === 'date')\n      nextActive.setDate(\n        Math.min(active.getDate(), new Date(next.getFullYear(), next.getMonth() + 1, 0).getDate()),\n      );\n    setVisible(next);\n    setActive(nextActive);\n  };\n  const periodNames = [range?.[0], range?.[1] ?? (range?.[0] ? hoverDate : null)] as const;\n  const times = periodNames\n    .filter((date): date is Date => Boolean(date))\n    .map((date) => startOfPeriod(date, cellMode).getTime());\n  const start = times.length === 2 ? Math.min(...times) : undefined;\n  const end = times.length === 2 ? Math.max(...times) : undefined;\n  return (\n    <div\n      ref={root}\n      data-view={view}\n      className={classes('leaf-calendar', range && 'leaf-calendar--range')}\n    >\n      <div className=\"leaf-date-picker__header\">\n        <button\n          type=\"button\"\n          className=\"leaf-date-picker__nav\"\n          aria-label={\n            view === 'date'\n              ? messages.calendar.previousMonth\n              : view === 'month'\n                ? messages.calendar.previousYear\n                : messages.calendar.previousYears\n          }\n          onClick={() => navigate(-1)}\n        >\n          <ChevronLeft size={16} aria-hidden=\"true\" />\n        </button>\n        <div className=\"leaf-calendar__headings\" aria-live=\"polite\">\n          {view === 'date' && (\n            <button\n              type=\"button\"\n              className=\"leaf-calendar__heading\"\n              aria-label={messages.calendar.month}\n              onClick={() => setView('month')}\n            >\n              {new Intl.DateTimeFormat(locale, { month: 'short' }).format(visible)}\n            </button>\n          )}\n          <button\n            type=\"button\"\n            className=\"leaf-calendar__heading\"\n            aria-label={view === 'year' ? undefined : messages.calendar.year}\n            disabled={view === 'year'}\n            onClick={() => setView('year')}\n          >\n            {view === 'year' ? `${decade} – ${decade + 11}` : visible.getFullYear()}\n          </button>\n        </div>\n        <button\n          type=\"button\"\n          className=\"leaf-date-picker__nav\"\n          aria-label={\n            view === 'date'\n              ? messages.calendar.nextMonth\n              : view === 'month'\n                ? messages.calendar.nextYear\n                : messages.calendar.nextYears\n          }\n          onClick={() => navigate(1)}\n        >\n          <ChevronRight size={16} aria-hidden=\"true\" />\n        </button>\n        {showToday && (\n          <button\n            type=\"button\"\n            className=\"leaf-calendar__today\"\n            onClick={() => {\n              const today = new Date();\n              setVisible(today);\n              setActive(today);\n            }}\n          >\n            {messages.calendar.today}\n          </button>\n        )}\n        {headerExtra != null && <span className=\"leaf-calendar__extra\">{headerExtra}</span>}\n      </div>\n      {view === 'date' && (\n        <div className=\"leaf-calendar__weekdays\">\n          {Array.from(\n            { length: 7 },\n            (_, index) =>\n              messages.calendar.weekdays[(index + weekStartsOn + 6) % 7] ?? String(index),\n          ).map((day) => (\n            <span key={day}>{day}</span>\n          ))}\n        </div>\n      )}\n      <fieldset\n        ref={grid}\n        className={classes(\n          'leaf-calendar__cells',\n          view !== 'date' && 'leaf-calendar__cells--coarse',\n        )}\n        aria-label={\n          view === 'date' ? formatMonthLabel(visible, locale) : String(visible.getFullYear())\n        }\n      >\n        {cells.map((date) => {\n          const outside = view === 'date' && date.getMonth() !== visible.getMonth();\n          if (outside && !showOutsideDays)\n            return <span key={dateKey(date)} className=\"leaf-calendar__cell\" />;\n          const time = startOfPeriod(date, cellMode).getTime();\n          const checked = range\n            ? range.some((endpoint) => samePeriod(date, endpoint))\n            : values\n              ? values.some((value) => samePeriod(date, value))\n              : samePeriod(date, value);\n          const hovered = Boolean(range?.[0] && !range[1] && samePeriod(date, hoverDate));\n          const isActive = Boolean(\n            activeCell &&\n              (view === 'date' ? sameDate(date, activeCell) : samePeriod(date, activeCell)),\n          );\n          const between = start !== undefined && end !== undefined && time >= start && time <= end;\n          return (\n            <span\n              key={dateKey(date)}\n              className={classes(\n                'leaf-calendar__cell',\n                between && start !== end && 'leaf-calendar__cell--range',\n                between && time === start && 'leaf-calendar__cell--start',\n                between && time === end && 'leaf-calendar__cell--end',\n              )}\n            >\n              <button\n                type=\"button\"\n                data-active={isActive}\n                data-day={dateKey(date)}\n                data-range-hover={hovered || undefined}\n                tabIndex={isActive ? 0 : -1}\n                aria-label={\n                  view === 'date'\n                    ? dateKey(date)\n                    : view === 'month'\n                      ? dateKey(date).slice(0, 7)\n                      : view === 'quarter'\n                        ? periodKey(date, 'quarter')\n                        : String(date.getFullYear())\n                }\n                aria-pressed={checked}\n                aria-current={sameDate(date, new Date()) ? 'date' : undefined}\n                disabled={\n                  !withinPeriod(date, cellMode, minDate, maxDate) ||\n                  Boolean(selecting && disabledDate?.(date))\n                }\n                className={classes(\n                  'leaf-date-picker__day',\n                  outside && 'leaf-date-picker__day--outside',\n                  (checked || hovered) && 'leaf-date-picker__day--selected',\n                )}\n                onMouseEnter={() => {\n                  if (\n                    withinPeriod(date, cellMode, minDate, maxDate) &&\n                    !(selecting && disabledDate?.(date))\n                  )\n                    onHover?.(date);\n                }}\n                onClick={() => choose(date)}\n                onKeyDown={(event) => move(date, event)}\n              >\n                <span className=\"leaf-calendar__cell-label\">\n                  {view === 'date'\n                    ? date.getDate()\n                    : view === 'month'\n                      ? new Intl.DateTimeFormat(locale, { month: 'short' }).format(date)\n                      : view === 'quarter'\n                        ? `Q${Math.floor(date.getMonth() / 3) + 1}`\n                        : date.getFullYear()}\n                </span>\n                {cellRender && selecting && (\n                  <span className=\"leaf-calendar__cell-content\">{cellRender(date)}</span>\n                )}\n              </button>\n            </span>\n          );\n        })}\n      </fieldset>\n    </div>\n  );\n}\n"],"names":["startOfPeriod","date","mode","next","Date","Math","dateTimeKey","showSeconds","dateKey","n","String","periodKey","monday","thursday","first","weeks","withinPeriod","min","max","time","Number","shiftCalendar","amount","shiftMonth","CalendarPanel","value","values","onChange","picker","minDate","maxDate","visibleDate","onVisibleChange","autoFocus","range","hoverDate","onHover","headerExtra","showOutsideDays","disabledDate","cellRender","showToday","locale","messages","weekStartsOn","direction","useLeafConfig","initial","view","setView","useState","useEffect","internalVisible","setInternalVisible","visible","active","setActive","root","useRef","grid","previousVisible","transitionDirection","period","useContentTransition","focusRequested","valueTime","controlledVisible","undefined","setVisible","decade","cells","Array","_","i","calendarDays","cellMode","selecting","focusableCells","activeCell","sameDate","samePeriod","candidate","Boolean","choose","move","event","delta","sign","month","step","attempts","navigate","nextActive","periodNames","times","start","end","classes","ChevronLeft","Intl","ChevronRight","today","index","day","formatMonthLabel","outside","checked","endpoint","hovered","isActive","between"],"mappings":"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"}

package/dist/esm/shared/classes.d.ts

@@ -0,0 +1,2 @@
+export declare function classes(...values: (string | false | null | undefined)[]): string;
+//# sourceMappingURL=classes.d.ts.map

package/dist/esm/shared/classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../../src/shared/classes.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,GAAG,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,UAEvE"}

package/dist/esm/shared/classes.js

@@ -0,0 +1,7 @@
+"use client";
+function classes(...values) {
+    return values.filter(Boolean).join(' ');
+}
+export { classes };
+
+//# sourceMappingURL=classes.js.map

package/dist/esm/shared/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/classes.js","sources":["../../../src/shared/classes.ts"],"sourcesContent":["export function classes(...values: (string | false | null | undefined)[]) {\n  return values.filter(Boolean).join(' ');\n}\n"],"names":["classes","values","Boolean"],"mappings":";AAAO,SAASA,QAAQ,GAAGC,MAA6C;IACtE,OAAOA,OAAO,MAAM,CAACC,SAAS,IAAI,CAAC;AACrC"}

package/dist/esm/shared/clear-button.d.ts

@@ -0,0 +1,6 @@
+export declare function ClearButton({ label, onClear, beforeArrow, }: {
+    label: string;
+    onClear: () => void;
+    beforeArrow?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=clear-button.d.ts.map

package/dist/esm/shared/clear-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-button.d.ts","sourceRoot":"","sources":["../../../src/shared/clear-button.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,WAAmB,GACpB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,+BAWA"}

package/dist/esm/shared/clear-button.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { classes } from "./classes.js";
+function ClearButton({ label, onClear, beforeArrow = false }) {
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        "aria-label": label,
+        className: classes('leaf-picker-clear', beforeArrow && 'leaf-picker-clear--before-arrow'),
+        onClick: onClear,
+        children: /*#__PURE__*/ jsx(X, {
+            size: 13,
+            "aria-hidden": "true"
+        })
+    });
+}
+export { ClearButton };
+
+//# sourceMappingURL=clear-button.js.map

package/dist/esm/shared/clear-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/clear-button.js","sources":["../../../src/shared/clear-button.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { classes } from './classes';\n\nexport function ClearButton({\n  label,\n  onClear,\n  beforeArrow = false,\n}: {\n  label: string;\n  onClear: () => void;\n  beforeArrow?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      className={classes('leaf-picker-clear', beforeArrow && 'leaf-picker-clear--before-arrow')}\n      onClick={onClear}\n    >\n      <X size={13} aria-hidden=\"true\" />\n    </button>\n  );\n}\n"],"names":["ClearButton","label","onClear","beforeArrow","classes","X"],"mappings":";;;;AAGO,SAASA,YAAY,EAC1BC,KAAK,EACLC,OAAO,EACPC,cAAc,KAAK,EAKpB;IACC,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,cAAYF;QACZ,WAAWG,QAAQ,qBAAqBD,eAAe;QACvD,SAASD;kBAET,kBAACG,GAACA;YAAC,MAAM;YAAI,eAAY;;;AAG/B"}

package/dist/esm/shared/date-format.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type DateFormat = string | ((date: Date) => string);
+export interface DatePreset<T = Date> {
+    key?: string;
+    label: ReactNode;
+    value: T | (() => T);
+}
+export declare function formatPickerDate(date: Date, format: DateFormat | undefined, fallback: (date: Date) => string): string;
+export declare function parsePickerDate(text: string, format: DateFormat | undefined, fallback: (text: string) => Date | null, parse?: (text: string) => Date | null): Date | null;
+//# sourceMappingURL=date-format.d.ts.map

package/dist/esm/shared/date-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-format.d.ts","sourceRoot":"","sources":["../../../src/shared/date-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;AAC3D,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,IAAI;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;CACtB;AACD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,UAgBjC;AACD,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,EACvC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,eAoCtC"}

package/dist/esm/shared/date-format.js

@@ -0,0 +1,43 @@
+"use client";
+function formatPickerDate(date, format, fallback) {
+    if (!format) return fallback(date);
+    if ('function' == typeof format) return format(date);
+    const values = {
+        YYYY: String(date.getFullYear()).padStart(4, '0'),
+        MM: String(date.getMonth() + 1).padStart(2, '0'),
+        DD: String(date.getDate()).padStart(2, '0'),
+        HH: String(date.getHours()).padStart(2, '0'),
+        mm: String(date.getMinutes()).padStart(2, '0'),
+        ss: String(date.getSeconds()).padStart(2, '0'),
+        Q: String(Math.floor(date.getMonth() / 3) + 1)
+    };
+    return format.replace(/\[[^\]]*\]|YYYY|MM|DD|HH|mm|ss|Q/g, (token)=>token.startsWith('[') ? token.slice(1, -1) : values[token] ?? token);
+}
+function parsePickerDate(text, format, fallback, parse) {
+    if (parse) return parse(text);
+    if (!format || 'function' == typeof format) return fallback(text);
+    const tokens = [];
+    const parts = format.match(/\[[^\]]*\]|YYYY|MM|DD|HH|mm|ss|Q|./g) ?? [];
+    const pattern = parts.map((part)=>{
+        if (/^(YYYY|MM|DD|HH|mm|ss|Q)$/.test(part)) {
+            tokens.push(part);
+            return 'YYYY' === part ? '(\\d{4})' : '(\\d{1,2})';
+        }
+        const literal = part.startsWith('[') ? part.slice(1, -1) : part;
+        return literal.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    }).join('');
+    const match = text.trim().match(new RegExp(`^${pattern}$`));
+    if (!match) return null;
+    const values = new Map(tokens.map((token, index)=>[
+            token,
+            Number(match[index + 1])
+        ]));
+    const year = values.get('YYYY') ?? new Date().getFullYear(), month = values.has('Q') ? ((values.get('Q') ?? 1) - 1) * 3 : (values.get('MM') ?? 1) - 1, day = values.get('DD') ?? 1, hour = values.get('HH') ?? 0, minute = values.get('mm') ?? 0, second = values.get('ss') ?? 0;
+    const date = new Date(0);
+    date.setFullYear(year, month, day);
+    date.setHours(hour, minute, second, 0);
+    return date.getFullYear() === year && date.getMonth() === month && date.getDate() === day && date.getHours() === hour && date.getMinutes() === minute && date.getSeconds() === second ? date : null;
+}
+export { formatPickerDate, parsePickerDate };
+
+//# sourceMappingURL=date-format.js.map

package/dist/esm/shared/date-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/date-format.js","sources":["../../../src/shared/date-format.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nexport type DateFormat = string | ((date: Date) => string);\nexport interface DatePreset<T = Date> {\n  key?: string;\n  label: ReactNode;\n  value: T | (() => T);\n}\nexport function formatPickerDate(\n  date: Date,\n  format: DateFormat | undefined,\n  fallback: (date: Date) => string,\n) {\n  if (!format) return fallback(date);\n  if (typeof format === 'function') return format(date);\n  const values: Record<string, string> = {\n    YYYY: String(date.getFullYear()).padStart(4, '0'),\n    MM: String(date.getMonth() + 1).padStart(2, '0'),\n    DD: String(date.getDate()).padStart(2, '0'),\n    HH: String(date.getHours()).padStart(2, '0'),\n    mm: String(date.getMinutes()).padStart(2, '0'),\n    ss: String(date.getSeconds()).padStart(2, '0'),\n    Q: String(Math.floor(date.getMonth() / 3) + 1),\n  };\n  return format.replace(/\\[[^\\]]*\\]|YYYY|MM|DD|HH|mm|ss|Q/g, (token) =>\n    token.startsWith('[') ? token.slice(1, -1) : (values[token] ?? token),\n  );\n}\nexport function parsePickerDate(\n  text: string,\n  format: DateFormat | undefined,\n  fallback: (text: string) => Date | null,\n  parse?: (text: string) => Date | null,\n) {\n  if (parse) return parse(text);\n  if (!format || typeof format === 'function') return fallback(text);\n  const tokens: string[] = [];\n  const parts = format.match(/\\[[^\\]]*\\]|YYYY|MM|DD|HH|mm|ss|Q|./g) ?? [];\n  const pattern = parts\n    .map((part) => {\n      if (/^(YYYY|MM|DD|HH|mm|ss|Q)$/.test(part)) {\n        tokens.push(part);\n        return part === 'YYYY' ? '(\\\\d{4})' : '(\\\\d{1,2})';\n      }\n      const literal = part.startsWith('[') ? part.slice(1, -1) : part;\n      return literal.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n    })\n    .join('');\n  const match = text.trim().match(new RegExp(`^${pattern}$`));\n  if (!match) return null;\n  const values = new Map(tokens.map((token, index) => [token, Number(match[index + 1])]));\n  const year = values.get('YYYY') ?? new Date().getFullYear(),\n    month = values.has('Q') ? ((values.get('Q') ?? 1) - 1) * 3 : (values.get('MM') ?? 1) - 1,\n    day = values.get('DD') ?? 1,\n    hour = values.get('HH') ?? 0,\n    minute = values.get('mm') ?? 0,\n    second = values.get('ss') ?? 0;\n  const date = new Date(0);\n  date.setFullYear(year, month, day);\n  date.setHours(hour, minute, second, 0);\n  return date.getFullYear() === year &&\n    date.getMonth() === month &&\n    date.getDate() === day &&\n    date.getHours() === hour &&\n    date.getMinutes() === minute &&\n    date.getSeconds() === second\n    ? date\n    : null;\n}\n"],"names":["formatPickerDate","date","format","fallback","values","String","Math","token","parsePickerDate","text","parse","tokens","parts","pattern","part","literal","match","RegExp","Map","index","Number","year","Date","month","day","hour","minute","second"],"mappings":";AAOO,SAASA,iBACdC,IAAU,EACVC,MAA8B,EAC9BC,QAAgC;IAEhC,IAAI,CAACD,QAAQ,OAAOC,SAASF;IAC7B,IAAI,AAAkB,cAAlB,OAAOC,QAAuB,OAAOA,OAAOD;IAChD,MAAMG,SAAiC;QACrC,MAAMC,OAAOJ,KAAK,WAAW,IAAI,QAAQ,CAAC,GAAG;QAC7C,IAAII,OAAOJ,KAAK,QAAQ,KAAK,GAAG,QAAQ,CAAC,GAAG;QAC5C,IAAII,OAAOJ,KAAK,OAAO,IAAI,QAAQ,CAAC,GAAG;QACvC,IAAII,OAAOJ,KAAK,QAAQ,IAAI,QAAQ,CAAC,GAAG;QACxC,IAAII,OAAOJ,KAAK,UAAU,IAAI,QAAQ,CAAC,GAAG;QAC1C,IAAII,OAAOJ,KAAK,UAAU,IAAI,QAAQ,CAAC,GAAG;QAC1C,GAAGI,OAAOC,KAAK,KAAK,CAACL,KAAK,QAAQ,KAAK,KAAK;IAC9C;IACA,OAAOC,OAAO,OAAO,CAAC,qCAAqC,CAACK,QAC1DA,MAAM,UAAU,CAAC,OAAOA,MAAM,KAAK,CAAC,GAAG,MAAOH,MAAM,CAACG,MAAM,IAAIA;AAEnE;AACO,SAASC,gBACdC,IAAY,EACZP,MAA8B,EAC9BC,QAAuC,EACvCO,KAAqC;IAErC,IAAIA,OAAO,OAAOA,MAAMD;IACxB,IAAI,CAACP,UAAU,AAAkB,cAAlB,OAAOA,QAAuB,OAAOC,SAASM;IAC7D,MAAME,SAAmB,EAAE;IAC3B,MAAMC,QAAQV,OAAO,KAAK,CAAC,0CAA0C,EAAE;IACvE,MAAMW,UAAUD,MACb,GAAG,CAAC,CAACE;QACJ,IAAI,4BAA4B,IAAI,CAACA,OAAO;YAC1CH,OAAO,IAAI,CAACG;YACZ,OAAOA,AAAS,WAATA,OAAkB,aAAa;QACxC;QACA,MAAMC,UAAUD,KAAK,UAAU,CAAC,OAAOA,KAAK,KAAK,CAAC,GAAG,MAAMA;QAC3D,OAAOC,QAAQ,OAAO,CAAC,uBAAuB;IAChD,GACC,IAAI,CAAC;IACR,MAAMC,QAAQP,KAAK,IAAI,GAAG,KAAK,CAAC,IAAIQ,OAAO,CAAC,CAAC,EAAEJ,QAAQ,CAAC,CAAC;IACzD,IAAI,CAACG,OAAO,OAAO;IACnB,MAAMZ,SAAS,IAAIc,IAAIP,OAAO,GAAG,CAAC,CAACJ,OAAOY,QAAU;YAACZ;YAAOa,OAAOJ,KAAK,CAACG,QAAQ,EAAE;SAAE;IACrF,MAAME,OAAOjB,OAAO,GAAG,CAAC,WAAW,IAAIkB,OAAO,WAAW,IACvDC,QAAQnB,OAAO,GAAG,CAAC,OAAQ,AAACA,CAAAA,CAAAA,OAAO,GAAG,CAAC,QAAQ,KAAK,KAAK,IAAKA,AAAAA,CAAAA,OAAO,GAAG,CAAC,SAAS,KAAK,GACvFoB,MAAMpB,OAAO,GAAG,CAAC,SAAS,GAC1BqB,OAAOrB,OAAO,GAAG,CAAC,SAAS,GAC3BsB,SAAStB,OAAO,GAAG,CAAC,SAAS,GAC7BuB,SAASvB,OAAO,GAAG,CAAC,SAAS;IAC/B,MAAMH,OAAO,IAAIqB,KAAK;IACtBrB,KAAK,WAAW,CAACoB,MAAME,OAAOC;IAC9BvB,KAAK,QAAQ,CAACwB,MAAMC,QAAQC,QAAQ;IACpC,OAAO1B,KAAK,WAAW,OAAOoB,QAC5BpB,KAAK,QAAQ,OAAOsB,SACpBtB,KAAK,OAAO,OAAOuB,OACnBvB,KAAK,QAAQ,OAAOwB,QACpBxB,KAAK,UAAU,OAAOyB,UACtBzB,KAAK,UAAU,OAAO0B,SACpB1B,OACA;AACN"}

package/dist/esm/shared/date-input.d.ts

@@ -0,0 +1,30 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import { type PopupOptions } from './floating.js';
+import type { ControlSize, ControlStatus } from './types.js';
+export interface PickerFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'value' | 'defaultValue' | 'onChange' | 'children'>, PopupOptions {
+    size?: ControlSize;
+    status?: ControlStatus;
+    allowClear?: boolean;
+    inputReadOnly?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+}
+export interface DateInputProps extends PickerFieldProps {
+    displayValue: string;
+    formValue: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onOpening: () => void;
+    onClear: () => void;
+    onTextCommit: (text: string) => boolean;
+    onTextChange?: (text: string) => void;
+    commitOnBlur?: boolean;
+    renderPanel: (close: () => void) => ReactNode;
+    panelClassName?: string;
+    clearLabel?: string;
+    panelLabel?: string;
+    icon?: ReactNode;
+}
+/** Editable text field with a custom calendar/time popup and canonical FormData value. */
+export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=date-input.d.ts.map

package/dist/esm/shared/date-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../../src/shared/date-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,EAAiB,KAAK,YAAY,EAAsB,MAAM,YAAY,CAAC;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,CACrE,EACD,YAAY;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AACD,0FAA0F;AAC1F,eAAO,MAAM,SAAS,6GAwQpB,CAAC"}