@webiny/admin-ui 0.0.0-unstable.a4637c5ce6 → 0.0.0-unstable.a85ef555b2

package/DatePicker/primitives/WeekPicker.js

@@ -0,0 +1,93 @@
+import react, { useMemo, useState } from "react";
+import { eachDayOfInterval, endOfISOWeek, startOfISOWeek } from "date-fns";
+import { Calendar } from "../../Calendar/index.js";
+import { PopoverPrimitive } from "../../Popover/index.js";
+import { formatDateForDisplay, formatWeekValue, parseWeekValue } from "../utils/dateHelpers.js";
+import { DatePickerTrigger } from "./components/DatePickerTrigger.js";
+function weekDatesFromParsed(parsed) {
+    const jan4 = new Date(parsed.year, 0, 4);
+    const weekStart = startOfISOWeek(new Date(jan4.getTime() + (parsed.week - 1) * 604800000));
+    return eachDayOfInterval({
+        start: weekStart,
+        end: endOfISOWeek(weekStart)
+    });
+}
+const WeekPicker = ({ value, onChange, placeholder, disabled, size, variant, invalid, onOpenChange, className, displayFormat })=>{
+    const [open, setOpen] = useState(false);
+    const [hoveredDay, setHoveredDay] = useState();
+    const handleOpenChange = (isOpen)=>{
+        setOpen(isOpen);
+        if (!isOpen) setHoveredDay(void 0);
+        if (onOpenChange) onOpenChange(isOpen);
+    };
+    const displayValue = formatDateForDisplay(value, "week", displayFormat);
+    const parsed = value ? parseWeekValue(value) : void 0;
+    const selectedWeekDays = useMemo(()=>parsed ? weekDatesFromParsed(parsed) : [], [
+        value
+    ]);
+    const hoveredWeekDays = useMemo(()=>{
+        if (!hoveredDay) return [];
+        const start = startOfISOWeek(hoveredDay);
+        return eachDayOfInterval({
+            start,
+            end: endOfISOWeek(start)
+        });
+    }, [
+        hoveredDay
+    ]);
+    const modifiers = useMemo(()=>({
+            selectedWeek: selectedWeekDays,
+            selectedWeekStart: selectedWeekDays.length > 0 ? [
+                selectedWeekDays[0]
+            ] : [],
+            selectedWeekEnd: selectedWeekDays.length > 0 ? [
+                selectedWeekDays[6]
+            ] : [],
+            hoveredWeek: hoveredWeekDays,
+            hoveredWeekStart: hoveredWeekDays.length > 0 ? [
+                hoveredWeekDays[0]
+            ] : [],
+            hoveredWeekEnd: hoveredWeekDays.length > 0 ? [
+                hoveredWeekDays[6]
+            ] : []
+        }), [
+        selectedWeekDays,
+        hoveredWeekDays
+    ]);
+    const modifiersClassNames = useMemo(()=>({
+            selectedWeek: "bg-primary-subtle [&>button]:bg-transparent [&>button]:text-primary-strong [&>button]:rounded-none [&>button]:hover:bg-primary-subtle/70",
+            selectedWeekStart: "[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-l-sm [&>button]:rounded-r-none [&>button]:hover:bg-primary-strong",
+            selectedWeekEnd: "[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-r-sm [&>button]:rounded-l-none [&>button]:hover:bg-primary-strong",
+            hoveredWeek: "bg-neutral-light [&>button]:rounded-none",
+            hoveredWeekStart: "[&>button]:rounded-l-sm [&>button]:rounded-r-none",
+            hoveredWeekEnd: "[&>button]:rounded-r-sm [&>button]:rounded-l-none"
+        }), []);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: className
+    }, /*#__PURE__*/ react.createElement(PopoverPrimitive, {
+        open: open,
+        onOpenChange: handleOpenChange
+    }, /*#__PURE__*/ react.createElement(DatePickerTrigger, {
+        displayValue: displayValue,
+        placeholder: placeholder ?? "Pick a week",
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(PopoverPrimitive.Content, {
+        align: "start"
+    }, /*#__PURE__*/ react.createElement(Calendar, {
+        modifiers: modifiers,
+        modifiersClassNames: modifiersClassNames,
+        onDayClick: (date)=>{
+            if (onChange) onChange(formatWeekValue(date));
+            handleOpenChange(false);
+        },
+        onDayMouseEnter: (day)=>setHoveredDay(day),
+        onDayMouseLeave: ()=>setHoveredDay(void 0),
+        ISOWeek: true
+    }))));
+};
+export { WeekPicker };
+
+//# sourceMappingURL=WeekPicker.js.map

package/DatePicker/primitives/WeekPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/primitives/WeekPicker.js","sources":["../../../src/DatePicker/primitives/WeekPicker.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { eachDayOfInterval, endOfISOWeek, startOfISOWeek } from \"date-fns\";\nimport { Calendar } from \"~/Calendar/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { WeekPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay, formatWeekValue, parseWeekValue } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\n\nfunction weekDatesFromParsed(parsed: { year: number; week: number }): Date[] {\n    const jan4 = new Date(parsed.year, 0, 4);\n    const weekStart = startOfISOWeek(new Date(jan4.getTime() + (parsed.week - 1) * 7 * 86400000));\n    return eachDayOfInterval({ start: weekStart, end: endOfISOWeek(weekStart) });\n}\n\nconst WeekPicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    onOpenChange,\n    className,\n    displayFormat\n}: WeekPickerProps) => {\n    const [open, setOpen] = useState(false);\n    const [hoveredDay, setHoveredDay] = useState<Date | undefined>();\n\n    const handleOpenChange = (isOpen: boolean) => {\n        setOpen(isOpen);\n        if (!isOpen) {\n            setHoveredDay(undefined);\n        }\n        if (onOpenChange) {\n            onOpenChange(isOpen);\n        }\n    };\n\n    const displayValue = formatDateForDisplay(value, \"week\", displayFormat);\n\n    const parsed = value ? parseWeekValue(value) : undefined;\n    const selectedWeekDays = useMemo(() => (parsed ? weekDatesFromParsed(parsed) : []), [value]);\n\n    const hoveredWeekDays = useMemo(() => {\n        if (!hoveredDay) {\n            return [];\n        }\n        const start = startOfISOWeek(hoveredDay);\n        return eachDayOfInterval({ start, end: endOfISOWeek(start) });\n    }, [hoveredDay]);\n\n    const modifiers = useMemo(\n        () => ({\n            selectedWeek: selectedWeekDays,\n            selectedWeekStart: selectedWeekDays.length > 0 ? [selectedWeekDays[0]] : [],\n            selectedWeekEnd: selectedWeekDays.length > 0 ? [selectedWeekDays[6]] : [],\n            hoveredWeek: hoveredWeekDays,\n            hoveredWeekStart: hoveredWeekDays.length > 0 ? [hoveredWeekDays[0]] : [],\n            hoveredWeekEnd: hoveredWeekDays.length > 0 ? [hoveredWeekDays[6]] : []\n        }),\n        [selectedWeekDays, hoveredWeekDays]\n    );\n\n    const modifiersClassNames = useMemo(\n        () => ({\n            selectedWeek:\n                \"bg-primary-subtle [&>button]:bg-transparent [&>button]:text-primary-strong [&>button]:rounded-none [&>button]:hover:bg-primary-subtle/70\",\n            selectedWeekStart:\n                \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-l-sm [&>button]:rounded-r-none [&>button]:hover:bg-primary-strong\",\n            selectedWeekEnd:\n                \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-r-sm [&>button]:rounded-l-none [&>button]:hover:bg-primary-strong\",\n            hoveredWeek: \"bg-neutral-light [&>button]:rounded-none\",\n            hoveredWeekStart: \"[&>button]:rounded-l-sm [&>button]:rounded-r-none\",\n            hoveredWeekEnd: \"[&>button]:rounded-r-sm [&>button]:rounded-l-none\"\n        }),\n        []\n    );\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a week\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <Calendar\n                        modifiers={modifiers}\n                        modifiersClassNames={modifiersClassNames}\n                        onDayClick={date => {\n                            if (onChange) {\n                                onChange(formatWeekValue(date));\n                            }\n                            handleOpenChange(false);\n                        }}\n                        onDayMouseEnter={day => setHoveredDay(day)}\n                        onDayMouseLeave={() => setHoveredDay(undefined)}\n                        ISOWeek\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { WeekPicker };\n"],"names":["weekDatesFromParsed","parsed","jan4","Date","weekStart","startOfISOWeek","eachDayOfInterval","endOfISOWeek","WeekPicker","value","onChange","placeholder","disabled","size","variant","invalid","onOpenChange","className","displayFormat","open","setOpen","useState","hoveredDay","setHoveredDay","handleOpenChange","isOpen","undefined","displayValue","formatDateForDisplay","parseWeekValue","selectedWeekDays","useMemo","hoveredWeekDays","start","modifiers","modifiersClassNames","PopoverPrimitive","DatePickerTrigger","Calendar","date","formatWeekValue","day"],"mappings":";;;;;;AAQA,SAASA,oBAAoBC,MAAsC;IAC/D,MAAMC,OAAO,IAAIC,KAAKF,OAAO,IAAI,EAAE,GAAG;IACtC,MAAMG,YAAYC,eAAe,IAAIF,KAAKD,KAAK,OAAO,KAAMD,AAAAA,CAAAA,OAAO,IAAI,GAAG,KAAdA;IAC5D,OAAOK,kBAAkB;QAAE,OAAOF;QAAW,KAAKG,aAAaH;IAAW;AAC9E;AAEA,MAAMI,aAAa,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,SAAS,EACTC,aAAa,EACC;IACd,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IACjC,MAAM,CAACC,YAAYC,cAAc,GAAGF;IAEpC,MAAMG,mBAAmB,CAACC;QACtBL,QAAQK;QACR,IAAI,CAACA,QACDF,cAAcG;QAElB,IAAIV,cACAA,aAAaS;IAErB;IAEA,MAAME,eAAeC,qBAAqBnB,OAAO,QAAQS;IAEzD,MAAMjB,SAASQ,QAAQoB,eAAepB,SAASiB;IAC/C,MAAMI,mBAAmBC,QAAQ,IAAO9B,SAASD,oBAAoBC,UAAU,EAAE,EAAG;QAACQ;KAAM;IAE3F,MAAMuB,kBAAkBD,QAAQ;QAC5B,IAAI,CAACT,YACD,OAAO,EAAE;QAEb,MAAMW,QAAQ5B,eAAeiB;QAC7B,OAAOhB,kBAAkB;YAAE2B;YAAO,KAAK1B,aAAa0B;QAAO;IAC/D,GAAG;QAACX;KAAW;IAEf,MAAMY,YAAYH,QACd,IAAO;YACH,cAAcD;YACd,mBAAmBA,iBAAiB,MAAM,GAAG,IAAI;gBAACA,gBAAgB,CAAC,EAAE;aAAC,GAAG,EAAE;YAC3E,iBAAiBA,iBAAiB,MAAM,GAAG,IAAI;gBAACA,gBAAgB,CAAC,EAAE;aAAC,GAAG,EAAE;YACzE,aAAaE;YACb,kBAAkBA,gBAAgB,MAAM,GAAG,IAAI;gBAACA,eAAe,CAAC,EAAE;aAAC,GAAG,EAAE;YACxE,gBAAgBA,gBAAgB,MAAM,GAAG,IAAI;gBAACA,eAAe,CAAC,EAAE;aAAC,GAAG,EAAE;QAC1E,IACA;QAACF;QAAkBE;KAAgB;IAGvC,MAAMG,sBAAsBJ,QACxB,IAAO;YACH,cACI;YACJ,mBACI;YACJ,iBACI;YACJ,aAAa;YACb,kBAAkB;YAClB,gBAAgB;QACpB,IACA,EAAE;IAGN,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWd;qBACZ,oBAACmB,kBAAgBA;QAAC,MAAMjB;QAAM,cAAcK;qBACxC,oBAACa,mBAAiBA;QACd,cAAcV;QACd,aAAahB,eAAe;QAC5B,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;sBAEb,oBAACqB,iBAAiB,OAAO;QAAC,OAAM;qBAC5B,oBAACE,UAAQA;QACL,WAAWJ;QACX,qBAAqBC;QACrB,YAAYI,CAAAA;YACR,IAAI7B,UACAA,SAAS8B,gBAAgBD;YAE7Bf,iBAAiB;QACrB;QACA,iBAAiBiB,CAAAA,MAAOlB,cAAckB;QACtC,iBAAiB,IAAMlB,cAAcG;QACrC;;AAMxB"}

package/DatePicker/primitives/YearPicker.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { YearPickerProps } from "../utils/types.js";
+declare const YearPicker: ({ value, onChange, placeholder, disabled, size, variant, invalid, yearRange, onOpenChange, className }: YearPickerProps) => React.JSX.Element;
+export { YearPicker };

package/DatePicker/primitives/YearPicker.js

@@ -0,0 +1,41 @@
+import react, { useState } from "react";
+import { PopoverPrimitive } from "../../Popover/index.js";
+import { formatDateForDisplay } from "../utils/dateHelpers.js";
+import { DatePickerTrigger } from "./components/DatePickerTrigger.js";
+import { YearGrid } from "./components/YearGrid.js";
+const YearPicker = ({ value, onChange, placeholder, disabled, size, variant, invalid, yearRange, onOpenChange, className })=>{
+    const [open, setOpen] = useState(false);
+    const handleOpenChange = (isOpen)=>{
+        setOpen(isOpen);
+        if (onOpenChange) onOpenChange(isOpen);
+    };
+    const displayValue = formatDateForDisplay(value, "year");
+    const handleYearSelect = (year)=>{
+        if (onChange) onChange(year);
+        handleOpenChange(false);
+    };
+    return /*#__PURE__*/ react.createElement("div", {
+        className: className
+    }, /*#__PURE__*/ react.createElement(PopoverPrimitive, {
+        open: open,
+        onOpenChange: handleOpenChange
+    }, /*#__PURE__*/ react.createElement(DatePickerTrigger, {
+        displayValue: displayValue,
+        placeholder: placeholder ?? "Pick a year",
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(PopoverPrimitive.Content, {
+        align: "start"
+    }, /*#__PURE__*/ react.createElement(YearGrid, {
+        selectedYears: void 0 !== value ? [
+            value
+        ] : [],
+        onSelectYear: handleYearSelect,
+        yearRange: yearRange
+    }))));
+};
+export { YearPicker };
+
+//# sourceMappingURL=YearPicker.js.map

package/DatePicker/primitives/YearPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/primitives/YearPicker.js","sources":["../../../src/DatePicker/primitives/YearPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { YearPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\nimport { YearGrid } from \"./components/YearGrid.js\";\n\nconst YearPicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    yearRange,\n    onOpenChange,\n    className\n}: YearPickerProps) => {\n    const [open, setOpen] = useState(false);\n\n    const handleOpenChange = (isOpen: boolean) => {\n        setOpen(isOpen);\n        if (onOpenChange) {\n            onOpenChange(isOpen);\n        }\n    };\n\n    const displayValue = formatDateForDisplay(value, \"year\");\n\n    const handleYearSelect = (year: number) => {\n        if (onChange) {\n            onChange(year);\n        }\n        handleOpenChange(false);\n    };\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a year\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <YearGrid\n                        selectedYears={value !== undefined ? [value] : []}\n                        onSelectYear={handleYearSelect}\n                        yearRange={yearRange}\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { YearPicker };\n"],"names":["YearPicker","value","onChange","placeholder","disabled","size","variant","invalid","yearRange","onOpenChange","className","open","setOpen","useState","handleOpenChange","isOpen","displayValue","formatDateForDisplay","handleYearSelect","year","PopoverPrimitive","DatePickerTrigger","YearGrid","undefined"],"mappings":";;;;;AAOA,MAAMA,aAAa,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,YAAY,EACZC,SAAS,EACK;IACd,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IAEjC,MAAMC,mBAAmB,CAACC;QACtBH,QAAQG;QACR,IAAIN,cACAA,aAAaM;IAErB;IAEA,MAAMC,eAAeC,qBAAqBhB,OAAO;IAEjD,MAAMiB,mBAAmB,CAACC;QACtB,IAAIjB,UACAA,SAASiB;QAEbL,iBAAiB;IACrB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWJ;qBACZ,oBAACU,kBAAgBA;QAAC,MAAMT;QAAM,cAAcG;qBACxC,oBAACO,mBAAiBA;QACd,cAAcL;QACd,aAAab,eAAe;QAC5B,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;sBAEb,oBAACa,iBAAiB,OAAO;QAAC,OAAM;qBAC5B,oBAACE,UAAQA;QACL,eAAerB,AAAUsB,WAAVtB,QAAsB;YAACA;SAAM,GAAG,EAAE;QACjD,cAAciB;QACd,WAAWV;;AAMnC"}

package/DatePicker/primitives/components/DatePickerTrigger.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type InputPrimitiveProps } from "../../../Input/index.js";
+interface DatePickerTriggerProps {
+    displayValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: InputPrimitiveProps["size"];
+    variant?: InputPrimitiveProps["variant"];
+    invalid?: InputPrimitiveProps["invalid"];
+    iconType?: "calendar" | "time";
+}
+declare const DatePickerTriggerInner: React.ForwardRefExoticComponent<DatePickerTriggerProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { DatePickerTriggerInner as DatePickerTrigger, type DatePickerTriggerProps };

package/DatePicker/primitives/components/DatePickerTrigger.js

@@ -0,0 +1,36 @@
+import react, { forwardRef } from "react";
+import { ReactComponent } from "@webiny/icons/calendar_month.svg";
+import { ReactComponent as schedule_svg_ReactComponent } from "@webiny/icons/schedule.svg";
+import { Icon } from "../../../Icon/index.js";
+import { inputVariants } from "../../../Input/index.js";
+import { PopoverPrimitive } from "../../../Popover/index.js";
+import { cn } from "../../../utils.js";
+const DatePickerTriggerInner = /*#__PURE__*/ forwardRef(({ displayValue, placeholder, disabled, size, variant, invalid, iconType = "calendar", className, ...props }, ref)=>{
+    const IconComponent = "time" === iconType ? schedule_svg_ReactComponent : ReactComponent;
+    const iconLabel = "time" === iconType ? "Time" : "Calendar";
+    return /*#__PURE__*/ react.createElement(PopoverPrimitive.Trigger, {
+        asChild: true
+    }, /*#__PURE__*/ react.createElement("div", {
+        ref: ref,
+        role: "button",
+        tabIndex: 0,
+        "data-disabled": disabled,
+        className: cn(inputVariants({
+            size,
+            variant,
+            invalid
+        }), "cursor-pointer justify-between select-none min-w-0 overflow-hidden", disabled && "pointer-events-none opacity-50", className),
+        ...props
+    }, /*#__PURE__*/ react.createElement("span", {
+        className: cn("truncate", !displayValue && "text-neutral-dimmed")
+    }, displayValue || placeholder || "Select..."), /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(IconComponent, null),
+        label: iconLabel,
+        size: "sm",
+        color: "inherit"
+    })));
+});
+DatePickerTriggerInner.displayName = "DatePickerTrigger";
+export { DatePickerTriggerInner as DatePickerTrigger };
+
+//# sourceMappingURL=DatePickerTrigger.js.map

package/DatePicker/primitives/components/DatePickerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/primitives/components/DatePickerTrigger.js","sources":["../../../../src/DatePicker/primitives/components/DatePickerTrigger.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ReactComponent as CalendarMonthIcon } from \"@webiny/icons/calendar_month.svg\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/schedule.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { inputVariants, type InputPrimitiveProps } from \"~/Input/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface DatePickerTriggerProps {\n    displayValue?: string;\n    placeholder?: string;\n    disabled?: boolean;\n    size?: InputPrimitiveProps[\"size\"];\n    variant?: InputPrimitiveProps[\"variant\"];\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    iconType?: \"calendar\" | \"time\";\n}\n\nconst DatePickerTriggerInner = forwardRef<\n    HTMLDivElement,\n    DatePickerTriggerProps & React.HTMLAttributes<HTMLDivElement>\n>(\n    (\n        {\n            displayValue,\n            placeholder,\n            disabled,\n            size,\n            variant,\n            invalid,\n            iconType = \"calendar\",\n            className,\n            ...props\n        },\n        ref\n    ) => {\n        const IconComponent = iconType === \"time\" ? ScheduleIcon : CalendarMonthIcon;\n        const iconLabel = iconType === \"time\" ? \"Time\" : \"Calendar\";\n\n        return (\n            <PopoverPrimitive.Trigger asChild>\n                <div\n                    ref={ref}\n                    role=\"button\"\n                    tabIndex={0}\n                    data-disabled={disabled}\n                    className={cn(\n                        inputVariants({ size, variant, invalid }),\n                        \"cursor-pointer justify-between select-none min-w-0 overflow-hidden\",\n                        disabled && \"pointer-events-none opacity-50\",\n                        className\n                    )}\n                    {...props}\n                >\n                    <span className={cn(\"truncate\", !displayValue && \"text-neutral-dimmed\")}>\n                        {displayValue || placeholder || \"Select...\"}\n                    </span>\n                    <Icon icon={<IconComponent />} label={iconLabel} size=\"sm\" color=\"inherit\" />\n                </div>\n            </PopoverPrimitive.Trigger>\n        );\n    }\n);\n\nDatePickerTriggerInner.displayName = \"DatePickerTrigger\";\n\nexport { DatePickerTriggerInner as DatePickerTrigger, type DatePickerTriggerProps };\n"],"names":["DatePickerTriggerInner","forwardRef","displayValue","placeholder","disabled","size","variant","invalid","iconType","className","props","ref","IconComponent","ScheduleIcon","CalendarMonthIcon","iconLabel","PopoverPrimitive","cn","inputVariants","Icon"],"mappings":";;;;;;;AAkBA,MAAMA,yBAAyB,WAAHA,GAAGC,WAI3B,CACI,EACIC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,WAAW,UAAU,EACrBC,SAAS,EACT,GAAGC,OACN,EACDC;IAEA,MAAMC,gBAAgBJ,AAAa,WAAbA,WAAsBK,8BAAeC;IAC3D,MAAMC,YAAYP,AAAa,WAAbA,WAAsB,SAAS;IAEjD,OAAO,WAAP,GACI,oBAACQ,iBAAiB,OAAO;QAAC;qBACtB,oBAAC;QACG,KAAKL;QACL,MAAK;QACL,UAAU;QACV,iBAAeP;QACf,WAAWa,GACPC,cAAc;YAAEb;YAAMC;YAASC;QAAQ,IACvC,sEACAH,YAAY,kCACZK;QAEH,GAAGC,KAAK;qBAET,oBAAC;QAAK,WAAWO,GAAG,YAAY,CAACf,gBAAgB;OAC5CA,gBAAgBC,eAAe,4BAEpC,oBAACgB,MAAIA;QAAC,oBAAM,oBAACP,eAAAA;QAAkB,OAAOG;QAAW,MAAK;QAAK,OAAM;;AAIjF;AAGJf,uBAAuB,WAAW,GAAG"}

package/DatePicker/primitives/components/MonthGrid.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface MonthGridProps {
+    selectedMonths: number[];
+    onSelectMonth: (month: number) => void;
+}
+declare const MonthGrid: ({ selectedMonths, onSelectMonth }: MonthGridProps) => React.JSX.Element;
+export { MonthGrid, type MonthGridProps };

package/DatePicker/primitives/components/MonthGrid.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { Button } from "../../../Button/index.js";
+import { MONTH_NAMES_SHORT } from "../../utils/constants.js";
+const MonthGrid = ({ selectedMonths, onSelectMonth })=>/*#__PURE__*/ react.createElement("div", {
+        className: "grid grid-cols-3 gap-xs p-sm"
+    }, MONTH_NAMES_SHORT.map((name, index)=>{
+        const isSelected = selectedMonths.includes(index);
+        return /*#__PURE__*/ react.createElement(Button, {
+            key: name,
+            variant: isSelected ? "primary" : "ghost",
+            size: "sm",
+            text: name,
+            onClick: ()=>onSelectMonth(index)
+        });
+    }));
+export { MonthGrid };
+
+//# sourceMappingURL=MonthGrid.js.map

package/DatePicker/primitives/components/MonthGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/primitives/components/MonthGrid.js","sources":["../../../../src/DatePicker/primitives/components/MonthGrid.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"~/Button/index.js\";\nimport { MONTH_NAMES_SHORT } from \"../../utils/constants.js\";\n\ninterface MonthGridProps {\n    selectedMonths: number[];\n    onSelectMonth: (month: number) => void;\n}\n\nconst MonthGrid = ({ selectedMonths, onSelectMonth }: MonthGridProps) => {\n    return (\n        <div className=\"grid grid-cols-3 gap-xs p-sm\">\n            {MONTH_NAMES_SHORT.map((name, index) => {\n                const isSelected = selectedMonths.includes(index);\n                return (\n                    <Button\n                        key={name}\n                        variant={isSelected ? \"primary\" : \"ghost\"}\n                        size=\"sm\"\n                        text={name}\n                        onClick={() => onSelectMonth(index)}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n\nexport { MonthGrid, type MonthGridProps };\n"],"names":["MonthGrid","selectedMonths","onSelectMonth","MONTH_NAMES_SHORT","name","index","isSelected","Button"],"mappings":";;;AASA,MAAMA,YAAY,CAAC,EAAEC,cAAc,EAAEC,aAAa,EAAkB,GACzD,WAAP,GACI,oBAAC;QAAI,WAAU;OACVC,kBAAkB,GAAG,CAAC,CAACC,MAAMC;QAC1B,MAAMC,aAAaL,eAAe,QAAQ,CAACI;QAC3C,OAAO,WAAP,GACI,oBAACE,QAAMA;YACH,KAAKH;YACL,SAASE,aAAa,YAAY;YAClC,MAAK;YACL,MAAMF;YACN,SAAS,IAAMF,cAAcG;;IAGzC"}

package/DatePicker/primitives/components/SelectedTagsList.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface SelectedTagsListProps {
+    items: Array<{
+        key: string;
+        label: string;
+    }>;
+    onRemove: (key: string) => void;
+    disabled?: boolean;
+}
+declare const SelectedTagsList: ({ items, onRemove, disabled }: SelectedTagsListProps) => React.JSX.Element | null;
+export { SelectedTagsList, type SelectedTagsListProps };

package/DatePicker/primitives/components/SelectedTagsList.js

@@ -0,0 +1,17 @@
+import react from "react";
+import { Tag } from "../../../Tag/index.js";
+const SelectedTagsList = ({ items, onRemove, disabled })=>{
+    if (0 === items.length) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-wrap gap-xs pt-sm"
+    }, items.map((item)=>/*#__PURE__*/ react.createElement(Tag, {
+            key: item.key,
+            content: item.label,
+            variant: "neutral-light",
+            disabled: disabled,
+            onDismiss: ()=>onRemove(item.key)
+        })));
+};
+export { SelectedTagsList };
+
+//# sourceMappingURL=SelectedTagsList.js.map

package/DatePicker/primitives/components/SelectedTagsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/primitives/components/SelectedTagsList.js","sources":["../../../../src/DatePicker/primitives/components/SelectedTagsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag } from \"~/Tag/index.js\";\n\ninterface SelectedTagsListProps {\n    items: Array<{ key: string; label: string }>;\n    onRemove: (key: string) => void;\n    disabled?: boolean;\n}\n\nconst SelectedTagsList = ({ items, onRemove, disabled }: SelectedTagsListProps) => {\n    if (items.length === 0) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex flex-wrap gap-xs pt-sm\">\n            {items.map(item => (\n                <Tag\n                    key={item.key}\n                    content={item.label}\n                    variant=\"neutral-light\"\n                    disabled={disabled}\n                    onDismiss={() => onRemove(item.key)}\n                />\n            ))}\n        </div>\n    );\n};\n\nexport { SelectedTagsList, type SelectedTagsListProps };\n"],"names":["SelectedTagsList","items","onRemove","disabled","item","Tag"],"mappings":";;AASA,MAAMA,mBAAmB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAyB;IAC1E,IAAIF,AAAiB,MAAjBA,MAAM,MAAM,EACZ,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;OACVA,MAAM,GAAG,CAACG,CAAAA,OAAAA,WAAAA,GACP,oBAACC,KAAGA;YACA,KAAKD,KAAK,GAAG;YACb,SAASA,KAAK,KAAK;YACnB,SAAQ;YACR,UAAUD;YACV,WAAW,IAAMD,SAASE,KAAK,GAAG;;AAKtD"}

package/DatePicker/primitives/components/TimePicker.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type InputPrimitiveProps } from "../../../Input/index.js";
+interface TimePickerProps {
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+    disabled?: boolean;
+    size?: InputPrimitiveProps["size"];
+    variant?: InputPrimitiveProps["variant"];
+    invalid?: InputPrimitiveProps["invalid"];
+    className?: string;
+}
+declare const TimePicker: ({ value, onChange, disabled, size, variant, invalid, className }: TimePickerProps) => React.JSX.Element;
+export { TimePicker, type TimePickerProps };

package/DatePicker/primitives/components/TimePicker.js

@@ -0,0 +1,23 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/schedule.svg";
+import { Icon } from "../../../Icon/index.js";
+import { InputPrimitive } from "../../../Input/index.js";
+const TimePicker = ({ value, onChange, disabled, size, variant, invalid, className })=>/*#__PURE__*/ react.createElement(InputPrimitive, {
+        type: "time",
+        value: value ?? "",
+        onChange: onChange,
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid,
+        className: className,
+        startIcon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Time",
+            size: "sm",
+            color: "inherit"
+        })
+    });
+export { TimePicker };
+
+//# sourceMappingURL=TimePicker.js.map

package/DatePicker/primitives/components/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/primitives/components/TimePicker.js","sources":["../../../../src/DatePicker/primitives/components/TimePicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/schedule.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { InputPrimitive, type InputPrimitiveProps } from \"~/Input/index.js\";\n\ninterface TimePickerProps {\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n    disabled?: boolean;\n    size?: InputPrimitiveProps[\"size\"];\n    variant?: InputPrimitiveProps[\"variant\"];\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    className?: string;\n}\n\nconst TimePicker = ({\n    value,\n    onChange,\n    disabled,\n    size,\n    variant,\n    invalid,\n    className\n}: TimePickerProps) => {\n    return (\n        <InputPrimitive\n            type=\"time\"\n            value={value ?? \"\"}\n            onChange={onChange}\n            disabled={disabled}\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            className={className}\n            startIcon={<Icon icon={<ScheduleIcon />} label=\"Time\" size=\"sm\" color=\"inherit\" />}\n        />\n    );\n};\n\nexport { TimePicker, type TimePickerProps };\n"],"names":["TimePicker","value","onChange","disabled","size","variant","invalid","className","InputPrimitive","Icon","ScheduleIcon"],"mappings":";;;;AAeA,MAAMA,aAAa,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,SAAS,EACK,GACP,WAAP,GACI,oBAACC,gBAAcA;QACX,MAAK;QACL,OAAOP,SAAS;QAChB,UAAUC;QACV,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;QACT,WAAWC;QACX,yBAAW,oBAACE,MAAIA;YAAC,oBAAM,oBAACC,gBAAYA;YAAK,OAAM;YAAO,MAAK;YAAK,OAAM"}

package/DatePicker/primitives/components/YearGrid.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface YearGridProps {
+    selectedYears: number[];
+    onSelectYear: (year: number) => void;
+    yearRange?: [number, number];
+}
+declare const YearGrid: ({ selectedYears, onSelectYear, yearRange }: YearGridProps) => React.JSX.Element;
+export { YearGrid, type YearGridProps };

package/DatePicker/primitives/components/YearGrid.js

@@ -0,0 +1,36 @@
+import react, { useEffect, useRef } from "react";
+import { Button } from "../../../Button/index.js";
+import { ScrollArea } from "../../../ScrollArea/index.js";
+import { defaultYearRange } from "../../utils/dateHelpers.js";
+const YearGrid = ({ selectedYears, onSelectYear, yearRange })=>{
+    const [start, end] = yearRange ?? defaultYearRange();
+    const years = [];
+    for(let y = start; y <= end; y++)years.push(y);
+    const scrollRef = useRef(null);
+    useEffect(()=>{
+        if (!scrollRef.current) return;
+        const selectedEl = scrollRef.current.querySelector("[data-selected=true]");
+        if (selectedEl) selectedEl.scrollIntoView({
+            block: "center"
+        });
+    }, []);
+    return /*#__PURE__*/ react.createElement(ScrollArea, {
+        className: "max-h-[280px]"
+    }, /*#__PURE__*/ react.createElement("div", {
+        ref: scrollRef,
+        className: "grid grid-cols-3 gap-xs p-sm"
+    }, years.map((year)=>{
+        const isSelected = selectedYears.includes(year);
+        return /*#__PURE__*/ react.createElement(Button, {
+            key: year,
+            variant: isSelected ? "primary" : "ghost",
+            size: "sm",
+            text: String(year),
+            "data-selected": isSelected,
+            onClick: ()=>onSelectYear(year)
+        });
+    })));
+};
+export { YearGrid };
+
+//# sourceMappingURL=YearGrid.js.map

package/DatePicker/primitives/components/YearGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/primitives/components/YearGrid.js","sources":["../../../../src/DatePicker/primitives/components/YearGrid.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { Button } from \"~/Button/index.js\";\nimport { ScrollArea } from \"~/ScrollArea/index.js\";\nimport { defaultYearRange } from \"../../utils/dateHelpers.js\";\n\ninterface YearGridProps {\n    selectedYears: number[];\n    onSelectYear: (year: number) => void;\n    yearRange?: [number, number];\n}\n\nconst YearGrid = ({ selectedYears, onSelectYear, yearRange }: YearGridProps) => {\n    const [start, end] = yearRange ?? defaultYearRange();\n    const years: number[] = [];\n    for (let y = start; y <= end; y++) {\n        years.push(y);\n    }\n\n    const scrollRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!scrollRef.current) {\n            return;\n        }\n        const selectedEl = scrollRef.current.querySelector(\"[data-selected=true]\");\n        if (selectedEl) {\n            selectedEl.scrollIntoView({ block: \"center\" });\n        }\n    }, []);\n\n    return (\n        <ScrollArea className=\"max-h-[280px]\">\n            <div ref={scrollRef} className=\"grid grid-cols-3 gap-xs p-sm\">\n                {years.map(year => {\n                    const isSelected = selectedYears.includes(year);\n                    return (\n                        <Button\n                            key={year}\n                            variant={isSelected ? \"primary\" : \"ghost\"}\n                            size=\"sm\"\n                            text={String(year)}\n                            data-selected={isSelected}\n                            onClick={() => onSelectYear(year)}\n                        />\n                    );\n                })}\n            </div>\n        </ScrollArea>\n    );\n};\n\nexport { YearGrid, type YearGridProps };\n"],"names":["YearGrid","selectedYears","onSelectYear","yearRange","start","end","defaultYearRange","years","y","scrollRef","useRef","useEffect","selectedEl","ScrollArea","year","isSelected","Button","String"],"mappings":";;;;AAWA,MAAMA,WAAW,CAAC,EAAEC,aAAa,EAAEC,YAAY,EAAEC,SAAS,EAAiB;IACvE,MAAM,CAACC,OAAOC,IAAI,GAAGF,aAAaG;IAClC,MAAMC,QAAkB,EAAE;IAC1B,IAAK,IAAIC,IAAIJ,OAAOI,KAAKH,KAAKG,IAC1BD,MAAM,IAAI,CAACC;IAGf,MAAMC,YAAYC,OAAuB;IAEzCC,UAAU;QACN,IAAI,CAACF,UAAU,OAAO,EAClB;QAEJ,MAAMG,aAAaH,UAAU,OAAO,CAAC,aAAa,CAAC;QACnD,IAAIG,YACAA,WAAW,cAAc,CAAC;YAAE,OAAO;QAAS;IAEpD,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACC,YAAUA;QAAC,WAAU;qBAClB,oBAAC;QAAI,KAAKJ;QAAW,WAAU;OAC1BF,MAAM,GAAG,CAACO,CAAAA;QACP,MAAMC,aAAad,cAAc,QAAQ,CAACa;QAC1C,OAAO,WAAP,GACI,oBAACE,QAAMA;YACH,KAAKF;YACL,SAASC,aAAa,YAAY;YAClC,MAAK;YACL,MAAME,OAAOH;YACb,iBAAeC;YACf,SAAS,IAAMb,aAAaY;;IAGxC;AAIhB"}

package/DatePicker/primitives/components/YearStepper.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface YearStepperProps {
+    year: number;
+    onYearChange: (year: number) => void;
+}
+declare const YearStepper: ({ year, onYearChange }: YearStepperProps) => React.JSX.Element;
+export { YearStepper, type YearStepperProps };

package/DatePicker/primitives/components/YearStepper.js

@@ -0,0 +1,31 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/chevron_left.svg";
+import { ReactComponent as chevron_right_svg_ReactComponent } from "@webiny/icons/chevron_right.svg";
+import { IconButton } from "../../../Button/index.js";
+import { Icon } from "../../../Icon/index.js";
+const YearStepper = ({ year, onYearChange })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-center gap-sm py-xs"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Previous year",
+            size: "sm"
+        }),
+        onClick: ()=>onYearChange(year - 1)
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text-md font-semibold text-neutral-strong min-w-[4ch] text-center"
+    }, year), /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(chevron_right_svg_ReactComponent, null),
+            label: "Next year",
+            size: "sm"
+        }),
+        onClick: ()=>onYearChange(year + 1)
+    }));
+export { YearStepper };
+
+//# sourceMappingURL=YearStepper.js.map

package/DatePicker/primitives/components/YearStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/primitives/components/YearStepper.js","sources":["../../../../src/DatePicker/primitives/components/YearStepper.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ChevronLeftIcon } from \"@webiny/icons/chevron_left.svg\";\nimport { ReactComponent as ChevronRightIcon } from \"@webiny/icons/chevron_right.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\ninterface YearStepperProps {\n    year: number;\n    onYearChange: (year: number) => void;\n}\n\nconst YearStepper = ({ year, onYearChange }: YearStepperProps) => {\n    return (\n        <div className=\"flex items-center justify-center gap-sm py-xs\">\n            <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                icon={<Icon icon={<ChevronLeftIcon />} label=\"Previous year\" size=\"sm\" />}\n                onClick={() => onYearChange(year - 1)}\n            />\n            <span className=\"text-md font-semibold text-neutral-strong min-w-[4ch] text-center\">\n                {year}\n            </span>\n            <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                icon={<Icon icon={<ChevronRightIcon />} label=\"Next year\" size=\"sm\" />}\n                onClick={() => onYearChange(year + 1)}\n            />\n        </div>\n    );\n};\n\nexport { YearStepper, type YearStepperProps };\n"],"names":["YearStepper","year","onYearChange","IconButton","Icon","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;AAWA,MAAMA,cAAc,CAAC,EAAEC,IAAI,EAAEC,YAAY,EAAoB,GAClD,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,YAAUA;QACP,SAAQ;QACR,MAAK;QACL,oBAAM,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAeA;YAAK,OAAM;YAAgB,MAAK;;QAClE,SAAS,IAAMH,aAAaD,OAAO;sBAEvC,oBAAC;QAAK,WAAU;OACXA,OAAAA,WAAAA,GAEL,oBAACE,YAAUA;QACP,SAAQ;QACR,MAAK;QACL,oBAAM,oBAACC,MAAIA;YAAC,oBAAM,oBAACE,kCAAgBA;YAAK,OAAM;YAAY,MAAK;;QAC/D,SAAS,IAAMJ,aAAaD,OAAO"}

package/DatePicker/primitives/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./DatePickerTrigger.js";
+export * from "./TimePicker.js";
+export * from "./YearStepper.js";
+export * from "./MonthGrid.js";
+export * from "./YearGrid.js";
+export * from "./SelectedTagsList.js";

package/DatePicker/primitives/components/index.js

@@ -0,0 +1,6 @@
+export * from "./DatePickerTrigger.js";
+export * from "./TimePicker.js";
+export * from "./YearStepper.js";
+export * from "./MonthGrid.js";
+export * from "./YearGrid.js";
+export * from "./SelectedTagsList.js";

package/DatePicker/primitives/index.d.ts

@@ -0,0 +1 @@
+export * from "./DatePickerPrimitive.js";

package/DatePicker/primitives/index.js

@@ -0,0 +1 @@
+export * from "./DatePickerPrimitive.js";

package/DatePicker/utils/birthdayHelpers.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Logic for the step-by-step birthday picker: the date is picked as day, then month, then year.
+ * Months are 1-based throughout (1 = January).
+ */
+export interface BirthdayParts {
+    day?: number;
+    month?: number;
+    year?: number;
+}
+export type BirthdayStep = "day" | "month" | "year";
+export declare const DEFAULT_BIRTHDAY_YEARS_BACK = 120;
+/** The first and last date the picker may produce. Either may be left open. */
+export interface BirthdayLimits {
+    minDate?: Date;
+    maxDate?: Date;
+}
+/** The dates the picker may produce: one of the offered years, within the limits. */
+export interface BirthdayRange extends BirthdayLimits {
+    years: number[];
+}
+/**
+ * Reads the day, month and year from a `YYYY-MM-DD` value. A value that carries a time
+ * (`2026-05-01T00:00:00.000Z`) still yields its date part. Anything else yields no parts.
+ */
+export declare function parseBirthdayValue(value: string | undefined | null): BirthdayParts;
+/**
+ * Returns the `YYYY-MM-DD` value, or `undefined` while any part is still missing.
+ */
+export declare function formatBirthdayValue(parts: BirthdayParts): string | undefined;
+export declare function pad(value: number): string;
+export declare function isLeapYear(year: number): boolean;
+/**
+ * Days in a month. Without a year, February counts 29 days, because the year is picked
+ * after the month and a leap year may still be chosen.
+ */
+export declare function daysInMonth(month: number, year?: number): number;
+/**
+ * Whether the range holds a date with every part set in `parts`. An unset year is looked
+ * for among the offered years; an unset month or day can be any.
+ */
+export declare function isInBirthdayRange(parts: BirthdayParts, range: BirthdayRange): boolean;
+/** A day is unavailable when no date in the range falls on it. */
+export declare function isDayDisabled(day: number, range?: BirthdayRange): boolean;
+/**
+ * A month is unavailable when it can't hold the chosen day (31 rules out the 30-day months
+ * and February), or when no date in the range has the chosen day in that month.
+ */
+export declare function isMonthDisabled(month: number, parts: BirthdayParts, range?: BirthdayRange): boolean;
+/**
+ * A year is unavailable when it can't hold the chosen day and month (29 February in a
+ * non-leap year), or when the date it makes falls outside the range.
+ */
+export declare function isYearDisabled(year: number, parts: BirthdayParts, range?: BirthdayRange): boolean;
+/**
+ * Picking a day clears whatever comes after it that can no longer hold it: the month when
+ * the month is too short or the range has no such date, otherwise the year when only the
+ * year is the problem (29 February, or a date past a limit).
+ */
+export declare function pickDay(parts: BirthdayParts, day: number, range?: BirthdayRange): BirthdayParts;
+/**
+ * Picking a month keeps the day (only months that hold it can be picked) and clears the
+ * year when that year can't hold the date.
+ */
+export declare function pickMonth(parts: BirthdayParts, month: number, range?: BirthdayRange): BirthdayParts;
+export declare function pickYear(parts: BirthdayParts, year: number): BirthdayParts;
+/**
+ * The step to show after a pick, or `undefined` when the picker should close. A missing part
+ * comes first. Once the date is complete, the picker walks on to the steps after `current`
+ * that weren't picked while it was open, so editing a saved date still goes day, month, year.
+ */
+export declare function nextBirthdayStep(parts: BirthdayParts, current: BirthdayStep, picked: ReadonlySet<BirthdayStep>): BirthdayStep | undefined;
+/**
+ * The years to offer, newest first. The default runs from this year back
+ * `DEFAULT_BIRTHDAY_YEARS_BACK` years, moved and cut to fit the limits. A year already set
+ * outside the range is added, so an existing value is never hidden.
+ */
+export declare function birthdayYears(yearRange?: [number, number], includeYear?: number, limits?: BirthdayLimits): number[];