52: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"] 53: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"] 54:T1e0e,"use client"; import type { DateRange } from "@daypicker/react"; import { CalendarIcon } from "lucide-react"; import { useRef, useState, type ComponentProps, type ReactNode } from "react"; import { cn } from "@/registry/default/lib/utils"; import { Button } from "@/registry/default/ui/button"; import { Calendar, type CalendarProps } from "@/registry/default/ui/calendar"; import { Popover, PopoverContent, PopoverTrigger } from "@/registry/default/ui/popover"; type PassThroughCalendarProps = Omit; interface PickerTriggerProps extends Omit< ComponentProps, "value" | "defaultValue" | "onChange" | "children" | "asChild" | "loading" > { placeholder?: ReactNode; /** Controlled open state of the calendar. */ open?: boolean; onOpenChange?: (open: boolean) => void; /** * Props for the Calendar inside, e.g. `disabled` matchers, `locale`, `captionLayout` * or `defaultMonth` (used while nothing is picked). */ calendarProps?: PassThroughCalendarProps; contentClassName?: string; } const defaultFormat = new Intl.DateTimeFormat(undefined, { dateStyle: "medium" }); /** `yyyy-mm-dd` in local time, the format of ``. */ function toDateString(date: Date) { const pad = (n: number) => String(n).padStart(2, "0"); return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`; } /** Controlled when the prop is passed at all, even as undefined (react-hook-form starts that way). */ function useValue(controlled: boolean, value: T, defaultValue: T, onChange?: (next: T) => void) { const [internal, setInternal] = useState(defaultValue); const current = controlled ? value : internal; const set = (next: T) => { if (!controlled) setInternal(next); onChange?.(next); }; return [current, set] as const; } function useOpen(open: boolean | undefined, onOpenChange?: (open: boolean) => void) { const [internal, setInternal] = useState(false); const current = open ?? internal; const set = (next: boolean) => { if (open === undefined) setInternal(next); onOpenChange?.(next); }; return [current, set] as const; } const triggerClassName = cn( "w-full justify-between font-normal sm:w-[16rem]", "data-[empty=true]:text-muted-foreground", "[&>[data-slot=date-picker-icon]]:text-muted-foreground" ); interface DatePickerProps extends PickerTriggerProps { value?: Date | null; defaultValue?: Date | null; onValueChange?: (date: Date | undefined) => void; /** Text on the trigger. Defaults to the browser's medium date style. */ formatValue?: (date: Date) => string; /** Submits the date as `yyyy-mm-dd` in a native form. */ name?: string; } /** * A button that opens a calendar in a popover and shows the chosen date. * Picking a day closes it; picking the same day again clears it. * * With server rendering, pass `formatValue` with a fixed locale so the server * and the browser print the date the same way. */ function DatePicker(props: DatePickerProps) { const { value, defaultValue, onValueChange, placeholder = "Pick a date", formatValue = (date: Date) => defaultFormat.format(date), name, open, onOpenChange, calendarProps, contentClassName, className, ...buttonProps } = props; const [date, setDate] = useValue( "value" in props, value ?? undefined, defaultValue ?? undefined, onValueChange ); const [isOpen, setOpen] = useOpen(open, onOpenChange); return ( { setDate(next); if (next) setOpen(false); }} /> {name ? : null} ); } interface DateRangePickerProps extends PickerTriggerProps { value?: DateRange | null; defaultValue?: DateRange | null; onValueChange?: (range: DateRange | undefined) => void; /** Text on the trigger. Defaults to the browser's medium date style, as a range. */ formatValue?: (range: DateRange) => string; /** Submits `from` and `to` as `yyyy-mm-dd` in a native form. */ names?: { from: string; to: string }; /** Months shown side by side. */ numberOfMonths?: number; } function formatRange({ from, to }: DateRange) { if (!from) return ""; if (!to) return defaultFormat.format(from); return defaultFormat.formatRange(from, to); } /** * Like DatePicker, for a start and an end date. It closes after the second * pick since it opened, once both ends are set. */ function DateRangePicker(props: DateRangePickerProps) { const { value, defaultValue, onValueChange, placeholder = "Pick a date range", formatValue = formatRange, names, numberOfMonths = 2, open, onOpenChange, calendarProps, contentClassName, className, ...buttonProps } = props; const [range, setRange] = useValue( "value" in props, value ?? undefined, defaultValue ?? undefined, onValueChange ); const [isOpen, setOpenState] = useOpen(open, onOpenChange); // DayPicker turns the first click into a one-day range, so "complete" means // the second pick since the calendar opened. const picks = useRef(0); const setOpen = (next: boolean) => { if (next) picks.current = 0; setOpenState(next); }; return ( { picks.current += 1; setRange(next); if (picks.current >= 2 && next?.from && next.to) setOpen(false); }} /> {names ? ( <> ) : null} ); } export { DatePicker, DateRangePicker, type DatePickerProps, type DateRange, type DateRangePickerProps, }; 51:["$","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","@daypicker/react@^10.0.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40daypicker%2Freact","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":"@daypicker/react@^10.0.1"}]]}]}],["$","li","lucide-react@^1.48.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-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":"lucide-react@^1.48.0"}]]}]}]]}],["$","$L52",null,{"namespace":"@corsair-ui","registryDependencies":["@corsair-ui/utils","@corsair-ui/button","@corsair-ui/calendar","@corsair-ui/popover"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/default/ui/date-picker.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]