@wildo-ai/presets-components 1.0.1

package/dist/esm/components/form/controls/date-time/datetime-range-picker.js

@@ -0,0 +1,200 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { format } from "date-fns";
+import { cn, useIconRegistry, StandardIconReference, IconSize, useI18n, Button, Calendar, Popover, PopoverContent, PopoverTrigger, ScrollArea, Tabs, TabsContent, TabsList, TabsTrigger, } from "@wildo-ai/saas-frontend-lib";
+import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { TimeFormat, DateFormat, FrontendComponentType, RegionalFormattingUtils, ButtonSize } from "@wildo-ai/presets-components-models";
+import { HorizontalAlign } from "@wildo-ai/zod-decorators";
+// ============================================================================
+// HELPER FUNCTIONS
+// ============================================================================
+/**
+ * Format datetime for display using centralized date-fns format mapping.
+ */
+function formatDateTimeDisplay(date, dateFormat, timeFormat) {
+    return format(date, RegionalFormattingUtils.dateTimeFormatToDateFns(dateFormat, timeFormat));
+}
+/**
+ * Format datetime range for display
+ */
+function formatRangeDisplay(range, dateFormat, timeFormat, labels) {
+    if (!range?.from && !range?.to)
+        return undefined;
+    const fromLabel = labels?.from ?? "From";
+    const toLabel = labels?.to ?? "To";
+    if (range.from && range.to) {
+        return `${formatDateTimeDisplay(range.from, dateFormat, timeFormat)} - ${formatDateTimeDisplay(range.to, dateFormat, timeFormat)}`;
+    }
+    if (range.from) {
+        return `${fromLabel}: ${formatDateTimeDisplay(range.from, dateFormat, timeFormat)}`;
+    }
+    if (range.to) {
+        return `${toLabel}: ${formatDateTimeDisplay(range.to, dateFormat, timeFormat)}`;
+    }
+    return undefined;
+}
+function TimeSelector({ date, onTimeChange, timeFormat, minuteStep, label }) {
+    const hours = timeFormat === TimeFormat.TWENTY_FOUR_HOUR
+        ? Array.from({ length: 24 }, (_, i) => i)
+        : Array.from({ length: 12 }, (_, i) => i + 1);
+    const minutes = Array.from({ length: 60 / minuteStep }, (_, i) => i * minuteStep);
+    return (_jsxs("div", { className: "p-card-sm border-t", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground mb-element", children: label }), _jsxs("div", { className: "flex gap-item-xs", children: [_jsx(ScrollArea, { className: "h-[150px] w-14", children: _jsx("div", { className: "flex flex-col gap-item-xs p-item", children: hours.map((hour) => {
+                                const currentHour = date?.getHours() ?? -1;
+                                const isSelected = timeFormat === TimeFormat.TWENTY_FOUR_HOUR
+                                    ? currentHour === hour
+                                    : (currentHour % 12 || 12) === hour;
+                                return (_jsx(Button, { size: ButtonSize.SM, variant: isSelected ? ButtonVariants_Variant.DEFAULT : ButtonVariants_Variant.GHOST, className: "w-full h-8", onClick: () => onTimeChange("hour", hour.toString()), children: timeFormat === TimeFormat.TWENTY_FOUR_HOUR
+                                        ? hour.toString().padStart(2, '0')
+                                        : hour }, hour));
+                            }) }) }), _jsx(ScrollArea, { className: "h-[150px] w-14", children: _jsx("div", { className: "flex flex-col gap-item-xs p-item", children: minutes.map((minute) => {
+                                const isSelected = date && date.getMinutes() === minute;
+                                return (_jsx(Button, { size: ButtonSize.SM, variant: isSelected ? ButtonVariants_Variant.DEFAULT : ButtonVariants_Variant.GHOST, className: "w-full h-8", onClick: () => onTimeChange("minute", minute.toString()), children: minute.toString().padStart(2, '0') }, minute));
+                            }) }) }), timeFormat === TimeFormat.TWELVE_HOUR && (_jsx("div", { className: "flex flex-col gap-item-xs p-item", children: ["AM", "PM"].map((period) => {
+                            const isAM = !date || date.getHours() < 12;
+                            const isSelected = (period === "AM" && isAM) || (period === "PM" && !isAM);
+                            return (_jsx(Button, { size: ButtonSize.SM, variant: isSelected ? ButtonVariants_Variant.DEFAULT : ButtonVariants_Variant.GHOST, className: "w-full h-8", onClick: () => onTimeChange("ampm", period), children: period }, period));
+                        }) }))] })] }));
+}
+// ============================================================================
+// DATE TIME RANGE PICKER COMPONENT
+// ============================================================================
+/**
+ * DateTimeRangePicker component for selecting datetime ranges.
+ *
+ * Uses tabbed interface for from/to datetime selection.
+ * Supports both 12-hour and 24-hour time formats.
+ */
+const DateTimeRangePicker = React.forwardRef(({ schema, name, placeholder = "Select datetime range", disabled, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, timeFormat = TimeFormat.TWELVE_HOUR, dateFormat = DateFormat.US_MEDIUM, minuteStep = 5, minDate, maxDate, }, ref) => {
+    const { tComponent, isReady } = useI18n({
+        component: [FrontendComponentType.LOW_LEVEL_DATETIME_RANGE_PICKER, FrontendComponentType.LOW_LEVEL_FORM_MESSAGE],
+    });
+    const { renderIcon } = useIconRegistry();
+    // Internal state
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const [open, setOpen] = React.useState(false);
+    const [activeTab, setActiveTab] = React.useState('from');
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Range inversion check: from > to (compare full Date timestamps)
+    const isRangeInverted = React.useMemo(() => {
+        if (!currentValue?.from || !currentValue?.to)
+            return false;
+        return currentValue.from.getTime() > currentValue.to.getTime();
+    }, [currentValue?.from, currentValue?.to]);
+    // Update value helper - validation is handled by parent FormField via RHF
+    const updateValue = React.useCallback((newValue) => {
+        if (isControlled) {
+            onChange?.(newValue);
+        }
+        else {
+            setInternalValue(newValue);
+        }
+    }, [isControlled, onChange]);
+    // Handle date selection for active tab
+    const handleDateSelect = React.useCallback((selectedDate) => {
+        if (!selectedDate)
+            return;
+        const existingDate = activeTab === 'from' ? currentValue?.from : currentValue?.to;
+        const newDate = new Date(selectedDate);
+        // Preserve existing time if we have one
+        if (existingDate) {
+            newDate.setHours(existingDate.getHours());
+            newDate.setMinutes(existingDate.getMinutes());
+            newDate.setSeconds(existingDate.getSeconds());
+        }
+        else {
+            newDate.setHours(12, 0, 0, 0);
+        }
+        const newValue = {
+            ...currentValue,
+            [activeTab]: newDate,
+        };
+        updateValue(newValue);
+    }, [activeTab, currentValue, updateValue]);
+    // Handle time change for active tab
+    const handleTimeChange = React.useCallback((type, value) => {
+        const existingDate = activeTab === 'from' ? currentValue?.from : currentValue?.to;
+        if (!existingDate) {
+            // Create a new date with today's date
+            const newDate = new Date();
+            newDate.setHours(12, 0, 0, 0);
+            const newValue = {
+                ...currentValue,
+                [activeTab]: newDate,
+            };
+            updateValue(newValue);
+            return;
+        }
+        const newDate = new Date(existingDate);
+        if (type === 'hour') {
+            if (timeFormat === TimeFormat.TWELVE_HOUR) {
+                const inputHour = parseInt(value, 10);
+                const isPM = existingDate.getHours() >= 12;
+                newDate.setHours((inputHour % 12) + (isPM ? 12 : 0));
+            }
+            else {
+                newDate.setHours(parseInt(value, 10));
+            }
+        }
+        else if (type === 'minute') {
+            newDate.setMinutes(parseInt(value, 10));
+        }
+        else if (type === 'ampm') {
+            const currentHour12 = existingDate.getHours() % 12 || 12;
+            let newHours = value === 'PM' ? currentHour12 + 12 : currentHour12;
+            if (newHours === 24)
+                newHours = 12;
+            if (newHours === 12 && value === 'AM')
+                newHours = 0;
+            newDate.setHours(newHours);
+        }
+        const newValue = {
+            ...currentValue,
+            [activeTab]: newDate,
+        };
+        updateValue(newValue);
+    }, [activeTab, currentValue, timeFormat, updateValue]);
+    // Handle popover close
+    const handleOpenChange = React.useCallback((newOpen) => {
+        setOpen(newOpen);
+        if (!newOpen) {
+            onBlur?.();
+        }
+    }, [onBlur]);
+    if (!isReady)
+        return null;
+    // Display value
+    const displayValue = formatRangeDisplay(currentValue, dateFormat, timeFormat, {
+        from: tComponent(FrontendComponentType.LOW_LEVEL_DATETIME_RANGE_PICKER, 'from'),
+        to: tComponent(FrontendComponentType.LOW_LEVEL_DATETIME_RANGE_PICKER, 'to'),
+    });
+    // Active date for calendar
+    const activeDate = activeTab === 'from' ? currentValue?.from : currentValue?.to;
+    return (_jsxs("div", { className: className, children: [_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { ref: ref, variant: ButtonVariants_Variant.OUTLINE, disabled: disabled, className: cn("w-full justify-start text-start font-normal", !displayValue && "text-muted-foreground", isRangeInverted && "border-destructive ring-destructive/20"), children: [renderIcon(StandardIconReference.CALENDAR, {
+                                    size: IconSize.SM,
+                                    className: "me-element"
+                                }), displayValue || placeholder] }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: HorizontalAlign.START, children: _jsxs(Tabs, { value: activeTab, onValueChange: (v) => setActiveTab(v), children: [_jsxs(TabsList, { className: "w-full grid grid-cols-2", children: [_jsx(TabsTrigger, { value: "from", children: tComponent(FrontendComponentType.LOW_LEVEL_DATETIME_RANGE_PICKER, 'from') }), _jsx(TabsTrigger, { value: "to", children: tComponent(FrontendComponentType.LOW_LEVEL_DATETIME_RANGE_PICKER, 'to') })] }), _jsxs(TabsContent, { value: "from", className: "m-0", children: [_jsx(Calendar, { mode: "single", selected: currentValue?.from, onSelect: handleDateSelect, disabled: (date) => {
+                                                if (minDate && date < minDate)
+                                                    return true;
+                                                if (maxDate && date > maxDate)
+                                                    return true;
+                                                // Don't allow from date after to date
+                                                if (currentValue?.to && date > currentValue.to)
+                                                    return true;
+                                                return false;
+                                            }, initialFocus: true }), _jsx(TimeSelector, { date: currentValue?.from, onTimeChange: handleTimeChange, timeFormat: timeFormat, minuteStep: minuteStep, label: tComponent(FrontendComponentType.LOW_LEVEL_DATETIME_RANGE_PICKER, 'fromTime') })] }), _jsxs(TabsContent, { value: "to", className: "m-0", children: [_jsx(Calendar, { mode: "single", selected: currentValue?.to, onSelect: handleDateSelect, disabled: (date) => {
+                                                if (minDate && date < minDate)
+                                                    return true;
+                                                if (maxDate && date > maxDate)
+                                                    return true;
+                                                // Don't allow to date before from date
+                                                if (currentValue?.from && date < currentValue.from)
+                                                    return true;
+                                                return false;
+                                            }, initialFocus: true }), _jsx(TimeSelector, { date: currentValue?.to, onTimeChange: handleTimeChange, timeFormat: timeFormat, minuteStep: minuteStep, label: tComponent(FrontendComponentType.LOW_LEVEL_DATETIME_RANGE_PICKER, 'toTime') })] })] }) })] }), isRangeInverted && (_jsx("p", { className: "text-destructive text-sm", role: "alert", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'rangeFromMustBeLessThanTo') }))] }));
+});
+DateTimeRangePicker.displayName = "DateTimeRangePicker";
+export { DateTimeRangePicker };
+//# sourceMappingURL=datetime-range-picker.js.map

package/dist/esm/components/form/controls/date-time/datetime-range-picker.js.map

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

package/dist/esm/components/form/controls/date-time/time-picker.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { TimePickerProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * TimePicker component with 12h/24h support.
+ *
+ * Renders a time input with hour/minute/second selectors.
+ * Supports both 12-hour (AM/PM) and 24-hour formats.
+ */
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLButtonElement>>;
+export { TimePicker };
+//# sourceMappingURL=time-picker.d.ts.map

package/dist/esm/components/form/controls/date-time/time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/date-time/time-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,6BAA6B,CAAA;AAyEjF;;;;;GAKG;AACH,QAAA,MAAM,UAAU,2FA2Nd,CAAA;AAIF,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/esm/components/form/controls/date-time/time-picker.js

@@ -0,0 +1,169 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn, useIconRegistry, StandardIconReference, IconSize, Button, Popover, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, } from "@wildo-ai/saas-frontend-lib";
+import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { TimeFormat, ButtonSize } from "@wildo-ai/presets-components-models";
+import { HorizontalAlign, DisplayDirection } from "@wildo-ai/zod-decorators";
+// ============================================================================
+// HELPER FUNCTIONS
+// ============================================================================
+/**
+ * Parse ISO time string to hours, minutes, seconds
+ */
+function parseTimeString(time) {
+    if (!time)
+        return null;
+    const parts = time.split(':');
+    if (parts.length < 2)
+        return null;
+    const hours = parseInt(parts[0], 10);
+    const minutes = parseInt(parts[1], 10);
+    const seconds = parts[2] ? parseInt(parts[2], 10) : 0;
+    if (isNaN(hours) || isNaN(minutes) || isNaN(seconds))
+        return null;
+    return { hours, minutes, seconds };
+}
+/**
+ * Format time to ISO string
+ */
+function formatTimeToISO(hours, minutes, seconds, showSeconds) {
+    const h = hours.toString().padStart(2, '0');
+    const m = minutes.toString().padStart(2, '0');
+    if (showSeconds) {
+        const s = seconds.toString().padStart(2, '0');
+        return `${h}:${m}:${s}`;
+    }
+    return `${h}:${m}`;
+}
+/**
+ * Format time for display based on format preference
+ */
+function formatTimeDisplay(hours, minutes, seconds, format, showSeconds) {
+    if (format === TimeFormat.TWENTY_FOUR_HOUR) {
+        const h = hours.toString().padStart(2, '0');
+        const m = minutes.toString().padStart(2, '0');
+        if (showSeconds) {
+            const s = seconds.toString().padStart(2, '0');
+            return `${h}:${m}:${s}`;
+        }
+        return `${h}:${m}`;
+    }
+    // 12-hour format
+    const period = hours >= 12 ? 'PM' : 'AM';
+    const displayHour = hours % 12 || 12;
+    const m = minutes.toString().padStart(2, '0');
+    if (showSeconds) {
+        const s = seconds.toString().padStart(2, '0');
+        return `${displayHour}:${m}:${s} ${period}`;
+    }
+    return `${displayHour}:${m} ${period}`;
+}
+// ============================================================================
+// TIME PICKER COMPONENT
+// ============================================================================
+/**
+ * TimePicker component with 12h/24h support.
+ *
+ * Renders a time input with hour/minute/second selectors.
+ * Supports both 12-hour (AM/PM) and 24-hour formats.
+ */
+const TimePicker = React.forwardRef(({ schema, name, placeholder, disabled, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, timeFormat = TimeFormat.TWELVE_HOUR, minuteStep = 5, showSeconds = false, }, ref) => {
+    const { renderIcon } = useIconRegistry();
+    // Internal state
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const [open, setOpen] = React.useState(false);
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Parse current value
+    const parsedTime = parseTimeString(currentValue);
+    // Generate hours array based on format
+    const hours = timeFormat === TimeFormat.TWENTY_FOUR_HOUR
+        ? Array.from({ length: 24 }, (_, i) => i)
+        : Array.from({ length: 12 }, (_, i) => i + 1);
+    // Generate minutes array
+    const minutes = Array.from({ length: 60 / minuteStep }, (_, i) => i * minuteStep);
+    // Generate seconds array
+    const seconds = showSeconds ? Array.from({ length: 12 }, (_, i) => i * 5) : [];
+    // Handle time change
+    const handleTimeChange = React.useCallback((type, value) => {
+        const current = parsedTime || { hours: 12, minutes: 0, seconds: 0 };
+        let newHours = current.hours;
+        let newMinutes = current.minutes;
+        let newSeconds = current.seconds;
+        if (type === 'hour') {
+            if (timeFormat === TimeFormat.TWELVE_HOUR) {
+                // Convert 12h to 24h
+                const inputHour = parseInt(value, 10);
+                const isPM = current.hours >= 12;
+                newHours = (inputHour % 12) + (isPM ? 12 : 0);
+            }
+            else {
+                newHours = parseInt(value, 10);
+            }
+        }
+        else if (type === 'minute') {
+            newMinutes = parseInt(value, 10);
+        }
+        else if (type === 'second') {
+            newSeconds = parseInt(value, 10);
+        }
+        else if (type === 'ampm') {
+            const currentHour12 = current.hours % 12 || 12;
+            newHours = value === 'PM' ? currentHour12 + 12 : currentHour12;
+            if (newHours === 24)
+                newHours = 12;
+            if (newHours === 12 && value === 'AM')
+                newHours = 0;
+        }
+        const newValue = formatTimeToISO(newHours, newMinutes, newSeconds, showSeconds);
+        if (isControlled) {
+            onChange?.(newValue);
+        }
+        else {
+            setInternalValue(newValue);
+        }
+    }, [parsedTime, timeFormat, isControlled, onChange, showSeconds]);
+    // Handle popover close - validation is handled by parent FormField via RHF
+    const handleOpenChange = React.useCallback((newOpen) => {
+        setOpen(newOpen);
+        if (!newOpen) {
+            onBlur?.();
+        }
+    }, [onBlur]);
+    // Display value
+    const displayValue = parsedTime
+        ? formatTimeDisplay(parsedTime.hours, parsedTime.minutes, parsedTime.seconds, timeFormat, showSeconds)
+        : undefined;
+    // Placeholder based on format
+    const placeholderText = placeholder || (timeFormat === TimeFormat.TWENTY_FOUR_HOUR
+        ? (showSeconds ? 'HH:MM:SS' : 'HH:MM')
+        : (showSeconds ? 'HH:MM:SS AM/PM' : 'HH:MM AM/PM'));
+    return (_jsx("div", { className: className, "data-field": name, children: _jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: ButtonVariants_Variant.OUTLINE, disabled: disabled, className: cn(
+                        // Override outline button background to match form control styling
+                        "w-full justify-start text-start font-normal bg-transparent dark:bg-surface-inset/30", !displayValue && "text-muted-foreground"), children: [renderIcon(StandardIconReference.CLOCK, {
+                                size: IconSize.SM,
+                                className: "me-element"
+                            }), displayValue || placeholderText] }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: HorizontalAlign.START, children: _jsxs("div", { className: "flex flex-col sm:flex-row sm:h-[300px] divide-y sm:divide-y-0 sm:divide-x", children: [_jsxs(ScrollArea, { className: "w-64 sm:w-auto", children: [_jsx("div", { className: "flex sm:flex-col p-card-sm", children: hours.map((hour) => {
+                                            const isSelected = parsedTime && (timeFormat === TimeFormat.TWENTY_FOUR_HOUR
+                                                ? parsedTime.hours === hour
+                                                : (parsedTime.hours % 12 || 12) === hour);
+                                            return (_jsx(Button, { size: ButtonSize.ICON, variant: isSelected ? ButtonVariants_Variant.DEFAULT : ButtonVariants_Variant.GHOST, className: "sm:w-full shrink-0 aspect-square", onClick: () => handleTimeChange("hour", hour.toString()), children: timeFormat === TimeFormat.TWENTY_FOUR_HOUR
+                                                    ? hour.toString().padStart(2, '0')
+                                                    : hour }, hour));
+                                        }) }), _jsx(ScrollBar, { orientation: DisplayDirection.HORIZONTAL, className: "sm:hidden" })] }), _jsxs(ScrollArea, { className: "w-64 sm:w-auto", children: [_jsx("div", { className: "flex sm:flex-col p-card-sm", children: minutes.map((minute) => {
+                                            const isSelected = parsedTime && parsedTime.minutes === minute;
+                                            return (_jsx(Button, { size: ButtonSize.ICON, variant: isSelected ? ButtonVariants_Variant.DEFAULT : ButtonVariants_Variant.GHOST, className: "sm:w-full shrink-0 aspect-square", onClick: () => handleTimeChange("minute", minute.toString()), children: minute.toString().padStart(2, '0') }, minute));
+                                        }) }), _jsx(ScrollBar, { orientation: DisplayDirection.HORIZONTAL, className: "sm:hidden" })] }), showSeconds && (_jsxs(ScrollArea, { className: "w-64 sm:w-auto", children: [_jsx("div", { className: "flex sm:flex-col p-card-sm", children: seconds.map((second) => {
+                                            const isSelected = parsedTime && parsedTime.seconds === second;
+                                            return (_jsx(Button, { size: ButtonSize.ICON, variant: isSelected ? ButtonVariants_Variant.DEFAULT : ButtonVariants_Variant.GHOST, className: "sm:w-full shrink-0 aspect-square", onClick: () => handleTimeChange("second", second.toString()), children: second.toString().padStart(2, '0') }, second));
+                                        }) }), _jsx(ScrollBar, { orientation: DisplayDirection.HORIZONTAL, className: "sm:hidden" })] })), timeFormat === TimeFormat.TWELVE_HOUR && (_jsx("div", { className: "flex sm:flex-col p-card-sm", children: ["AM", "PM"].map((period) => {
+                                    const isAM = !parsedTime || parsedTime.hours < 12;
+                                    const isSelected = (period === "AM" && isAM) || (period === "PM" && !isAM);
+                                    return (_jsx(Button, { size: ButtonSize.ICON, variant: isSelected ? ButtonVariants_Variant.DEFAULT : ButtonVariants_Variant.GHOST, className: "sm:w-full shrink-0 aspect-square", onClick: () => handleTimeChange("ampm", period), children: period }, period));
+                                }) }))] }) })] }) }));
+});
+TimePicker.displayName = "TimePicker";
+export { TimePicker };
+//# sourceMappingURL=time-picker.js.map

package/dist/esm/components/form/controls/date-time/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/date-time/time-picker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EACL,EAAE,EACF,eAAe,EACf,qBAAqB,EACrB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,cAAc,EACd,cAAc,EACd,UAAU,EACV,SAAS,GACV,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAC5E,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAI5E,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E;;GAEG;AACH,SAAS,eAAe,CAAC,IAAwB;IAC/C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC7B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAA;IAEjC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAErD,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC;QAAE,OAAO,IAAI,CAAA;IAEjE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA;AACpC,CAAC;AAED;;GAEG;AACH,SAAS,eAAe,CAAC,KAAa,EAAE,OAAe,EAAE,OAAe,EAAE,WAAoB;IAC5F,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAC7C,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;QAC7C,OAAO,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAA;IACzB,CAAC;IACD,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;AACpB,CAAC;AAED;;GAEG;AACH,SAAS,iBAAiB,CACxB,KAAa,EACb,OAAe,EACf,OAAe,EACf,MAAkB,EAClB,WAAoB;IAEpB,IAAI,MAAM,KAAK,UAAU,CAAC,gBAAgB,EAAE,CAAC;QAC3C,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;QAC3C,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;QAC7C,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAC7C,OAAO,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAA;QACzB,CAAC;QACD,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;IACpB,CAAC;IAED,iBAAiB;IACjB,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IACxC,MAAM,WAAW,GAAG,KAAK,GAAG,EAAE,IAAI,EAAE,CAAA;IACpC,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAE7C,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;QAC7C,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,MAAM,EAAE,CAAA;IAC7C,CAAC;IACD,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,MAAM,EAAE,CAAA;AACxC,CAAC;AAED,+EAA+E;AAC/E,wBAAwB;AACxB,+EAA+E;AAE/E;;;;;GAKG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EACC,MAAM,EACN,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EAAE,kBAAkB,EAClC,UAAU,GAAG,UAAU,CAAC,WAAW,EACnC,UAAU,GAAG,CAAC,EACd,WAAW,GAAG,KAAK,GACpB,EAAE,GAAG,EAAqB,EAAE;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IAExC,iBAAiB;IACjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,YAAY,CAAC,CAAA;IAC1F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,0BAA0B;IAC1B,MAAM,YAAY,GAAG,eAAe,KAAK,SAAS,CAAA;IAClD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAA;IAEnE,sBAAsB;IACtB,MAAM,UAAU,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEhD,uCAAuC;IACvC,MAAM,KAAK,GAAG,UAAU,KAAK,UAAU,CAAC,gBAAgB;QACtD,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QACzC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IAE/C,yBAAyB;IACzB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,CAAA;IAEjF,yBAAyB;IACzB,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9E,qBAAqB;IACrB,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,CACzC,IAA2C,EAC3C,KAAa,EACb,EAAE;QACF,MAAM,OAAO,GAAG,UAAU,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAA;QACnE,IAAI,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAA;QAC5B,IAAI,UAAU,GAAG,OAAO,CAAC,OAAO,CAAA;QAChC,IAAI,UAAU,GAAG,OAAO,CAAC,OAAO,CAAA;QAEhC,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,IAAI,UAAU,KAAK,UAAU,CAAC,WAAW,EAAE,CAAC;gBAC1C,qBAAqB;gBACrB,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;gBACrC,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAA;gBAChC,QAAQ,GAAG,CAAC,SAAS,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAC/C,CAAC;iBAAM,CAAC;gBACN,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAChC,CAAC;QACH,CAAC;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,UAAU,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;QAClC,CAAC;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,UAAU,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;QAClC,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YAC3B,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,CAAA;YAC9C,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,GAAG,EAAE,CAAC,CAAC,CAAC,aAAa,CAAA;YAC9D,IAAI,QAAQ,KAAK,EAAE;gBAAE,QAAQ,GAAG,EAAE,CAAA;YAClC,IAAI,QAAQ,KAAK,EAAE,IAAI,KAAK,KAAK,IAAI;gBAAE,QAAQ,GAAG,CAAC,CAAA;QACrD,CAAC;QAED,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;QAE/E,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAA;QACtB,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAEjE,2EAA2E;IAC3E,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAgB,EAAE,EAAE;QAC9D,OAAO,CAAC,OAAO,CAAC,CAAA;QAEhB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,EAAE,EAAE,CAAA;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,gBAAgB;IAChB,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,CAAC;QACtG,CAAC,CAAC,SAAS,CAAA;IAEb,8BAA8B;IAC9B,MAAM,eAAe,GAAG,WAAW,IAAI,CACrC,UAAU,KAAK,UAAU,CAAC,gBAAgB;QACxC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;QACtC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CACrD,CAAA;IAED,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,gBAAc,IAAI,YACzC,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,gBAAgB,aACjD,KAAC,cAAc,IAAC,OAAO,kBACvB,MAAC,MAAM,IACL,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE;wBACX,mEAAmE;wBACnE,qFAAqF,EACrF,CAAC,YAAY,IAAI,uBAAuB,CACzC,aAEA,UAAU,CAAC,qBAAqB,CAAC,KAAK,EAAE;gCACvC,IAAI,EAAE,QAAQ,CAAC,EAAE;gCACjB,SAAS,EAAE,YAAY;6BACxB,CAAC,EACD,YAAY,IAAI,eAAe,IACzB,GACM,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,eAAe,CAAC,KAAK,YACjE,eAAK,SAAS,EAAC,2EAA2E,aAExF,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACpC,cAAK,SAAS,EAAC,4BAA4B,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;4CAClB,MAAM,UAAU,GAAG,UAAU,IAAI,CAC/B,UAAU,KAAK,UAAU,CAAC,gBAAgB;gDACxC,CAAC,CAAC,UAAU,CAAC,KAAK,KAAK,IAAI;gDAC3B,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAC3C,CAAA;4CACD,OAAO,CACL,KAAC,MAAM,IAEL,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,KAAK,EACnF,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,YAEvD,UAAU,KAAK,UAAU,CAAC,gBAAgB;oDACzC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;oDAClC,CAAC,CAAC,IAAI,IARH,IAAI,CAUF,CACV,CAAA;wCACH,CAAC,CAAC,GACE,EACN,KAAC,SAAS,IAAC,WAAW,EAAE,gBAAgB,CAAC,UAAU,EAAE,SAAS,EAAC,WAAW,GAAG,IAClE,EAGb,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACpC,cAAK,SAAS,EAAC,4BAA4B,YACxC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;4CACtB,MAAM,UAAU,GAAG,UAAU,IAAI,UAAU,CAAC,OAAO,KAAK,MAAM,CAAA;4CAC9D,OAAO,CACL,KAAC,MAAM,IAEL,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,KAAK,EACnF,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,YAE3D,MAAM,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAN9B,MAAM,CAOJ,CACV,CAAA;wCACH,CAAC,CAAC,GACE,EACN,KAAC,SAAS,IAAC,WAAW,EAAE,gBAAgB,CAAC,UAAU,EAAE,SAAS,EAAC,WAAW,GAAG,IAClE,EAGZ,WAAW,IAAI,CACd,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACpC,cAAK,SAAS,EAAC,4BAA4B,YACxC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;4CACtB,MAAM,UAAU,GAAG,UAAU,IAAI,UAAU,CAAC,OAAO,KAAK,MAAM,CAAA;4CAC9D,OAAO,CACL,KAAC,MAAM,IAEL,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,KAAK,EACnF,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,YAE3D,MAAM,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAN9B,MAAM,CAOJ,CACV,CAAA;wCACH,CAAC,CAAC,GACE,EACN,KAAC,SAAS,IAAC,WAAW,EAAE,gBAAgB,CAAC,UAAU,EAAE,SAAS,EAAC,WAAW,GAAG,IAClE,CACd,EAGA,UAAU,KAAK,UAAU,CAAC,WAAW,IAAI,CACxC,cAAK,SAAS,EAAC,4BAA4B,YACxC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oCAC3B,MAAM,IAAI,GAAG,CAAC,UAAU,IAAI,UAAU,CAAC,KAAK,GAAG,EAAE,CAAA;oCACjD,MAAM,UAAU,GAAG,CAAC,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,CAAA;oCAC1E,OAAO,CACL,KAAC,MAAM,IAEL,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,KAAK,EACnF,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,YAE9C,MAAM,IANF,MAAM,CAOJ,CACV,CAAA;gCACH,CAAC,CAAC,GACE,CACP,IACG,GACW,IACT,GACN,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/esm/components/form/controls/date-time/time-range-picker.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { TimeRangePickerProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * TimeRangePicker component for selecting time ranges.
+ *
+ * Uses tabbed interface for from/to time selection.
+ * Supports both 12-hour and 24-hour formats.
+ */
+declare const TimeRangePicker: React.ForwardRefExoticComponent<TimeRangePickerProps & React.RefAttributes<HTMLButtonElement>>;
+export { TimeRangePicker };
+//# sourceMappingURL=time-range-picker.d.ts.map

package/dist/esm/components/form/controls/date-time/time-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/date-time/time-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,OAAO,KAAK,EAAE,oBAAoB,EAAsC,MAAM,6BAA6B,CAAA;AA+O3G;;;;;GAKG;AACH,QAAA,MAAM,eAAe,gGAuKnB,CAAA;AAIF,OAAO,EAAE,eAAe,EAAE,CAAA"}