@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/DatePicker/DatePicker.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","addDays","nextSaturday","DatePicker","meta","title","component","argTypes","onChange","action","type","control","options","defaultValue","disabled","parameters","layout","render","args","value","setValue","createElement","Object","assign","Default","WithLabel","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","WithPresets","presets","Date","TypeTime","TypeDateTimeLocal","TypeDateTimeTz","TypeMonth","TypeWeek","TypeYear","yearRange","TypeDateRange","TypeMultipleDates","TypeMultipleMonths","TypeMultipleYears","formatValue","undefined","toISOString","Array","isArray","JSON","stringify","map","v","_k","String","DocumentationInner","isMultiple","startsWith","setValidation","handleChange","newValue","isEmpty","length","className","Documentation","key","placeholder"],"sources":["DatePicker.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { addDays, nextSaturday } from \"date-fns\";\nimport { DatePicker } from \"./DatePicker.js\";\n\nconst meta: Meta<typeof DatePicker> = {\n    title: \"Components/Form/DatePicker\",\n    component: DatePicker,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        type: {\n            control: \"select\",\n            options: [\n                \"date\",\n                \"time\",\n                \"dateTimeLocal\",\n                \"dateTimeTz\",\n                \"month\",\n                \"week\",\n                \"year\",\n                \"dateRange\",\n                \"multipleDates\",\n                \"multipleMonths\",\n                \"multipleYears\"\n            ],\n            defaultValue: \"date\"\n        },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState<any>();\n        return <DatePicker {...args} value={value} onChange={setValue} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof DatePicker>;\n\nexport const Default: Story = {\n    args: {\n        type: \"date\"\n    }\n};\n\nexport const WithLabel: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        type: \"date\",\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        type: \"date\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        type: \"date\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const WithPresets: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        const presets = [\n            { label: \"Today\", value: () => new Date() },\n            { label: \"Tomorrow\", value: () => addDays(new Date(), 1) },\n            { label: \"In 3 days\", value: () => addDays(new Date(), 3) },\n            { label: \"In a week\", value: () => addDays(new Date(), 7) },\n            { label: \"In 2 weeks\", value: () => addDays(new Date(), 14) },\n            { label: \"Next Saturday\", value: () => nextSaturday(new Date()) }\n        ];\n        return (\n            <DatePicker {...args} type=\"date\" value={value} onChange={setValue} presets={presets} />\n        );\n    },\n    args: {\n        label: \"Pick a date\",\n        description: \"Choose a date or use a preset.\"\n    }\n};\n\nexport const TypeTime: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"time\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Time\"\n    }\n};\n\nexport const TypeDateTimeLocal: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"dateTimeLocal\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Date & Time (local)\"\n    }\n};\n\nexport const TypeDateTimeTz: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"dateTimeTz\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Date & Time (with timezone)\"\n    }\n};\n\nexport const TypeMonth: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"month\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Month\"\n    }\n};\n\nexport const TypeWeek: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"week\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Week\"\n    }\n};\n\nexport const TypeYear: Story = {\n    render: args => {\n        const [value, setValue] = useState<number | undefined>();\n        return (\n            <DatePicker\n                {...args}\n                type=\"year\"\n                value={value}\n                onChange={setValue}\n                yearRange={[2015, 2035]}\n            />\n        );\n    },\n    args: {\n        label: \"Year\"\n    }\n};\n\nexport const TypeDateRange: Story = {\n    render: args => {\n        const [value, setValue] = useState<{ from?: string; to?: string } | undefined>();\n        return <DatePicker {...args} type=\"dateRange\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Date Range\"\n    }\n};\n\nexport const TypeMultipleDates: Story = {\n    render: args => {\n        const [value, setValue] = useState<string[]>([]);\n        return <DatePicker {...args} type=\"multipleDates\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Multiple Dates\"\n    }\n};\n\nexport const TypeMultipleMonths: Story = {\n    render: args => {\n        const [value, setValue] = useState<string[]>([]);\n        return <DatePicker {...args} type=\"multipleMonths\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Multiple Months\"\n    }\n};\n\nexport const TypeMultipleYears: Story = {\n    render: args => {\n        const [value, setValue] = useState<number[]>([]);\n        return (\n            <DatePicker\n                {...args}\n                type=\"multipleYears\"\n                value={value}\n                onChange={setValue}\n                yearRange={[2015, 2035]}\n            />\n        );\n    },\n    args: {\n        label: \"Multiple Years\"\n    }\n};\n\nconst formatValue = (value: any): string => {\n    if (value === undefined || value === null) {\n        return \"undefined\";\n    }\n    if (value instanceof Date) {\n        return value.toISOString();\n    }\n    if (Array.isArray(value)) {\n        return JSON.stringify(\n            value.map((v: any) => (v instanceof Date ? v.toISOString() : v)),\n            null,\n            2\n        );\n    }\n    if (typeof value === \"object\") {\n        return JSON.stringify(value, (_k, v) => (v instanceof Date ? v.toISOString() : v), 2);\n    }\n    return String(value);\n};\n\nconst DocumentationInner = (args: any) => {\n    const isMultiple = (args.type as string)?.startsWith(\"multiple\");\n    const [value, setValue] = useState<any>(isMultiple ? [] : undefined);\n    const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n    const handleChange = (newValue: any) => {\n        setValue(newValue);\n        const isEmpty =\n            newValue === undefined ||\n            newValue === null ||\n            newValue === \"\" ||\n            (Array.isArray(newValue) && newValue.length === 0);\n        if (args.required && isEmpty) {\n            setValidation({ isValid: false, message: \"This field is required\" });\n        } else {\n            setValidation({ isValid: true, message: \"\" });\n        }\n    };\n\n    return (\n        <div>\n            <DatePicker {...args} value={value} onChange={handleChange} validation={validation} />\n            <div className=\"mt-md rounded-md border-sm border-neutral-muted bg-neutral-light p-sm\">\n                <div className=\"text-xs font-medium text-neutral-dimmed mb-xs\">Current value</div>\n                <pre className=\"text-sm text-neutral-strong whitespace-pre-wrap m-0\">\n                    {formatValue(value)}\n                </pre>\n            </div>\n        </div>\n    );\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return <DocumentationInner key={args.type as string} {...args} />;\n    },\n    args: {\n        type: \"date\",\n        label: \"Event Date\",\n        required: true,\n        disabled: false,\n        description: \"Select the date for your event\",\n        note: \"Note: Choose a date that works for all participants\",\n        placeholder: \"Pick a date\",\n        validation: undefined\n    },\n    argTypes: {\n        type: {\n            description: \"The type of date picker variant to render\",\n            control: \"select\",\n            options: [\n                \"date\",\n                \"time\",\n                \"dateTimeLocal\",\n                \"dateTimeTz\",\n                \"month\",\n                \"week\",\n                \"year\",\n                \"dateRange\",\n                \"multipleDates\",\n                \"multipleMonths\",\n                \"multipleYears\"\n            ],\n            defaultValue: \"date\"\n        },\n        label: {\n            description: \"Label text displayed above the picker\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        disabled: {\n            description: \"Disables the date picker\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        description: {\n            description: \"Helper text displayed below the label\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note displayed below the picker\",\n            control: \"text\"\n        },\n        placeholder: {\n            description: \"Placeholder text shown when no date is selected\",\n            control: \"text\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onChange: {\n            description: \"Callback function when the value changes\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePicker/DatePicker.stories.js","sources":["../../src/DatePicker/DatePicker.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { addDays, nextSaturday } from \"date-fns\";\nimport { DatePicker } from \"./DatePicker.js\";\n\nconst meta: Meta<typeof DatePicker> = {\n    title: \"Components/Form/DatePicker\",\n    component: DatePicker,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        type: {\n            control: \"select\",\n            options: [\n                \"date\",\n                \"time\",\n                \"dateTimeLocal\",\n                \"dateTimeTz\",\n                \"month\",\n                \"week\",\n                \"year\",\n                \"dateRange\",\n                \"multipleDates\",\n                \"multipleMonths\",\n                \"multipleYears\"\n            ],\n            defaultValue: \"date\"\n        },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState<any>();\n        return <DatePicker {...args} value={value} onChange={setValue} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof DatePicker>;\n\nexport const Default: Story = {\n    args: {\n        type: \"date\"\n    }\n};\n\nexport const WithLabel: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        type: \"date\",\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        type: \"date\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        type: \"date\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const WithPresets: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        const presets = [\n            { label: \"Today\", value: () => new Date() },\n            { label: \"Tomorrow\", value: () => addDays(new Date(), 1) },\n            { label: \"In 3 days\", value: () => addDays(new Date(), 3) },\n            { label: \"In a week\", value: () => addDays(new Date(), 7) },\n            { label: \"In 2 weeks\", value: () => addDays(new Date(), 14) },\n            { label: \"Next Saturday\", value: () => nextSaturday(new Date()) }\n        ];\n        return (\n            <DatePicker {...args} type=\"date\" value={value} onChange={setValue} presets={presets} />\n        );\n    },\n    args: {\n        label: \"Pick a date\",\n        description: \"Choose a date or use a preset.\"\n    }\n};\n\nexport const TypeTime: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"time\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Time\"\n    }\n};\n\nexport const TypeDateTimeLocal: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"dateTimeLocal\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Date & Time (local)\"\n    }\n};\n\nexport const TypeDateTimeTz: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"dateTimeTz\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Date & Time (with timezone)\"\n    }\n};\n\nexport const TypeMonth: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"month\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Month\"\n    }\n};\n\nexport const TypeWeek: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"week\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Week\"\n    }\n};\n\nexport const TypeYear: Story = {\n    render: args => {\n        const [value, setValue] = useState<number | undefined>();\n        return (\n            <DatePicker\n                {...args}\n                type=\"year\"\n                value={value}\n                onChange={setValue}\n                yearRange={[2015, 2035]}\n            />\n        );\n    },\n    args: {\n        label: \"Year\"\n    }\n};\n\nexport const TypeDateRange: Story = {\n    render: args => {\n        const [value, setValue] = useState<{ from?: string; to?: string } | undefined>();\n        return <DatePicker {...args} type=\"dateRange\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Date Range\"\n    }\n};\n\nexport const TypeMultipleDates: Story = {\n    render: args => {\n        const [value, setValue] = useState<string[]>([]);\n        return <DatePicker {...args} type=\"multipleDates\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Multiple Dates\"\n    }\n};\n\nexport const TypeMultipleMonths: Story = {\n    render: args => {\n        const [value, setValue] = useState<string[]>([]);\n        return <DatePicker {...args} type=\"multipleMonths\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Multiple Months\"\n    }\n};\n\nexport const TypeMultipleYears: Story = {\n    render: args => {\n        const [value, setValue] = useState<number[]>([]);\n        return (\n            <DatePicker\n                {...args}\n                type=\"multipleYears\"\n                value={value}\n                onChange={setValue}\n                yearRange={[2015, 2035]}\n            />\n        );\n    },\n    args: {\n        label: \"Multiple Years\"\n    }\n};\n\nconst formatValue = (value: any): string => {\n    if (value === undefined || value === null) {\n        return \"undefined\";\n    }\n    if (value instanceof Date) {\n        return value.toISOString();\n    }\n    if (Array.isArray(value)) {\n        return JSON.stringify(\n            value.map((v: any) => (v instanceof Date ? v.toISOString() : v)),\n            null,\n            2\n        );\n    }\n    if (typeof value === \"object\") {\n        return JSON.stringify(value, (_k, v) => (v instanceof Date ? v.toISOString() : v), 2);\n    }\n    return String(value);\n};\n\nconst DocumentationInner = (args: any) => {\n    const isMultiple = (args.type as string)?.startsWith(\"multiple\");\n    const [value, setValue] = useState<any>(isMultiple ? [] : undefined);\n    const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n    const handleChange = (newValue: any) => {\n        setValue(newValue);\n        const isEmpty =\n            newValue === undefined ||\n            newValue === null ||\n            newValue === \"\" ||\n            (Array.isArray(newValue) && newValue.length === 0);\n        if (args.required && isEmpty) {\n            setValidation({ isValid: false, message: \"This field is required\" });\n        } else {\n            setValidation({ isValid: true, message: \"\" });\n        }\n    };\n\n    return (\n        <div>\n            <DatePicker {...args} value={value} onChange={handleChange} validation={validation} />\n            <div className=\"mt-md rounded-md border-sm border-neutral-muted bg-neutral-light p-sm\">\n                <div className=\"text-xs font-medium text-neutral-dimmed mb-xs\">Current value</div>\n                <pre className=\"text-sm text-neutral-strong whitespace-pre-wrap m-0\">\n                    {formatValue(value)}\n                </pre>\n            </div>\n        </div>\n    );\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return <DocumentationInner key={args.type as string} {...args} />;\n    },\n    args: {\n        type: \"date\",\n        label: \"Event Date\",\n        required: true,\n        disabled: false,\n        description: \"Select the date for your event\",\n        note: \"Note: Choose a date that works for all participants\",\n        placeholder: \"Pick a date\",\n        validation: undefined\n    },\n    argTypes: {\n        type: {\n            description: \"The type of date picker variant to render\",\n            control: \"select\",\n            options: [\n                \"date\",\n                \"time\",\n                \"dateTimeLocal\",\n                \"dateTimeTz\",\n                \"month\",\n                \"week\",\n                \"year\",\n                \"dateRange\",\n                \"multipleDates\",\n                \"multipleMonths\",\n                \"multipleYears\"\n            ],\n            defaultValue: \"date\"\n        },\n        label: {\n            description: \"Label text displayed above the picker\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        disabled: {\n            description: \"Disables the date picker\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        description: {\n            description: \"Helper text displayed below the label\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note displayed below the picker\",\n            control: \"text\"\n        },\n        placeholder: {\n            description: \"Placeholder text shown when no date is selected\",\n            control: \"text\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onChange: {\n            description: \"Callback function when the value changes\"\n        }\n    }\n};\n"],"names":["meta","DatePicker","args","value","setValue","useState","Default","WithLabel","WithLabelRequired","WithDescription","WithNotes","WithErrors","Disabled","FullExample","WithPresets","presets","Date","addDays","nextSaturday","TypeTime","TypeDateTimeLocal","TypeDateTimeTz","TypeMonth","TypeWeek","TypeYear","TypeDateRange","TypeMultipleDates","TypeMultipleMonths","TypeMultipleYears","formatValue","Array","JSON","v","_k","String","DocumentationInner","isMultiple","undefined","validation","setValidation","handleChange","newValue","isEmpty","Documentation"],"mappings":"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"}

package/DatePicker/index.js

@@ -1,4 +1,2 @@
 export * from "./DatePicker.js";
 export * from "./primitives/index.js";
-
-//# sourceMappingURL=index.js.map

package/DatePicker/primitives/DateOnlyPicker.js

@@ -1,77 +1,58 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { format } from "date-fns";
 import { Button } from "../../Button/index.js";
 import { Calendar } from "../../Calendar/index.js";
 import { PopoverPrimitive } from "../../Popover/index.js";
-import { formatDateForDisplay } from "../utils/dateHelpers.js";
+import { formatDateForDisplay, parseDateValue } from "../utils/dateHelpers.js";
 import { DatePickerTrigger } from "./components/DatePickerTrigger.js";
-const DateOnlyPicker = ({
-  value,
-  onChange,
-  placeholder,
-  disabled,
-  size,
-  variant,
-  invalid,
-  weekStartsOn,
-  onOpenChange,
-  className,
-  presets,
-  displayFormat
-}) => {
-  const [open, setOpen] = useState(false);
-  const handleOpenChange = isOpen => {
-    setOpen(isOpen);
-    if (onOpenChange) {
-      onOpenChange(isOpen);
-    }
-  };
-  const handlePresetClick = computeDate => {
-    if (onChange) {
-      onChange(format(computeDate(), "yyyy-MM-dd"));
-    }
-    handleOpenChange(false);
-  };
-  const displayValue = formatDateForDisplay(value, "date", displayFormat);
-  const selectedDate = value ? new Date(value) : undefined;
-  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 date",
-    disabled: disabled,
-    size: size,
-    variant: variant,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
-    align: "start"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: presets?.length ? "flex" : undefined
-  }, /*#__PURE__*/React.createElement(Calendar, {
-    mode: "single",
-    selected: selectedDate,
-    onSelect: date => {
-      if (onChange) {
-        onChange(date ? format(date, "yyyy-MM-dd") : undefined);
-      }
-      handleOpenChange(false);
-    },
-    weekStartsOn: weekStartsOn
-  }), presets && presets.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-xs border-l-sm border-neutral-muted p-sm min-w-[130px]"
-  }, presets.map(preset => {
-    const presetDate = format(preset.value(), "yyyy-MM-dd");
-    return /*#__PURE__*/React.createElement(Button, {
-      key: preset.label,
-      variant: value === presetDate ? "primary" : "ghost",
-      size: "sm",
-      text: preset.label,
-      onClick: () => handlePresetClick(preset.value)
-    });
-  }))))));
+const DateOnlyPicker = ({ value, onChange, placeholder, disabled, size, variant, invalid, weekStartsOn, onOpenChange, className, presets, displayFormat })=>{
+    const [open, setOpen] = useState(false);
+    const handleOpenChange = (isOpen)=>{
+        setOpen(isOpen);
+        if (onOpenChange) onOpenChange(isOpen);
+    };
+    const handlePresetClick = (computeDate)=>{
+        if (onChange) onChange(format(computeDate(), "yyyy-MM-dd"));
+        handleOpenChange(false);
+    };
+    const displayValue = formatDateForDisplay(value, "date", displayFormat);
+    const selectedDate = value ? parseDateValue(value) : void 0;
+    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 date",
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(PopoverPrimitive.Content, {
+        align: "start"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: presets?.length ? "flex" : void 0
+    }, /*#__PURE__*/ react.createElement(Calendar, {
+        mode: "single",
+        selected: selectedDate,
+        onSelect: (date)=>{
+            if (onChange) onChange(date ? format(date, "yyyy-MM-dd") : void 0);
+            handleOpenChange(false);
+        },
+        weekStartsOn: weekStartsOn
+    }), presets && presets.length > 0 && /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-xs border-l-sm border-neutral-muted p-sm min-w-[130px]"
+    }, presets.map((preset)=>{
+        const presetDate = format(preset.value(), "yyyy-MM-dd");
+        return /*#__PURE__*/ react.createElement(Button, {
+            key: preset.label,
+            variant: value === presetDate ? "primary" : "ghost",
+            size: "sm",
+            text: preset.label,
+            onClick: ()=>handlePresetClick(preset.value)
+        });
+    }))))));
 };
 export { DateOnlyPicker };
 

package/DatePicker/primitives/DateOnlyPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","format","Button","Calendar","PopoverPrimitive","formatDateForDisplay","DatePickerTrigger","DateOnlyPicker","value","onChange","placeholder","disabled","size","variant","invalid","weekStartsOn","onOpenChange","className","presets","displayFormat","open","setOpen","handleOpenChange","isOpen","handlePresetClick","computeDate","displayValue","selectedDate","Date","undefined","createElement","Content","align","length","mode","selected","onSelect","date","map","preset","presetDate","key","label","text","onClick"],"sources":["DateOnlyPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\nimport { Button } from \"~/Button/index.js\";\nimport { Calendar } from \"~/Calendar/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { DateOnlyPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\n\nconst DateOnlyPicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    weekStartsOn,\n    onOpenChange,\n    className,\n    presets,\n    displayFormat\n}: DateOnlyPickerProps) => {\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 handlePresetClick = (computeDate: () => Date) => {\n        if (onChange) {\n            onChange(format(computeDate(), \"yyyy-MM-dd\"));\n        }\n        handleOpenChange(false);\n    };\n\n    const displayValue = formatDateForDisplay(value, \"date\", displayFormat);\n    const selectedDate = value ? new Date(value) : undefined;\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a date\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <div className={presets?.length ? \"flex\" : undefined}>\n                        <Calendar\n                            mode=\"single\"\n                            selected={selectedDate}\n                            onSelect={date => {\n                                if (onChange) {\n                                    onChange(date ? format(date, \"yyyy-MM-dd\") : undefined);\n                                }\n                                handleOpenChange(false);\n                            }}\n                            weekStartsOn={weekStartsOn}\n                        />\n                        {presets && presets.length > 0 && (\n                            <div className=\"flex flex-col gap-xs border-l-sm border-neutral-muted p-sm min-w-[130px]\">\n                                {presets.map(preset => {\n                                    const presetDate = format(preset.value(), \"yyyy-MM-dd\");\n                                    return (\n                                        <Button\n                                            key={preset.label}\n                                            variant={value === presetDate ? \"primary\" : \"ghost\"}\n                                            size=\"sm\"\n                                            text={preset.label}\n                                            onClick={() => handlePresetClick(preset.value)}\n                                        />\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { DateOnlyPicker };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/DateOnlyPicker.js","sources":["../../../src/DatePicker/primitives/DateOnlyPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\nimport { Button } from \"~/Button/index.js\";\nimport { Calendar } from \"~/Calendar/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { DateOnlyPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay, parseDateValue } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\n\nconst DateOnlyPicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    weekStartsOn,\n    onOpenChange,\n    className,\n    presets,\n    displayFormat\n}: DateOnlyPickerProps) => {\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 handlePresetClick = (computeDate: () => Date) => {\n        if (onChange) {\n            onChange(format(computeDate(), \"yyyy-MM-dd\"));\n        }\n        handleOpenChange(false);\n    };\n\n    const displayValue = formatDateForDisplay(value, \"date\", displayFormat);\n    const selectedDate = value ? parseDateValue(value) : undefined;\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a date\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <div className={presets?.length ? \"flex\" : undefined}>\n                        <Calendar\n                            mode=\"single\"\n                            selected={selectedDate}\n                            onSelect={date => {\n                                if (onChange) {\n                                    onChange(date ? format(date, \"yyyy-MM-dd\") : undefined);\n                                }\n                                handleOpenChange(false);\n                            }}\n                            weekStartsOn={weekStartsOn}\n                        />\n                        {presets && presets.length > 0 && (\n                            <div className=\"flex flex-col gap-xs border-l-sm border-neutral-muted p-sm min-w-[130px]\">\n                                {presets.map(preset => {\n                                    const presetDate = format(preset.value(), \"yyyy-MM-dd\");\n                                    return (\n                                        <Button\n                                            key={preset.label}\n                                            variant={value === presetDate ? \"primary\" : \"ghost\"}\n                                            size=\"sm\"\n                                            text={preset.label}\n                                            onClick={() => handlePresetClick(preset.value)}\n                                        />\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { DateOnlyPicker };\n"],"names":["DateOnlyPicker","value","onChange","placeholder","disabled","size","variant","invalid","weekStartsOn","onOpenChange","className","presets","displayFormat","open","setOpen","useState","handleOpenChange","isOpen","handlePresetClick","computeDate","format","displayValue","formatDateForDisplay","selectedDate","parseDateValue","undefined","PopoverPrimitive","DatePickerTrigger","Calendar","date","preset","presetDate","Button"],"mappings":";;;;;;;AASA,MAAMA,iBAAiB,CAAC,EACpBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,SAAS,EACTC,OAAO,EACPC,aAAa,EACK;IAClB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IAEjC,MAAMC,mBAAmB,CAACC;QACtBH,QAAQG;QACR,IAAIR,cACAA,aAAaQ;IAErB;IAEA,MAAMC,oBAAoB,CAACC;QACvB,IAAIjB,UACAA,SAASkB,OAAOD,eAAe;QAEnCH,iBAAiB;IACrB;IAEA,MAAMK,eAAeC,qBAAqBrB,OAAO,QAAQW;IACzD,MAAMW,eAAetB,QAAQuB,eAAevB,SAASwB;IAErD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWf;qBACZ,oBAACgB,kBAAgBA;QAAC,MAAMb;QAAM,cAAcG;qBACxC,oBAACW,mBAAiBA;QACd,cAAcN;QACd,aAAalB,eAAe;QAC5B,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;sBAEb,oBAACmB,iBAAiB,OAAO;QAAC,OAAM;qBAC5B,oBAAC;QAAI,WAAWf,SAAS,SAAS,SAASc;qBACvC,oBAACG,UAAQA;QACL,MAAK;QACL,UAAUL;QACV,UAAUM,CAAAA;YACN,IAAI3B,UACAA,SAAS2B,OAAOT,OAAOS,MAAM,gBAAgBJ;YAEjDT,iBAAiB;QACrB;QACA,cAAcR;QAEjBG,WAAWA,QAAQ,MAAM,GAAG,KAAK,WAAL,GACzB,oBAAC;QAAI,WAAU;OACVA,QAAQ,GAAG,CAACmB,CAAAA;QACT,MAAMC,aAAaX,OAAOU,OAAO,KAAK,IAAI;QAC1C,OAAO,WAAP,GACI,oBAACE,QAAMA;YACH,KAAKF,OAAO,KAAK;YACjB,SAAS7B,UAAU8B,aAAa,YAAY;YAC5C,MAAK;YACL,MAAMD,OAAO,KAAK;YAClB,SAAS,IAAMZ,kBAAkBY,OAAO,KAAK;;IAGzD;AAQhC"}

package/DatePicker/primitives/DatePickerPrimitive.d.ts

@@ -1,20 +1,21 @@
 import React from "react";
 import type { DatePickerPrimitiveProps } from "../utils/types.js";
-declare const DatePickerPrimitive: ((props: DatePickerPrimitiveProps) => React.JSX.Element) & {
-    original: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+declare const DecoratableDatePickerPrimitive: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+declare const DatePickerPrimitive: typeof DecoratableDatePickerPrimitive & {
+    original: typeof DecoratableDatePickerPrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: DatePickerPrimitiveProps) => React.JSX.Element) & {
-        original: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+    original: typeof DecoratableDatePickerPrimitive & {
+        original: typeof DecoratableDatePickerPrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: DatePickerPrimitiveProps) => React.JSX.Element) & {
-        original: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableDatePickerPrimitive & {
+        original: typeof DecoratableDatePickerPrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/DatePicker/primitives/DatePickerPrimitive.js

@@ -1,4 +1,4 @@
-import React from "react";
+import react from "react";
 import { makeDecoratable } from "../../utils.js";
 import { DateOnlyPicker } from "./DateOnlyPicker.js";
 import { TimeOnlyPicker } from "./TimeOnlyPicker.js";
@@ -10,35 +10,37 @@ import { DateRangePicker } from "./DateRangePicker.js";
 import { MultipleDatesPicker } from "./MultipleDatesPicker.js";
 import { MultipleMonthsPicker } from "./MultipleMonthsPicker.js";
 import { MultipleYearsPicker } from "./MultipleYearsPicker.js";
-const DecoratableDatePickerPrimitive = props => {
-  switch (props.type) {
-    case "date":
-      return /*#__PURE__*/React.createElement(DateOnlyPicker, props);
-    case "time":
-      return /*#__PURE__*/React.createElement(TimeOnlyPicker, props);
-    case "dateTimeLocal":
-      return /*#__PURE__*/React.createElement(DateTimePicker, Object.assign({}, props, {
-        withTimezone: false
-      }));
-    case "dateTimeTz":
-      return /*#__PURE__*/React.createElement(DateTimePicker, Object.assign({}, props, {
-        withTimezone: true
-      }));
-    case "month":
-      return /*#__PURE__*/React.createElement(MonthPicker, props);
-    case "week":
-      return /*#__PURE__*/React.createElement(WeekPicker, props);
-    case "year":
-      return /*#__PURE__*/React.createElement(YearPicker, props);
-    case "dateRange":
-      return /*#__PURE__*/React.createElement(DateRangePicker, props);
-    case "multipleDates":
-      return /*#__PURE__*/React.createElement(MultipleDatesPicker, props);
-    case "multipleMonths":
-      return /*#__PURE__*/React.createElement(MultipleMonthsPicker, props);
-    case "multipleYears":
-      return /*#__PURE__*/React.createElement(MultipleYearsPicker, props);
-  }
+const DecoratableDatePickerPrimitive = (props)=>{
+    switch(props.type){
+        case "date":
+            return /*#__PURE__*/ react.createElement(DateOnlyPicker, props);
+        case "time":
+            return /*#__PURE__*/ react.createElement(TimeOnlyPicker, props);
+        case "dateTimeLocal":
+            return /*#__PURE__*/ react.createElement(DateTimePicker, {
+                ...props,
+                withTimezone: false
+            });
+        case "dateTimeTz":
+            return /*#__PURE__*/ react.createElement(DateTimePicker, {
+                ...props,
+                withTimezone: true
+            });
+        case "month":
+            return /*#__PURE__*/ react.createElement(MonthPicker, props);
+        case "week":
+            return /*#__PURE__*/ react.createElement(WeekPicker, props);
+        case "year":
+            return /*#__PURE__*/ react.createElement(YearPicker, props);
+        case "dateRange":
+            return /*#__PURE__*/ react.createElement(DateRangePicker, props);
+        case "multipleDates":
+            return /*#__PURE__*/ react.createElement(MultipleDatesPicker, props);
+        case "multipleMonths":
+            return /*#__PURE__*/ react.createElement(MultipleMonthsPicker, props);
+        case "multipleYears":
+            return /*#__PURE__*/ react.createElement(MultipleYearsPicker, props);
+    }
 };
 const DatePickerPrimitive = makeDecoratable("DatePickerPrimitive", DecoratableDatePickerPrimitive);
 export { DatePickerPrimitive };

package/DatePicker/primitives/DatePickerPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","DateOnlyPicker","TimeOnlyPicker","DateTimePicker","MonthPicker","WeekPicker","YearPicker","DateRangePicker","MultipleDatesPicker","MultipleMonthsPicker","MultipleYearsPicker","DecoratableDatePickerPrimitive","props","type","createElement","Object","assign","withTimezone","DatePickerPrimitive"],"sources":["DatePickerPrimitive.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { DatePickerPrimitiveProps } from \"../utils/types.js\";\nimport { DateOnlyPicker } from \"./DateOnlyPicker.js\";\nimport { TimeOnlyPicker } from \"./TimeOnlyPicker.js\";\nimport { DateTimePicker } from \"./DateTimePicker.js\";\nimport { MonthPicker } from \"./MonthPicker.js\";\nimport { WeekPicker } from \"./WeekPicker.js\";\nimport { YearPicker } from \"./YearPicker.js\";\nimport { DateRangePicker } from \"./DateRangePicker.js\";\nimport { MultipleDatesPicker } from \"./MultipleDatesPicker.js\";\nimport { MultipleMonthsPicker } from \"./MultipleMonthsPicker.js\";\nimport { MultipleYearsPicker } from \"./MultipleYearsPicker.js\";\n\nconst DecoratableDatePickerPrimitive = (props: DatePickerPrimitiveProps) => {\n    switch (props.type) {\n        case \"date\":\n            return <DateOnlyPicker {...props} />;\n        case \"time\":\n            return <TimeOnlyPicker {...props} />;\n        case \"dateTimeLocal\":\n            return <DateTimePicker {...props} withTimezone={false} />;\n        case \"dateTimeTz\":\n            return <DateTimePicker {...props} withTimezone={true} />;\n        case \"month\":\n            return <MonthPicker {...props} />;\n        case \"week\":\n            return <WeekPicker {...props} />;\n        case \"year\":\n            return <YearPicker {...props} />;\n        case \"dateRange\":\n            return <DateRangePicker {...props} />;\n        case \"multipleDates\":\n            return <MultipleDatesPicker {...props} />;\n        case \"multipleMonths\":\n            return <MultipleMonthsPicker {...props} />;\n        case \"multipleYears\":\n            return <MultipleYearsPicker {...props} />;\n    }\n};\n\nconst DatePickerPrimitive = makeDecoratable(\"DatePickerPrimitive\", DecoratableDatePickerPrimitive);\n\nexport { DatePickerPrimitive, type DatePickerPrimitiveProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAExB,SAASC,cAAc;AACvB,SAASC,cAAc;AACvB,SAASC,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,UAAU;AACnB,SAASC,UAAU;AACnB,SAASC,eAAe;AACxB,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB;AAC7B,SAASC,mBAAmB;AAE5B,MAAMC,8BAA8B,GAAIC,KAA+B,IAAK;EACxE,QAAQA,KAAK,CAACC,IAAI;IACd,KAAK,MAAM;MACP,oBAAOd,KAAA,CAAAe,aAAA,CAACb,cAAc,EAAKW,KAAQ,CAAC;IACxC,KAAK,MAAM;MACP,oBAAOb,KAAA,CAAAe,aAAA,CAACZ,cAAc,EAAKU,KAAQ,CAAC;IACxC,KAAK,eAAe;MAChB,oBAAOb,KAAA,CAAAe,aAAA,CAACX,cAAc,EAAAY,MAAA,CAAAC,MAAA,KAAKJ,KAAK;QAAEK,YAAY,EAAE;MAAM,EAAE,CAAC;IAC7D,KAAK,YAAY;MACb,oBAAOlB,KAAA,CAAAe,aAAA,CAACX,cAAc,EAAAY,MAAA,CAAAC,MAAA,KAAKJ,KAAK;QAAEK,YAAY,EAAE;MAAK,EAAE,CAAC;IAC5D,KAAK,OAAO;MACR,oBAAOlB,KAAA,CAAAe,aAAA,CAACV,WAAW,EAAKQ,KAAQ,CAAC;IACrC,KAAK,MAAM;MACP,oBAAOb,KAAA,CAAAe,aAAA,CAACT,UAAU,EAAKO,KAAQ,CAAC;IACpC,KAAK,MAAM;MACP,oBAAOb,KAAA,CAAAe,aAAA,CAACR,UAAU,EAAKM,KAAQ,CAAC;IACpC,KAAK,WAAW;MACZ,oBAAOb,KAAA,CAAAe,aAAA,CAACP,eAAe,EAAKK,KAAQ,CAAC;IACzC,KAAK,eAAe;MAChB,oBAAOb,KAAA,CAAAe,aAAA,CAACN,mBAAmB,EAAKI,KAAQ,CAAC;IAC7C,KAAK,gBAAgB;MACjB,oBAAOb,KAAA,CAAAe,aAAA,CAACL,oBAAoB,EAAKG,KAAQ,CAAC;IAC9C,KAAK,eAAe;MAChB,oBAAOb,KAAA,CAAAe,aAAA,CAACJ,mBAAmB,EAAKE,KAAQ,CAAC;EACjD;AACJ,CAAC;AAED,MAAMM,mBAAmB,GAAGlB,eAAe,CAAC,qBAAqB,EAAEW,8BAA8B,CAAC;AAElG,SAASO,mBAAmB","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/DatePickerPrimitive.js","sources":["../../../src/DatePicker/primitives/DatePickerPrimitive.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { DatePickerPrimitiveProps } from \"../utils/types.js\";\nimport { DateOnlyPicker } from \"./DateOnlyPicker.js\";\nimport { TimeOnlyPicker } from \"./TimeOnlyPicker.js\";\nimport { DateTimePicker } from \"./DateTimePicker.js\";\nimport { MonthPicker } from \"./MonthPicker.js\";\nimport { WeekPicker } from \"./WeekPicker.js\";\nimport { YearPicker } from \"./YearPicker.js\";\nimport { DateRangePicker } from \"./DateRangePicker.js\";\nimport { MultipleDatesPicker } from \"./MultipleDatesPicker.js\";\nimport { MultipleMonthsPicker } from \"./MultipleMonthsPicker.js\";\nimport { MultipleYearsPicker } from \"./MultipleYearsPicker.js\";\n\nconst DecoratableDatePickerPrimitive = (props: DatePickerPrimitiveProps) => {\n    switch (props.type) {\n        case \"date\":\n            return <DateOnlyPicker {...props} />;\n        case \"time\":\n            return <TimeOnlyPicker {...props} />;\n        case \"dateTimeLocal\":\n            return <DateTimePicker {...props} withTimezone={false} />;\n        case \"dateTimeTz\":\n            return <DateTimePicker {...props} withTimezone={true} />;\n        case \"month\":\n            return <MonthPicker {...props} />;\n        case \"week\":\n            return <WeekPicker {...props} />;\n        case \"year\":\n            return <YearPicker {...props} />;\n        case \"dateRange\":\n            return <DateRangePicker {...props} />;\n        case \"multipleDates\":\n            return <MultipleDatesPicker {...props} />;\n        case \"multipleMonths\":\n            return <MultipleMonthsPicker {...props} />;\n        case \"multipleYears\":\n            return <MultipleYearsPicker {...props} />;\n    }\n};\n\nconst DatePickerPrimitive = makeDecoratable(\"DatePickerPrimitive\", DecoratableDatePickerPrimitive);\n\nexport { DatePickerPrimitive, type DatePickerPrimitiveProps };\n"],"names":["DecoratableDatePickerPrimitive","props","DateOnlyPicker","TimeOnlyPicker","DateTimePicker","MonthPicker","WeekPicker","YearPicker","DateRangePicker","MultipleDatesPicker","MultipleMonthsPicker","MultipleYearsPicker","DatePickerPrimitive","makeDecoratable"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,iCAAiC,CAACC;IACpC,OAAQA,MAAM,IAAI;QACd,KAAK;YACD,OAAO,WAAP,GAAO,oBAACC,gBAAmBD;QAC/B,KAAK;YACD,OAAO,WAAP,GAAO,oBAACE,gBAAmBF;QAC/B,KAAK;YACD,OAAO,WAAP,GAAO,oBAACG,gBAAcA;gBAAE,GAAGH,KAAK;gBAAE,cAAc;;QACpD,KAAK;YACD,OAAO,WAAP,GAAO,oBAACG,gBAAcA;gBAAE,GAAGH,KAAK;gBAAE,cAAc;;QACpD,KAAK;YACD,OAAO,WAAP,GAAO,oBAACI,aAAgBJ;QAC5B,KAAK;YACD,OAAO,WAAP,GAAO,oBAACK,YAAeL;QAC3B,KAAK;YACD,OAAO,WAAP,GAAO,oBAACM,YAAeN;QAC3B,KAAK;YACD,OAAO,WAAP,GAAO,oBAACO,iBAAoBP;QAChC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACQ,qBAAwBR;QACpC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACS,sBAAyBT;QACrC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACU,qBAAwBV;IACxC;AACJ;AAEA,MAAMW,sBAAsBC,gBAAgB,uBAAuBb"}

package/DatePicker/primitives/DateRangePicker.js

@@ -1,68 +1,48 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { format } from "date-fns";
 import { Calendar } from "../../Calendar/index.js";
 import { PopoverPrimitive } from "../../Popover/index.js";
-import { formatDateForDisplay } from "../utils/dateHelpers.js";
+import { formatDateForDisplay, parseDateValue } from "../utils/dateHelpers.js";
 import { DatePickerTrigger } from "./components/DatePickerTrigger.js";
-const toDateStr = d => format(d, "yyyy-MM-dd");
-const DateRangePicker = ({
-  value,
-  onChange,
-  placeholder,
-  disabled,
-  size,
-  variant,
-  invalid,
-  weekStartsOn,
-  onOpenChange,
-  className,
-  displayFormat
-}) => {
-  const [open, setOpen] = useState(false);
-  const handleOpenChange = isOpen => {
-    setOpen(isOpen);
-    if (onOpenChange) {
-      onOpenChange(isOpen);
-    }
-  };
-  const displayValue = formatDateForDisplay(value, "dateRange", displayFormat);
-  const handleRangeSelect = range => {
-    if (onChange) {
-      if (range?.from) {
-        onChange({
-          from: toDateStr(range.from),
-          to: range.to ? toDateStr(range.to) : undefined
-        });
-      } else {
-        onChange(undefined);
-      }
-    }
-  };
-  const selected = value?.from ? {
-    from: new Date(value.from),
-    to: value.to ? new Date(value.to) : undefined
-  } : undefined;
-  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 date range",
-    disabled: disabled,
-    size: size,
-    variant: variant,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
-    align: "start"
-  }, /*#__PURE__*/React.createElement(Calendar, {
-    mode: "range",
-    selected: selected,
-    onSelect: handleRangeSelect,
-    numberOfMonths: 2,
-    weekStartsOn: weekStartsOn
-  }))));
+const toDateStr = (d)=>format(d, "yyyy-MM-dd");
+const DateRangePicker = ({ value, onChange, placeholder, disabled, size, variant, invalid, weekStartsOn, onOpenChange, className, displayFormat })=>{
+    const [open, setOpen] = useState(false);
+    const handleOpenChange = (isOpen)=>{
+        setOpen(isOpen);
+        if (onOpenChange) onOpenChange(isOpen);
+    };
+    const displayValue = formatDateForDisplay(value, "dateRange", displayFormat);
+    const handleRangeSelect = (range)=>{
+        if (onChange) range?.from ? onChange({
+            from: toDateStr(range.from),
+            to: range.to ? toDateStr(range.to) : void 0
+        }) : onChange(void 0);
+    };
+    const selected = value?.from ? {
+        from: parseDateValue(value.from),
+        to: value.to ? parseDateValue(value.to) : void 0
+    } : void 0;
+    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 date range",
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(PopoverPrimitive.Content, {
+        align: "start"
+    }, /*#__PURE__*/ react.createElement(Calendar, {
+        mode: "range",
+        selected: selected,
+        onSelect: handleRangeSelect,
+        numberOfMonths: 2,
+        weekStartsOn: weekStartsOn
+    }))));
 };
 export { DateRangePicker };
 

package/DatePicker/primitives/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","format","Calendar","PopoverPrimitive","formatDateForDisplay","DatePickerTrigger","toDateStr","d","DateRangePicker","value","onChange","placeholder","disabled","size","variant","invalid","weekStartsOn","onOpenChange","className","displayFormat","open","setOpen","handleOpenChange","isOpen","displayValue","handleRangeSelect","range","from","to","undefined","selected","Date","createElement","Content","align","mode","onSelect","numberOfMonths"],"sources":["DateRangePicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\nimport type { DateRange } from \"react-day-picker\";\nimport { Calendar } from \"~/Calendar/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { DateRangePickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\n\nconst toDateStr = (d: Date) => format(d, \"yyyy-MM-dd\");\n\nconst DateRangePicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    weekStartsOn,\n    onOpenChange,\n    className,\n    displayFormat\n}: DateRangePickerProps) => {\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, \"dateRange\", displayFormat);\n\n    const handleRangeSelect = (range: DateRange | undefined) => {\n        if (onChange) {\n            if (range?.from) {\n                onChange({\n                    from: toDateStr(range.from),\n                    to: range.to ? toDateStr(range.to) : undefined\n                });\n            } else {\n                onChange(undefined);\n            }\n        }\n    };\n\n    const selected: DateRange | undefined = value?.from\n        ? { from: new Date(value.from), to: value.to ? new Date(value.to) : undefined }\n        : undefined;\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a date range\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <Calendar\n                        mode=\"range\"\n                        selected={selected}\n                        onSelect={handleRangeSelect}\n                        numberOfMonths={2}\n                        weekStartsOn={weekStartsOn}\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { DateRangePicker };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,QAAQ;AACjB,SAASC,gBAAgB;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAE1B,MAAMC,SAAS,GAAIC,CAAO,IAAKN,MAAM,CAACM,CAAC,EAAE,YAAY,CAAC;AAEtD,MAAMC,eAAe,GAAGA,CAAC;EACrBC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,YAAY;EACZC,YAAY;EACZC,SAAS;EACTC;AACkB,CAAC,KAAK;EACxB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EAEvC,MAAMsB,gBAAgB,GAAIC,MAAe,IAAK;IAC1CF,OAAO,CAACE,MAAM,CAAC;IACf,IAAIN,YAAY,EAAE;MACdA,YAAY,CAACM,MAAM,CAAC;IACxB;EACJ,CAAC;EAED,MAAMC,YAAY,GAAGpB,oBAAoB,CAACK,KAAK,EAAE,WAAW,EAAEU,aAAa,CAAC;EAE5E,MAAMM,iBAAiB,GAAIC,KAA4B,IAAK;IACxD,IAAIhB,QAAQ,EAAE;MACV,IAAIgB,KAAK,EAAEC,IAAI,EAAE;QACbjB,QAAQ,CAAC;UACLiB,IAAI,EAAErB,SAAS,CAACoB,KAAK,CAACC,IAAI,CAAC;UAC3BC,EAAE,EAAEF,KAAK,CAACE,EAAE,GAAGtB,SAAS,CAACoB,KAAK,CAACE,EAAE,CAAC,GAAGC;QACzC,CAAC,CAAC;MACN,CAAC,MAAM;QACHnB,QAAQ,CAACmB,SAAS,CAAC;MACvB;IACJ;EACJ,CAAC;EAED,MAAMC,QAA+B,GAAGrB,KAAK,EAAEkB,IAAI,GAC7C;IAAEA,IAAI,EAAE,IAAII,IAAI,CAACtB,KAAK,CAACkB,IAAI,CAAC;IAAEC,EAAE,EAAEnB,KAAK,CAACmB,EAAE,GAAG,IAAIG,IAAI,CAACtB,KAAK,CAACmB,EAAE,CAAC,GAAGC;EAAU,CAAC,GAC7EA,SAAS;EAEf,oBACI9B,KAAA,CAAAiC,aAAA;IAAKd,SAAS,EAAEA;EAAU,gBACtBnB,KAAA,CAAAiC,aAAA,CAAC7B,gBAAgB;IAACiB,IAAI,EAAEA,IAAK;IAACH,YAAY,EAAEK;EAAiB,gBACzDvB,KAAA,CAAAiC,aAAA,CAAC3B,iBAAiB;IACdmB,YAAY,EAAEA,YAAa;IAC3Bb,WAAW,EAAEA,WAAW,IAAI,mBAAoB;IAChDC,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFhB,KAAA,CAAAiC,aAAA,CAAC7B,gBAAgB,CAAC8B,OAAO;IAACC,KAAK,EAAC;EAAO,gBACnCnC,KAAA,CAAAiC,aAAA,CAAC9B,QAAQ;IACLiC,IAAI,EAAC,OAAO;IACZL,QAAQ,EAAEA,QAAS;IACnBM,QAAQ,EAAEX,iBAAkB;IAC5BY,cAAc,EAAE,CAAE;IAClBrB,YAAY,EAAEA;EAAa,CAC9B,CACqB,CACZ,CACjB,CAAC;AAEd,CAAC;AAED,SAASR,eAAe","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/DateRangePicker.js","sources":["../../../src/DatePicker/primitives/DateRangePicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\nimport type { DateRange } from \"react-day-picker\";\nimport { Calendar } from \"~/Calendar/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { DateRangePickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay, parseDateValue } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\n\nconst toDateStr = (d: Date) => format(d, \"yyyy-MM-dd\");\n\nconst DateRangePicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    weekStartsOn,\n    onOpenChange,\n    className,\n    displayFormat\n}: DateRangePickerProps) => {\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, \"dateRange\", displayFormat);\n\n    const handleRangeSelect = (range: DateRange | undefined) => {\n        if (onChange) {\n            if (range?.from) {\n                onChange({\n                    from: toDateStr(range.from),\n                    to: range.to ? toDateStr(range.to) : undefined\n                });\n            } else {\n                onChange(undefined);\n            }\n        }\n    };\n\n    const selected: DateRange | undefined = value?.from\n        ? { from: parseDateValue(value.from), to: value.to ? parseDateValue(value.to) : undefined }\n        : undefined;\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a date range\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <Calendar\n                        mode=\"range\"\n                        selected={selected}\n                        onSelect={handleRangeSelect}\n                        numberOfMonths={2}\n                        weekStartsOn={weekStartsOn}\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { DateRangePicker };\n"],"names":["toDateStr","d","format","DateRangePicker","value","onChange","placeholder","disabled","size","variant","invalid","weekStartsOn","onOpenChange","className","displayFormat","open","setOpen","useState","handleOpenChange","isOpen","displayValue","formatDateForDisplay","handleRangeSelect","range","undefined","selected","parseDateValue","PopoverPrimitive","DatePickerTrigger","Calendar"],"mappings":";;;;;;AASA,MAAMA,YAAY,CAACC,IAAYC,OAAOD,GAAG;AAEzC,MAAME,kBAAkB,CAAC,EACrBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,SAAS,EACTC,aAAa,EACM;IACnB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IAEjC,MAAMC,mBAAmB,CAACC;QACtBH,QAAQG;QACR,IAAIP,cACAA,aAAaO;IAErB;IAEA,MAAMC,eAAeC,qBAAqBjB,OAAO,aAAaU;IAE9D,MAAMQ,oBAAoB,CAACC;QACvB,IAAIlB,UACIkB,OAAO,OACPlB,SAAS;YACL,MAAML,UAAUuB,MAAM,IAAI;YAC1B,IAAIA,MAAM,EAAE,GAAGvB,UAAUuB,MAAM,EAAE,IAAIC;QACzC,KAEAnB,SAASmB;IAGrB;IAEA,MAAMC,WAAkCrB,OAAO,OACzC;QAAE,MAAMsB,eAAetB,MAAM,IAAI;QAAG,IAAIA,MAAM,EAAE,GAAGsB,eAAetB,MAAM,EAAE,IAAIoB;IAAU,IACxFA;IAEN,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWX;qBACZ,oBAACc,kBAAgBA;QAAC,MAAMZ;QAAM,cAAcG;qBACxC,oBAACU,mBAAiBA;QACd,cAAcR;QACd,aAAad,eAAe;QAC5B,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;sBAEb,oBAACiB,iBAAiB,OAAO;QAAC,OAAM;qBAC5B,oBAACE,UAAQA;QACL,MAAK;QACL,UAAUJ;QACV,UAAUH;QACV,gBAAgB;QAChB,cAAcX;;AAMtC"}

package/DatePicker/primitives/DateTimePicker.d.ts

@@ -3,5 +3,5 @@ import type { DateTimeLocalPickerProps, DateTimeTzPickerProps } from "../utils/t
 type DateTimePickerInternalProps = (DateTimeLocalPickerProps | DateTimeTzPickerProps) & {
     withTimezone: boolean;
 };
-declare const DateTimePicker: ({ value, onChange, placeholder, disabled, size, variant, invalid, weekStartsOn, onOpenChange, className, withTimezone, displayFormat }: DateTimePickerInternalProps) => React.JSX.Element;
+declare const DateTimePicker: ({ value, onChange, placeholder, disabled, size, variant, invalid, weekStartsOn, onOpenChange, className, withTimezone, displayFormat, minDate, maxDate }: DateTimePickerInternalProps) => React.JSX.Element;
 export { DateTimePicker };