@sixthshift/design-system 0.1.0 → 0.2.1

package/dist/components/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,9 @@
+import type { DateRangePickerProps } from "./daterangepicker.types.js";
+/**
+ * DateRangePicker - A specialized date range picker component
+ *
+ * Wraps DatePicker with mode="range" and adds common range presets.
+ * Uses Temporal.PlainDate for all date values.
+ */
+export declare const DateRangePicker: (props: DateRangePickerProps) => import("react").JSX.Element;
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/components/DateRangePicker/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAgB,MAAM,yBAAyB,CAAC;AA2DlF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,UAAW,oBAAoB,gCAwD1D,CAAC"}

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { today } from "../../date-time/index.js";
+import { DatePicker } from "../DatePicker/index.js";
+/**
+ * Default preset ranges for DateRangePicker
+ * Computed fresh on each render to ensure "today" is always current
+ */
+function getDefaultPresets() {
+    return [
+        {
+            label: "Today",
+            value: () => {
+                const t = today();
+                return { from: t, to: t };
+            },
+        },
+        {
+            label: "Yesterday",
+            value: () => {
+                const yesterday = today().subtract({ days: 1 });
+                return { from: yesterday, to: yesterday };
+            },
+        },
+        {
+            label: "Last 7 days",
+            value: () => {
+                const t = today();
+                const weekAgo = t.subtract({ days: 6 });
+                return { from: weekAgo, to: t };
+            },
+        },
+        {
+            label: "Last 30 days",
+            value: () => {
+                const t = today();
+                const monthAgo = t.subtract({ days: 29 });
+                return { from: monthAgo, to: t };
+            },
+        },
+        {
+            label: "This month",
+            value: () => {
+                const t = today();
+                const firstDay = t.with({ day: 1 });
+                return { from: firstDay, to: t };
+            },
+        },
+        {
+            label: "Last month",
+            value: () => {
+                const t = today();
+                const firstDayThisMonth = t.with({ day: 1 });
+                const lastDayLastMonth = firstDayThisMonth.subtract({ days: 1 });
+                const firstDayLastMonth = lastDayLastMonth.with({ day: 1 });
+                return { from: firstDayLastMonth, to: lastDayLastMonth };
+            },
+        },
+    ];
+}
+/**
+ * DateRangePicker - A specialized date range picker component
+ *
+ * Wraps DatePicker with mode="range" and adds common range presets.
+ * Uses Temporal.PlainDate for all date values.
+ */
+export const DateRangePicker = (props) => {
+    const { value, defaultValue, onChange, minDate, maxDate, disabled, presets: customPresets, showPresets = true, placeholder = "Select date range...", weekStartsOn, name, isDisabled, isInvalid, className, align, clearable, } = props;
+    // Compute presets on each render to ensure they're always current
+    // Convert PresetOption[] (with value functions) to DatePicker's PresetOption format
+    const datePickerPresets = useMemo(() => {
+        if (!showPresets) {
+            return undefined;
+        }
+        const presetsToUse = customPresets || getDefaultPresets();
+        return presetsToUse.map((preset) => ({
+            label: preset.label,
+            value: preset.value(), // Call the function to get the actual value
+        }));
+    }, [customPresets, showPresets]);
+    // Build props for DatePicker (only include defined values)
+    const datePickerProps = {
+        mode: "range",
+        placeholder,
+        ...(value !== undefined && { value }),
+        ...(defaultValue !== undefined && { defaultValue }),
+        ...(onChange !== undefined && { onChange }),
+        ...(minDate && { minDate }),
+        ...(maxDate && { maxDate }),
+        ...(disabled && { disabled }),
+        ...(datePickerPresets && { presets: datePickerPresets }),
+        ...(weekStartsOn !== undefined && { weekStartsOn }),
+        ...(name && { name }),
+        ...(isDisabled && { isDisabled }),
+        ...(isInvalid && { isInvalid }),
+        ...(className && { className }),
+        ...(align && { align }),
+        ...(clearable !== undefined && { clearable }),
+    };
+    return _jsx(DatePicker, { ...datePickerProps });
+};
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/components/DateRangePicker/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DateRangePicker/daterangepicker.types.d.ts

@@ -0,0 +1,37 @@
+import type { Temporal, WeekStartsOn } from "../../date-time/index.js";
+export type DateRangeValue = {
+    from: Temporal.PlainDate | undefined;
+    to: Temporal.PlainDate | undefined;
+};
+export type PresetOption = {
+    label: string;
+    value: () => DateRangeValue;
+};
+export type DisabledDateMatcher = Temporal.PlainDate | Temporal.PlainDate[] | ((date: Temporal.PlainDate) => boolean) | {
+    before: Temporal.PlainDate;
+} | {
+    after: Temporal.PlainDate;
+} | {
+    from: Temporal.PlainDate;
+    to: Temporal.PlainDate;
+};
+export type DateRangePickerProps = {
+    value?: DateRangeValue;
+    defaultValue?: DateRangeValue;
+    onChange?: (range: DateRangeValue | undefined) => void;
+    minDate?: Temporal.PlainDate;
+    maxDate?: Temporal.PlainDate;
+    disabled?: DisabledDateMatcher | DisabledDateMatcher[];
+    presets?: PresetOption[];
+    showPresets?: boolean;
+    placeholder?: string;
+    weekStartsOn?: WeekStartsOn;
+    name?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    className?: string;
+    align?: "start" | "end";
+    /** Whether the clear button is shown when a value is present (default: true) */
+    clearable?: boolean;
+};
+//# sourceMappingURL=daterangepicker.types.d.ts.map

package/dist/components/DateRangePicker/daterangepicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"daterangepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/daterangepicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,EAAE,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,cAAc,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAC3B,QAAQ,CAAC,SAAS,GAClB,QAAQ,CAAC,SAAS,EAAE,GACpB,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,KAAK,OAAO,CAAC,GACvC;IAAE,MAAM,EAAE,QAAQ,CAAC,SAAS,CAAA;CAAE,GAC9B;IAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC;IAAC,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAA;CAAE,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG;IAEjC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IAGvD,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,CAAC;IAGvD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAG5B,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAExB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/components/DateRangePicker/daterangepicker.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=daterangepicker.types.js.map

package/dist/components/DateRangePicker/daterangepicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"daterangepicker.types.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/daterangepicker.types.ts"],"names":[],"mappings":""}

package/dist/components/DateRangePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { DateRangePicker } from "./DateRangePicker.js";
+export type { DateRangePickerProps, DateRangeValue, DisabledDateMatcher, PresetOption } from "./daterangepicker.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DateRangePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/DateRangePicker/index.js

@@ -0,0 +1,2 @@
+export { DateRangePicker } from "./DateRangePicker.js";
+//# sourceMappingURL=index.js.map

package/dist/components/DateRangePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,10 @@
+import type * as React from "react";
+import type { DateTimePickerProps } from "./datetimepicker.types.js";
+/**
+ * DateTimePicker - A component for selecting both date and time
+ *
+ * Combines date and time selection in a single popup with side-by-side layout.
+ * Uses Temporal.Instant for all values (timezone-aware).
+ */
+export declare const DateTimePicker: (props: DateTimePickerProps) => React.JSX.Element;
+//# sourceMappingURL=DateTimePicker.d.ts.map

package/dist/components/DateTimePicker/DateTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAoBpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAiClE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBA+UxD,CAAC"}

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -0,0 +1,192 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { autoUpdate, FloatingPortal, flip, offset, shift, useClick, useDismiss, useFloating, useInteractions } from "@floating-ui/react";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { cn } from "@sixthshift/design-system/utils";
+import { Clock, X } from "lucide-react";
+import { useCallback, useId, useState } from "react";
+import { Temporal, today } from "../../date-time/index.js";
+import { Button } from "../Button/index.js";
+import { Calendar } from "../Calendar/index.js";
+import { Separator } from "../Separator/index.js";
+import { PeriodSelector } from "../TimePicker/PeriodSelector.js";
+import { TimeColumn } from "../TimePicker/TimeColumn.js";
+import { generateHours, generateMinutes, generateSeconds, getCurrentTime, isTimeDisabled, temporalToParsed, to12Hour, to24Hour, } from "../TimePicker/timepicker.hooks.js";
+/**
+ * Format an Instant for display
+ */
+function formatInstantDisplay(instant, clockFormat, showSeconds, timeZone) {
+    const tz = timeZone ?? Temporal.Now.timeZoneId();
+    const zoned = instant.toZonedDateTimeISO(tz);
+    const plainDateTime = zoned.toPlainDateTime();
+    // Format date part
+    const datePart = plainDateTime.toLocaleString("en-US", {
+        month: "long",
+        day: "numeric",
+        year: "numeric",
+    });
+    // Format time part based on props
+    const timeOptions = {
+        hour: "numeric",
+        minute: "2-digit",
+        hour12: clockFormat === "12h",
+    };
+    if (showSeconds) {
+        timeOptions.second = "2-digit";
+    }
+    const timePart = plainDateTime.toLocaleString("en-US", timeOptions);
+    return `${datePart}, ${timePart}`;
+}
+/**
+ * DateTimePicker - A component for selecting both date and time
+ *
+ * Combines date and time selection in a single popup with side-by-side layout.
+ * Uses Temporal.Instant for all values (timezone-aware).
+ */
+export const DateTimePicker = (props) => {
+    const { value, defaultValue, onChange, minDate, maxDate, disabledDates, minTime, maxTime, minuteStep = 1, clockFormat = "12h", showSeconds = false, placeholder = "Select date and time...", weekStartsOn = 0, name, isDisabled = false, isInvalid = false, className, align = "end", clearable = true, } = props;
+    // Open state
+    const [open, setOpen] = useState(false);
+    // Controllable value state (external/committed value)
+    const [committedValue, setCommittedValue] = useControllableState({
+        value,
+        defaultValue,
+        onChange,
+    });
+    // Draft state (date + time parts)
+    // Convert Instant to ZonedDateTime for editing
+    const userTimeZone = Temporal.Now.timeZoneId();
+    const zonedValue = committedValue?.toZonedDateTimeISO(userTimeZone);
+    const [draftDate, setDraftDate] = useState(zonedValue?.toPlainDate());
+    const [draftHour, setDraftHour] = useState(12);
+    const [draftMinute, setDraftMinute] = useState(0);
+    const [draftSecond, setDraftSecond] = useState(0);
+    const [draftPeriod, setDraftPeriod] = useState("PM");
+    // Month navigation state (for calendar)
+    const [month, setMonth] = useState(() => {
+        if (committedValue) {
+            const zoned = committedValue.toZonedDateTimeISO(userTimeZone);
+            return zoned.toPlainDate();
+        }
+        return today();
+    });
+    // Sync draft when popup opens
+    const handleOpenChange = useCallback((newOpen) => {
+        if (newOpen) {
+            const tz = Temporal.Now.timeZoneId();
+            if (committedValue) {
+                // Convert Instant to ZonedDateTime for editing
+                const zoned = committedValue.toZonedDateTimeISO(tz);
+                const dateTime = zoned.toPlainDateTime();
+                setDraftDate(dateTime.toPlainDate());
+                const parsed = temporalToParsed(dateTime.toPlainTime());
+                setDraftHour(clockFormat === "12h" ? to12Hour(parsed.hour).hour12 : parsed.hour);
+                setDraftMinute(parsed.minute);
+                setDraftSecond(parsed.second);
+                setDraftPeriod(to12Hour(parsed.hour).period);
+                setMonth(dateTime.toPlainDate());
+            }
+            else {
+                // Default to today + current time
+                const todayDate = today();
+                const now = getCurrentTime();
+                setDraftDate(todayDate);
+                const currentHour = now.hour;
+                setDraftHour(clockFormat === "12h" ? to12Hour(currentHour).hour12 : currentHour);
+                setDraftMinute(now.minute);
+                setDraftSecond(now.second);
+                setDraftPeriod(to12Hour(currentHour).period);
+                setMonth(todayDate);
+            }
+        }
+        setOpen(newOpen);
+    }, [committedValue, clockFormat]);
+    // Get the current draft as a parsed time (24-hour)
+    const getDraftTime = useCallback(() => {
+        const hour24 = clockFormat === "12h" ? to24Hour(draftHour, draftPeriod) : draftHour;
+        return {
+            hour: hour24,
+            minute: draftMinute,
+            second: draftSecond,
+        };
+    }, [clockFormat, draftHour, draftMinute, draftSecond, draftPeriod]);
+    // Apply changes
+    const handleApply = useCallback(() => {
+        if (!draftDate) {
+            setOpen(false);
+            return;
+        }
+        const draftTime = getDraftTime();
+        const plainDateTime = draftDate.toPlainDateTime({
+            hour: draftTime.hour,
+            minute: draftTime.minute,
+            second: showSeconds ? draftTime.second : 0,
+        });
+        // Convert PlainDateTime to ZonedDateTime in user's timezone, then to Instant
+        const tz = Temporal.Now.timeZoneId();
+        const zoned = plainDateTime.toZonedDateTime(tz);
+        const instant = zoned.toInstant();
+        setCommittedValue(instant);
+        setOpen(false);
+    }, [draftDate, getDraftTime, showSeconds, setCommittedValue]);
+    // Cancel changes
+    const handleCancel = useCallback(() => {
+        // Revert to committed value
+        if (committedValue) {
+            const tz = Temporal.Now.timeZoneId();
+            const zoned = committedValue.toZonedDateTimeISO(tz);
+            const dateTime = zoned.toPlainDateTime();
+            setDraftDate(dateTime.toPlainDate());
+            const parsed = temporalToParsed(dateTime.toPlainTime());
+            setDraftHour(clockFormat === "12h" ? to12Hour(parsed.hour).hour12 : parsed.hour);
+            setDraftMinute(parsed.minute);
+            setDraftSecond(parsed.second);
+            setDraftPeriod(to12Hour(parsed.hour).period);
+        }
+        setOpen(false);
+    }, [committedValue, clockFormat]);
+    // Clear value
+    const handleClear = useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        setCommittedValue(undefined);
+    }, [setCommittedValue]);
+    // Floating UI setup
+    const { refs, floatingStyles, context } = useFloating({
+        open,
+        onOpenChange: handleOpenChange,
+        placement: align === "start" ? "bottom-start" : "bottom-end",
+        middleware: [offset(8), flip(), shift({ padding: 8 })],
+        whileElementsMounted: autoUpdate,
+    });
+    const click = useClick(context);
+    const dismiss = useDismiss(context);
+    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss]);
+    // IDs for accessibility
+    const id = useId();
+    const contentId = `datetimepicker-content-${id}`;
+    const inputId = `datetimepicker-input-${id}`;
+    // Display value (from committed value)
+    const displayValue = committedValue ? formatInstantDisplay(committedValue, clockFormat, showSeconds) : "";
+    const hasValue = Boolean(committedValue);
+    // Time selection handlers
+    const handleHourChange = (hour) => setDraftHour(hour);
+    const handleMinuteChange = (minute) => setDraftMinute(minute);
+    const handleSecondChange = (second) => setDraftSecond(second);
+    const handlePeriodChange = (period) => setDraftPeriod(period);
+    // Generate time options
+    const hours = generateHours(clockFormat);
+    const minutes = generateMinutes(minuteStep);
+    const seconds = generateSeconds();
+    // Get current draft time for TimePicker display
+    const draftTime = getDraftTime();
+    // Check if a time is disabled
+    const checkTimeDisabled = useCallback((hour, minute, second) => {
+        const temporal = Temporal.PlainTime.from({ hour, minute, second });
+        return isTimeDisabled(temporal, minTime, maxTime);
+    }, [minTime, maxTime]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative flex items-center", children: [_jsx(Clock, { className: "pointer-events-none absolute left-3 h-4 w-4 text-fg-subtle" }), _jsx("input", { ref: refs.setReference, id: inputId, type: "text", readOnly: true, value: displayValue, placeholder: placeholder, disabled: isDisabled, role: "combobox", "aria-invalid": isInvalid, "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": open ? contentId : undefined, className: cn(`flex h-9 w-full cursor-pointer rounded-md border border-border-normal bg-transparent py-1 pl-9 text-sm shadow-xs transition-colors placeholder:text-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50`, clearable && hasValue ? "pr-9" : "pr-3", isInvalid && "border-border-danger", className), ...getReferenceProps() }), clearable && hasValue && !isDisabled && (_jsx("button", { type: "button", onClick: handleClear, className: "absolute right-3 rounded-sm p-0.5 text-fg-subtle hover:bg-bg-subtle hover:text-fg-normal focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring", "aria-label": "Clear date and time", children: _jsx(X, { className: "h-3.5 w-3.5" }) })), name && committedValue && _jsx("input", { type: "hidden", name: name, value: committedValue.toString() })] }), open && (_jsx(FloatingPortal, { children: _jsxs("div", { ref: refs.setFloating, id: contentId, role: "dialog", "aria-modal": "true", style: floatingStyles, className: "z-popover rounded-xl border border-border-normal bg-bg-normal p-4 shadow-lg", ...getFloatingProps(), children: [_jsxs("div", { className: "flex gap-4", children: [_jsx(Calendar, { mode: "single", value: draftDate, onSelect: setDraftDate, month: month, onMonthChange: setMonth, minDate: minDate, maxDate: maxDate, disabled: disabledDates, weekStartsOn: weekStartsOn, showFooter: false }), _jsx(Separator, { orientation: "vertical" }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "text-center font-semibold text-sm", children: "Time" }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Hour" }), _jsx(TimeColumn, { values: hours, selected: draftHour, onSelect: handleHourChange, disabled: (hour) => {
+                                                                const hour24 = clockFormat === "12h" ? to24Hour(hour, draftPeriod) : hour;
+                                                                return checkTimeDisabled(hour24, draftMinute, draftSecond);
+                                                            } })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Min" }), _jsx(TimeColumn, { values: minutes, selected: draftMinute, onSelect: handleMinuteChange, disabled: (minute) => checkTimeDisabled(draftTime.hour, minute, draftSecond) })] }), showSeconds && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Sec" }), _jsx(TimeColumn, { values: seconds, selected: draftSecond, onSelect: handleSecondChange, disabled: (second) => checkTimeDisabled(draftTime.hour, draftMinute, second) })] })), clockFormat === "12h" && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "\u00A0" }), _jsx(PeriodSelector, { value: draftPeriod, onChange: handlePeriodChange })] }))] })] })] }), _jsx(Separator, { className: "my-3" }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { type: "button", variant: "solid", size: "sm", onClick: handleApply, children: "Apply" })] })] }) }))] }));
+};
+//# sourceMappingURL=DateTimePicker.js.map

package/dist/components/DateTimePicker/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DateTimePicker/datetimepicker.types.d.ts

@@ -0,0 +1,32 @@
+import type { Temporal, WeekStartsOn } from "../../date-time/index.js";
+export type DisabledDateMatcher = Temporal.PlainDate | Temporal.PlainDate[] | ((date: Temporal.PlainDate) => boolean) | {
+    before: Temporal.PlainDate;
+} | {
+    after: Temporal.PlainDate;
+} | {
+    from: Temporal.PlainDate;
+    to: Temporal.PlainDate;
+};
+export type DateTimePickerProps = {
+    value?: Temporal.Instant | undefined;
+    defaultValue?: Temporal.Instant | undefined;
+    onChange?: (instant: Temporal.Instant | undefined) => void;
+    minDate?: Temporal.PlainDate;
+    maxDate?: Temporal.PlainDate;
+    disabledDates?: DisabledDateMatcher | DisabledDateMatcher[];
+    minTime?: Temporal.PlainTime;
+    maxTime?: Temporal.PlainTime;
+    minuteStep?: 1 | 5 | 10 | 15 | 30;
+    clockFormat?: "12h" | "24h";
+    showSeconds?: boolean;
+    placeholder?: string;
+    weekStartsOn?: WeekStartsOn;
+    name?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    className?: string;
+    align?: "start" | "end";
+    /** Whether the clear button is shown when a value is present (default: true) */
+    clearable?: boolean;
+};
+//# sourceMappingURL=datetimepicker.types.d.ts.map

package/dist/components/DateTimePicker/datetimepicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/datetimepicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAC3B,QAAQ,CAAC,SAAS,GAClB,QAAQ,CAAC,SAAS,EAAE,GACpB,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,KAAK,OAAO,CAAC,GACvC;IAAE,MAAM,EAAE,QAAQ,CAAC,SAAS,CAAA;CAAE,GAC9B;IAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC;IAAC,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAA;CAAE,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAEhC,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IAG3D,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,CAAC;IAG5D,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAGlC,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAG5B,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAExB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/components/DateTimePicker/datetimepicker.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=datetimepicker.types.js.map

package/dist/components/DateTimePicker/datetimepicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimepicker.types.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/datetimepicker.types.ts"],"names":[],"mappings":""}

package/dist/components/DateTimePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { DateTimePicker } from "./DateTimePicker.js";
+export type { DateTimePickerProps, DisabledDateMatcher } from "./datetimepicker.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DateTimePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/DateTimePicker/index.js

@@ -0,0 +1,2 @@
+export { DateTimePicker } from "./DateTimePicker.js";
+//# sourceMappingURL=index.js.map

package/dist/components/DateTimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts

@@ -0,0 +1,10 @@
+import type * as React from "react";
+import type { DateTimeRangePickerProps } from "./datetimerangepicker.types.js";
+/**
+ * DateTimeRangePicker - A component for selecting a datetime range
+ *
+ * Combines date range selection with separate time pickers for start and end times.
+ * Uses Temporal.PlainDateTime for all values.
+ */
+export declare const DateTimeRangePicker: (props: DateTimeRangePickerProps) => React.JSX.Element;
+//# sourceMappingURL=DateTimeRangePicker.d.ts.map

package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAqBpC,OAAO,KAAK,EAAE,wBAAwB,EAAiD,MAAM,6BAA6B,CAAC;AAwG3H;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,sBA+hBlE,CAAC"}