50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T2421,"use client" import * as React from "react" import { IconCalendar } from "@tabler/icons-react" import { cn } from "cn" import type { DateRange } from "react-day-picker" import { Button } from "@/components/ui/button" import { Calendar, type CalendarProps } from "@/components/ui/calendar" import { Popover, PopoverContent, PopoverTrigger, } from "@/components/ui/popover" import { Sheet, SheetBody, SheetContent, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from "@/components/ui/sheet" const phoneQuery = "(max-width: 639px)" function subscribePhone(onChange: () => void) { if (typeof window.matchMedia !== "function") { return () => {} } const media = window.matchMedia(phoneQuery) media.addEventListener("change", onChange) return () => media.removeEventListener("change", onChange) } function getPhone() { return typeof window.matchMedia === "function" ? window.matchMedia(phoneQuery).matches : false } function useIsPhone() { return React.useSyncExternalStore(subscribePhone, getPhone, () => false) } function toIsoDate(date: Date) { const month = String(date.getMonth() + 1).padStart(2, "0") const day = String(date.getDate()).padStart(2, "0") return `${date.getFullYear()}-${month}-${day}` } function normalizeSpaces(text: string) { return text.replace(/[\u2009\u202f\u00a0]/g, " ") } function isSameDay(a: Date, b: Date) { return ( a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate() ) } type CalendarPassthrough = Omit< CalendarProps, "mode" | "selected" | "onSelect" | "required" | "numberOfMonths" | "autoFocus" > type TriggerProps = Omit< React.ComponentProps, "value" | "defaultValue" | "onChange" | "children" | "render" > type DatePickerSharedProps = TriggerProps & { open?: boolean defaultOpen?: boolean onOpenChange?: (open: boolean) => void placeholder?: string title?: string locale?: string clearable?: boolean clearLabel?: string name?: string calendarProps?: CalendarPassthrough } type DatePickerShellProps = Omit< DatePickerSharedProps, "locale" | "calendarProps" > & { label: string | undefined hasValue: boolean hiddenValue: string | undefined onClear: () => void children: (close: () => void, phone: boolean) => React.ReactNode } function DatePickerShell({ open: openProp, defaultOpen = false, onOpenChange, placeholder, title, label, hasValue, hiddenValue, clearable = false, clearLabel = "Clear", name, onClear, children, className, variant = "outline", disabled, ...props }: DatePickerShellProps) { const phone = useIsPhone() const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen) const open = openProp ?? uncontrolledOpen const setOpen = (next: boolean) => { if (openProp === undefined) { setUncontrolledOpen(next) } onOpenChange?.(next) } const close = () => setOpen(false) const trigger = ( ) : null const hidden = name !== undefined ? ( ) : null if (phone) { return ( {triggerContent} {hidden} {title}

{children(close, true)}

{clearButton ? {clearButton} : null} ) } return ( {triggerContent} {hidden}

{children(close, false)}

{clearButton ? (

{clearButton}

) : null} ) } type DatePickerProps = DatePickerSharedProps & { value?: Date | null defaultValue?: Date | null onValueChange?: (value: Date | null) => void } function DatePicker({ value: valueProp, defaultValue = null, onValueChange, placeholder = "Pick a date", title = "Select a date", locale = "en-US", calendarProps, ...props }: DatePickerProps) { const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue) const value = valueProp !== undefined ? valueProp : uncontrolledValue const formatter = React.useMemo( () => new Intl.DateTimeFormat(locale, { dateStyle: "medium" }), [locale] ) const setValue = (next: Date | null) => { if (valueProp === undefined) { setUncontrolledValue(next) } onValueChange?.(next) } return ( setValue(null)} > {(close) => ( { setValue(date) close() }} /> )} ) } type DateRangePickerProps = DatePickerSharedProps & { value?: DateRange | null defaultValue?: DateRange | null onValueChange?: (value: DateRange | null) => void } function DateRangeCalendar({ value, phone, calendarProps, onComplete, }: { value: DateRange | null phone: boolean calendarProps?: CalendarPassthrough onComplete: (range: DateRange) => void }) { const [draft, setDraft] = React.useState(undefined) const selected = draft ?? value ?? undefined return ( { if (!draft) { setDraft({ from: day, to: day }) return } const start = draft.from ?? day const range = day < start ? { from: day, to: start } : { from: start, to: day } setDraft(undefined) onComplete(range) }} /> ) } function DateRangePicker({ value: valueProp, defaultValue = null, onValueChange, placeholder = "Pick a date range", title = "Select dates", locale = "en-US", calendarProps, ...props }: DateRangePickerProps) { const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue) const value = valueProp !== undefined ? valueProp : uncontrolledValue const formatter = React.useMemo( () => new Intl.DateTimeFormat(locale, { dateStyle: "medium" }), [locale] ) const setValue = (next: DateRange | null) => { if (valueProp === undefined) { setUncontrolledValue(next) } onValueChange?.(next) } const from = value?.from const to = value?.to ?? value?.from const label = from && to ? isSameDay(from, to) ? normalizeSpaces(formatter.format(from)) : normalizeSpaces(formatter.formatRange(from, to)) : undefined return ( setValue(null)} > {(close, phone) => ( { setValue(range) close() }} /> )} ) } export { DatePicker, DateRangePicker } export type { DatePickerProps, DateRangePickerProps } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@tabler/icons-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tabler%2Ficons-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@tabler/icons-react"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn"}]]}]}],["$","li","react-day-picker@^10.0.2",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-day-picker","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react-day-picker@^10.0.2"}]]}]}]]}],["$","$L50",null,{"namespace":"@hextaui","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/calendar.json","https://hextaui.com/r/popover.json","https://hextaui.com/r/sheet.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/ui/date-picker.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]