@wildo-ai/presets-components 1.0.1

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

@@ -0,0 +1,129 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { cn, useUI, useIconRegistry, StandardIconReference, IconSize, Button, ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, InteractiveVariant, FormControlVariant, SurfaceVariant, TypographyVariant, SelectableVariant, ButtonSize, } from "@wildo-ai/presets-components-models";
+/** Map public button variant names to InteractiveVariant enum values */
+const BUTTON_VARIANT_MAP = {
+    default: InteractiveVariant.PRIMARY,
+    destructive: InteractiveVariant.DESTRUCTIVE,
+    outline: InteractiveVariant.OUTLINE,
+    secondary: InteractiveVariant.SECONDARY,
+    ghost: InteractiveVariant.GHOST,
+    link: InteractiveVariant.LINK,
+};
+const Calendar = React.forwardRef(function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonPreset = "ghost", formatters, components, ...props }, ref) {
+    const defaultClassNames = getDefaultClassNames();
+    const { getRecipe, getComposedClasses } = useUI();
+    // ── Resolve all recipes once ──────────────────────────────────
+    const navButtonClasses = getComposedClasses(UIBehavior.INTERACTIVE, BUTTON_VARIANT_MAP[buttonPreset ?? 'ghost'] ?? InteractiveVariant.GHOST);
+    const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    const overlayRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.OVERLAY);
+    const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    const selectableRecipe = getRecipe(UIBehavior.SELECTABLE, SelectableVariant.FILLED);
+    return (_jsx("div", { ref: ref, className: "w-fit", children: _jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn(
+            // Structure
+            "group/calendar p-card-sm [--cell-size:--spacing(8)]", 
+            // Context-aware transparency — inherit bg when inside card/popover
+            "bg-background [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", 
+            // RTL chevron flip
+            String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
+                formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+                ...formatters,
+            }, classNames: {
+                root: cn("w-fit", defaultClassNames.root),
+                months: cn("flex gap-field flex-col md:flex-row relative", defaultClassNames.months),
+                month: cn("flex flex-col w-full gap-field", defaultClassNames.month),
+                nav: cn("flex items-center gap-item-xs w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
+                button_previous: cn(navButtonClasses, "size-(--cell-size) pointer-coarse:min-h-11 pointer-coarse:min-w-11 aria-disabled:opacity-[var(--opacity-disabled)] p-0 select-none", defaultClassNames.button_previous),
+                button_next: cn(navButtonClasses, "size-(--cell-size) pointer-coarse:min-h-11 pointer-coarse:min-w-11 aria-disabled:opacity-[var(--opacity-disabled)] p-0 select-none", defaultClassNames.button_next),
+                month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
+                dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
+                // Style from FORM_CONTROL.DEFAULT recipe — dropdown trigger
+                dropdown_root: cn("relative rounded-md", formRecipe.base, formRecipe.states.focus
+                    ? formRecipe.states.focus.replace(/focus-visible:/g, "has-focus:")
+                    : "has-focus:border-ring has-focus:ring-2 has-focus:ring-ring", defaultClassNames.dropdown_root),
+                // Style from SURFACE.OVERLAY recipe — dropdown panel
+                dropdown: cn("absolute inset-0 opacity-0", overlayRecipe.base, defaultClassNames.dropdown),
+                caption_label: cn("select-none font-medium", captionLayout === "label"
+                    ? "text-sm"
+                    : cn("rounded-md ps-2 pe-1 flex items-center gap-item-xs text-sm h-8 [&>svg]:size-3.5", 
+                    // Style — icon color from TYPOGRAPHY.DESCRIPTION recipe
+                    "[&>svg]:" + (descRecipe.base?.match(/text-[\w-/]+/)?.[0] || "text-muted-foreground")), defaultClassNames.caption_label),
+                table: "w-full border-collapse",
+                weekdays: cn("flex", defaultClassNames.weekdays),
+                // Style from TYPOGRAPHY.DESCRIPTION recipe — weekday headers
+                weekday: cn("rounded-md flex-1 font-normal text-[0.8rem] select-none", descRecipe.base, defaultClassNames.weekday),
+                week: cn("flex w-full mt-element", defaultClassNames.week),
+                week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
+                // Style from TYPOGRAPHY.DESCRIPTION recipe — week numbers
+                week_number: cn("text-[0.8rem] select-none", descRecipe.base, defaultClassNames.week_number),
+                day: cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-s-md [&:last-child[data-selected=true]_button]:rounded-e-md group/day aspect-square select-none", defaultClassNames.day),
+                // Range boundaries — use accent token for background highlight
+                range_start: cn("rounded-s-md bg-accent", defaultClassNames.range_start),
+                range_middle: cn("rounded-none", defaultClassNames.range_middle),
+                range_end: cn("rounded-e-md bg-accent", defaultClassNames.range_end),
+                // Today indicator — accent highlight
+                today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
+                // Style from TYPOGRAPHY.DESCRIPTION recipe — dimmed outside days
+                outside: cn(descRecipe.base, 
+                // Keep muted even when selected within a range
+                "aria-selected:" + (descRecipe.base?.match(/text-[\w-/]+/)?.[0] || "text-muted-foreground"), defaultClassNames.outside),
+                // Disabled days — recipe disabled pattern
+                disabled: cn(descRecipe.base, "opacity-[var(--opacity-disabled)]", defaultClassNames.disabled),
+                hidden: cn("invisible", defaultClassNames.hidden),
+                ...classNames,
+            }, components: {
+                Root: ({ className, rootRef, ...props }) => {
+                    return (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
+                },
+                Chevron: CalendarChevron,
+                DayButton: CalendarDayButton,
+                WeekNumber: ({ children, ...props }) => {
+                    return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
+                },
+                ...components,
+            }, ...props }) }));
+});
+function CalendarChevron({ className, orientation, ...props }) {
+    const { renderIcon } = useIconRegistry();
+    if (orientation === "left") {
+        return renderIcon(StandardIconReference.CHEVRON_LEFT, { size: IconSize.SM, className });
+    }
+    if (orientation === "right") {
+        return renderIcon(StandardIconReference.CHEVRON_RIGHT, { size: IconSize.SM, className });
+    }
+    return renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.SM, className });
+}
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    const { getRecipe } = useUI();
+    const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    const primaryRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.PRIMARY);
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (modifiers.focused)
+            ref.current?.focus();
+    }, [modifiers.focused]);
+    return (_jsx(Button, { ref: ref, variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
+            !modifiers.range_start &&
+            !modifiers.range_end &&
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn(
+        // Structure — day cell layout
+        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-item-xs leading-none font-normal", 
+        // Sub-element sizing
+        "[&>span]:text-xs [&>span]:opacity-[var(--opacity-muted)]", 
+        // ── Selection states (use primary recipe base colors) ──
+        // Single selected day
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground", 
+        // Range boundaries
+        "data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground", "data-[range-start=true]:rounded-md data-[range-start=true]:rounded-s-md", "data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground", "data-[range-end=true]:rounded-md data-[range-end=true]:rounded-e-md", 
+        // Range middle
+        "data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground", "data-[range-middle=true]:rounded-none", 
+        // ── Focus ring — standardized (decision 1.16) ──
+        "group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10", "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-2 group-data-[focused=true]/day:ring-ring", defaultClassNames.day, className), ...props }));
+}
+;
+Calendar.displayName = "Calendar";
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.js.map

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

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

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { DateRangePickerProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * DateRangePicker component for selecting date ranges.
+ *
+ * Uses react-day-picker in range mode with dual calendar display.
+ * Supports localization through DateFormat enum.
+ */
+declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLButtonElement>>;
+export { DateRangePicker };
+//# sourceMappingURL=date-range-picker.d.ts.map

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

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

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

@@ -0,0 +1,89 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { format } from "date-fns";
+import { cn, useIconRegistry, StandardIconReference, IconSize, Button, Calendar, Popover, PopoverContent, PopoverTrigger, } from "@wildo-ai/saas-frontend-lib";
+import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { DateFormat, RegionalFormattingUtils } from "@wildo-ai/presets-components-models";
+import { HorizontalAlign } from "@wildo-ai/zod-decorators";
+// ============================================================================
+// HELPER FUNCTIONS
+// ============================================================================
+/**
+ * Format date for display using centralized date-fns format mapping.
+ */
+function formatDateDisplay(date, dateFormat) {
+    return format(date, RegionalFormattingUtils.dateFormatToDateFns(dateFormat));
+}
+/**
+ * Format date range for display
+ */
+function formatRangeDisplay(range, dateFormat) {
+    if (!range?.from && !range?.to)
+        return undefined;
+    if (range.from && range.to) {
+        return `${formatDateDisplay(range.from, dateFormat)} - ${formatDateDisplay(range.to, dateFormat)}`;
+    }
+    if (range.from) {
+        return formatDateDisplay(range.from, dateFormat);
+    }
+    return undefined;
+}
+// ============================================================================
+// DATE RANGE PICKER COMPONENT
+// ============================================================================
+/**
+ * DateRangePicker component for selecting date ranges.
+ *
+ * Uses react-day-picker in range mode with dual calendar display.
+ * Supports localization through DateFormat enum.
+ */
+const DateRangePicker = React.forwardRef(({ schema, name, placeholder = "Select date range", disabled, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, dateFormat = DateFormat.US_MEDIUM, minDate, maxDate, numberOfMonths = 2, }, 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;
+    // Handle range selection - validation is handled by parent FormField via RHF
+    const handleRangeSelect = React.useCallback((range) => {
+        const newValue = range
+            ? { from: range.from, to: range.to }
+            : undefined;
+        if (isControlled) {
+            onChange?.(newValue);
+        }
+        else {
+            setInternalValue(newValue);
+        }
+    }, [isControlled, onChange]);
+    // 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 = formatRangeDisplay(currentValue, dateFormat);
+    // Convert to react-day-picker DateRange
+    const calendarValue = currentValue
+        ? { from: currentValue.from, to: currentValue.to }
+        : undefined;
+    return (_jsx("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(
+                        // 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.CALENDAR, {
+                                size: IconSize.SM,
+                                className: "me-element"
+                            }), displayValue || placeholder] }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: HorizontalAlign.START, children: _jsx(Calendar, { mode: "range", selected: calendarValue, onSelect: handleRangeSelect, numberOfMonths: numberOfMonths, disabled: (date) => {
+                            if (minDate && date < minDate)
+                                return true;
+                            if (maxDate && date > maxDate)
+                                return true;
+                            return false;
+                        } }) })] }) }));
+});
+DateRangePicker.displayName = "DateRangePicker";
+export { DateRangePicker };
+//# sourceMappingURL=date-range-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/date-time/date-range-picker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,OAAO,EACL,EAAE,EACF,eAAe,EACf,qBAAqB,EACrB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAI1D,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E;;GAEG;AACH,SAAS,iBAAiB,CAAC,IAAU,EAAE,UAAsB;IAC3D,OAAO,MAAM,CAAC,IAAI,EAAE,uBAAuB,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAA;AAC9E,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,KAAiC,EAAE,UAAsB;IACnF,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;QAAE,OAAO,SAAS,CAAA;IAEhD,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;QAC3B,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,CAAA;IACpG,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,iBAAiB,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;IAClD,CAAC;IAED,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,+EAA+E;AAC/E,8BAA8B;AAC9B,+EAA+E;AAE/E;;;;;GAKG;AACH,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EACC,MAAM,EACN,IAAI,EACJ,WAAW,GAAG,mBAAmB,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EAAE,kBAAkB,EAClC,UAAU,GAAG,UAAU,CAAC,SAAS,EACjC,OAAO,EACP,OAAO,EACP,cAAc,GAAG,CAAC,GACnB,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,CAA6B,YAAY,CAAC,CAAA;IAClG,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,6EAA6E;IAC7E,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA4B,EAAE,EAAE;QAC3E,MAAM,QAAQ,GAA+B,KAAK;YAChD,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE;YACpC,CAAC,CAAC,SAAS,CAAA;QAEb,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,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,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,kBAAkB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;IAEjE,wCAAwC;IACxC,MAAM,aAAa,GAA0B,YAAY;QACvD,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,YAAY,CAAC,EAAE,EAAE;QAClD,CAAC,CAAC,SAAS,CAAA;IAEb,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,gBAAgB,aACjD,KAAC,cAAc,IAAC,OAAO,kBACrB,MAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,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,QAAQ,EAAE;gCAC1C,IAAI,EAAE,QAAQ,CAAC,EAAE;gCACjB,SAAS,EAAE,YAAY;6BACxB,CAAC,EACD,YAAY,IAAI,WAAW,IACrB,GACM,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,eAAe,CAAC,KAAK,YACjE,KAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,iBAAiB,EAC3B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;4BACjB,IAAI,OAAO,IAAI,IAAI,GAAG,OAAO;gCAAE,OAAO,IAAI,CAAA;4BAC1C,IAAI,OAAO,IAAI,IAAI,GAAG,OAAO;gCAAE,OAAO,IAAI,CAAA;4BAC1C,OAAO,KAAK,CAAA;wBACd,CAAC,GACD,GACa,IACT,GACN,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,CAAA"}

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { DatePickerProps } from '@wildo-ai/saas-frontend-lib';
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
+export { DatePicker };
+//# sourceMappingURL=datepicker.d.ts.map

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

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

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

@@ -0,0 +1,62 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { format } from "date-fns";
+import { cn, useIconRegistry, StandardIconReference, IconSize, Button, Calendar, Popover, PopoverContent, PopoverTrigger, } from "@wildo-ai/saas-frontend-lib";
+import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { DateFormat, RegionalFormattingUtils } from "@wildo-ai/presets-components-models";
+import { HorizontalAlign } from "@wildo-ai/zod-decorators";
+const DatePicker = React.forwardRef(({ schema, name, placeholder = "Pick a date", disabled, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, minDate, maxDate, dateFormat: dateFormatProp, }, ref) => {
+    const { renderIcon } = useIconRegistry();
+    // Resolve dateFormat: if it's a DateFormat enum value, convert to date-fns string
+    const resolvedDateFormat = React.useMemo(() => {
+        if (!dateFormatProp)
+            return "PPP";
+        // Check if it's a DateFormat enum value (enum values look like 'YYYY-MM-DD', 'MM/DD/YYYY', etc.)
+        if (Object.values(DateFormat).includes(dateFormatProp)) {
+            return RegionalFormattingUtils.dateFormatToDateFns(dateFormatProp);
+        }
+        // Already a date-fns format string
+        return dateFormatProp;
+    }, [dateFormatProp]);
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    // Popover open state
+    const [open, setOpen] = React.useState(false);
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Handle date selection - validation is handled by parent FormField via RHF
+    const handleSelect = React.useCallback((date) => {
+        if (isControlled) {
+            onChange?.(date);
+        }
+        else {
+            setInternalValue(date);
+        }
+        // Close popover after selection
+        setOpen(false);
+    }, [isControlled, onChange]);
+    // Handle popover close (blur) - validation is handled by parent FormField via RHF
+    const handleOpenChange = React.useCallback((newOpen) => {
+        setOpen(newOpen);
+        if (!newOpen) {
+            onBlur?.();
+        }
+    }, [onBlur]);
+    return (_jsx("div", { className: className, "data-field": name, 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(
+                        // Override outline button background to match form control styling
+                        "w-full justify-start text-start font-normal bg-transparent dark:bg-surface-inset/30", !currentValue && "text-muted-foreground"), children: [renderIcon(StandardIconReference.CALENDAR, {
+                                size: IconSize.SM,
+                                className: "me-element"
+                            }), currentValue ? format(currentValue, resolvedDateFormat) : placeholder] }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: HorizontalAlign.START, children: _jsx(Calendar, { mode: "single", selected: currentValue, onSelect: handleSelect, disabled: (date) => {
+                            if (minDate && date < minDate)
+                                return true;
+                            if (maxDate && date > maxDate)
+                                return true;
+                            return false;
+                        }, initialFocus: true }) })] }) }));
+});
+DatePicker.displayName = "DatePicker";
+export { DatePicker };
+//# sourceMappingURL=datepicker.js.map

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

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

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { DateTimePickerProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * DateTimePicker component combining calendar and time selection.
+ *
+ * Supports both 12-hour and 24-hour time formats.
+ * Includes localization support for date formats.
+ */
+declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLButtonElement>>;
+export { DateTimePicker };
+//# sourceMappingURL=datetime-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/date-time/datetime-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,OAAO,KAAK,EAAE,mBAAmB,EAAqB,MAAM,6BAA6B,CAAA;AAkCzF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,+FA8OlB,CAAA;AAIF,OAAO,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1,161 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { format, isValid } from "date-fns";
+import { cn, useIconRegistry, StandardIconReference, IconSize, Button, Calendar, Popover, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, } from "@wildo-ai/saas-frontend-lib";
+import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { TimeFormat, DateFormat, RegionalFormattingUtils, ButtonSize } from "@wildo-ai/presets-components-models";
+import { HorizontalAlign, DisplayDirection } from "@wildo-ai/zod-decorators";
+// ============================================================================
+// HELPER FUNCTIONS
+// ============================================================================
+/**
+ * Parse value to Date
+ */
+function parseToDate(value) {
+    if (!value)
+        return undefined;
+    if (value instanceof Date)
+        return value;
+    // Try ISO parsing
+    const parsed = new Date(value);
+    return isValid(parsed) ? parsed : undefined;
+}
+/**
+ * Format datetime for display using centralized date-fns format mapping.
+ */
+function formatDateTimeDisplay(date, dateFormat, timeFormat) {
+    return format(date, RegionalFormattingUtils.dateTimeFormatToDateFns(dateFormat, timeFormat));
+}
+// ============================================================================
+// DATE TIME PICKER COMPONENT
+// ============================================================================
+/**
+ * DateTimePicker component combining calendar and time selection.
+ *
+ * Supports both 12-hour and 24-hour time formats.
+ * Includes localization support for date formats.
+ */
+const DateTimePicker = React.forwardRef(({ schema, name, placeholder, disabled, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, timeFormat = TimeFormat.TWELVE_HOUR, dateFormat = DateFormat.US_MEDIUM, minuteStep = 5, minDate, maxDate, }, ref) => {
+    const { renderIcon } = useIconRegistry();
+    // Internal state
+    const [internalValue, setInternalValue] = React.useState(parseToDate(defaultValue));
+    const [open, setOpen] = React.useState(false);
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? parseToDate(controlledValue) : internalValue;
+    // 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);
+    // Update datetime value - validation is handled by parent FormField via RHF
+    const updateValue = React.useCallback((newDate) => {
+        if (isControlled) {
+            onChange?.(newDate);
+        }
+        else {
+            setInternalValue(newDate);
+        }
+    }, [isControlled, onChange]);
+    // Handle date selection
+    const handleDateSelect = React.useCallback((selectedDate) => {
+        if (!selectedDate) {
+            updateValue(undefined);
+            return;
+        }
+        // Preserve existing time if we have one
+        const existingTime = currentValue;
+        const newDate = new Date(selectedDate);
+        if (existingTime) {
+            newDate.setHours(existingTime.getHours());
+            newDate.setMinutes(existingTime.getMinutes());
+            newDate.setSeconds(existingTime.getSeconds());
+        }
+        else {
+            // Default to noon
+            newDate.setHours(12, 0, 0, 0);
+        }
+        updateValue(newDate);
+    }, [currentValue, updateValue]);
+    // Handle time change
+    const handleTimeChange = React.useCallback((type, value) => {
+        if (!currentValue) {
+            // Create a new date with today's date
+            const newDate = new Date();
+            newDate.setHours(12, 0, 0, 0);
+            updateValue(newDate);
+            return;
+        }
+        const newDate = new Date(currentValue);
+        if (type === 'hour') {
+            if (timeFormat === TimeFormat.TWELVE_HOUR) {
+                const inputHour = parseInt(value, 10);
+                const isPM = currentValue.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 = currentValue.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);
+        }
+        updateValue(newDate);
+    }, [currentValue, timeFormat, updateValue]);
+    // Handle popover close
+    const handleOpenChange = React.useCallback((newOpen) => {
+        setOpen(newOpen);
+        if (!newOpen) {
+            onBlur?.();
+        }
+    }, [onBlur]);
+    // Display value
+    const displayValue = currentValue
+        ? formatDateTimeDisplay(currentValue, dateFormat, timeFormat)
+        : undefined;
+    // Placeholder
+    const placeholderText = placeholder || (timeFormat === TimeFormat.TWENTY_FOUR_HOUR
+        ? 'Select date and time'
+        : 'Select date and time');
+    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.CALENDAR, {
+                                size: IconSize.SM,
+                                className: "me-element"
+                            }), displayValue || placeholderText] }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: HorizontalAlign.START, children: _jsxs("div", { className: "sm:flex", children: [_jsx(Calendar, { mode: "single", selected: currentValue, onSelect: handleDateSelect, disabled: (date) => {
+                                    if (minDate && date < minDate)
+                                        return true;
+                                    if (maxDate && date > maxDate)
+                                        return true;
+                                    return false;
+                                } }), _jsxs("div", { className: "flex flex-col sm:flex-row sm:h-[300px] divide-y sm:divide-y-0 sm:divide-x border-t sm:border-t-0 sm:border-s", 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 currentHour = currentValue?.getHours() ?? -1;
+                                                    const isSelected = timeFormat === TimeFormat.TWENTY_FOUR_HOUR
+                                                        ? currentHour === hour
+                                                        : (currentHour % 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 = currentValue && currentValue.getMinutes() === 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" })] }), timeFormat === TimeFormat.TWELVE_HOUR && (_jsx("div", { className: "flex sm:flex-col p-card-sm", children: ["AM", "PM"].map((period) => {
+                                            const isAM = !currentValue || currentValue.getHours() < 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));
+                                        }) }))] })] }) })] }) }));
+});
+DateTimePicker.displayName = "DateTimePicker";
+export { DateTimePicker };
+//# sourceMappingURL=datetime-picker.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-range-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/date-time/datetime-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0B9B,OAAO,KAAK,EAAE,wBAAwB,EAA8C,MAAM,6BAA6B,CAAA;AAkJvH;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,oGA8NvB,CAAA;AAIF,OAAO,EAAE,mBAAmB,EAAE,CAAA"}