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:T1ebe,"use client"; import { DayPicker, getDefaultClassNames, type DayButton } from "@daypicker/react"; import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react"; import { useEffect, useRef, type ComponentProps } from "react"; import { cn } from "@/registry/default/lib/utils"; import { Button, buttonVariants } from "@/registry/default/ui/button"; type CalendarProps = ComponentProps & { /** Variant of the previous and next month buttons. */ buttonVariant?: ComponentProps["variant"]; }; /** * A month grid for picking a date, several dates or a range (`mode`), built * on DayPicker. Day and month names come from DayPicker's `locale` prop (a * date-fns locale), English by default. */ function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }: CalendarProps) { const defaults = getDefaultClassNames(); return ( dateLib ? dateLib.format(month, "LLL") : month.toLocaleString(undefined, { month: "short" }), ...formatters, }} classNames={{ root: cn("w-fit", defaults.root), months: cn("relative flex flex-col gap-4 md:flex-row", defaults.months), month: cn("flex w-full flex-col gap-4", defaults.month), nav: cn( "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaults.nav ), button_previous: cn( buttonVariants({ variant: buttonVariant }), "size-[var(--cell-size)] p-0 select-none aria-disabled:opacity-50", defaults.button_previous ), button_next: cn( buttonVariants({ variant: buttonVariant }), "size-[var(--cell-size)] p-0 select-none aria-disabled:opacity-50", defaults.button_next ), month_caption: cn( "flex h-[var(--cell-size)] w-full items-center justify-center px-[var(--cell-size)]", defaults.month_caption ), dropdowns: cn( "flex h-[var(--cell-size)] w-full items-center justify-center gap-1.5 text-sm font-medium", defaults.dropdowns ), dropdown_root: cn( "border-input relative cursor-pointer rounded-md border", "has-[:focus-visible]:border-ring has-[:focus-visible]:ring-ring/50 has-[:focus-visible]:ring-[3px]", defaults.dropdown_root ), dropdown: cn("bg-popover absolute inset-0 cursor-pointer opacity-0", defaults.dropdown), caption_label: cn( "font-medium select-none", captionLayout === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5", defaults.caption_label ), month_grid: cn("w-full border-collapse", defaults.month_grid), weekdays: cn("flex", defaults.weekdays), weekday: cn( "text-muted-foreground flex-1 rounded-md text-[0.8rem] font-normal select-none", defaults.weekday ), week: cn("mt-2 flex w-full", defaults.week), week_number_header: cn("w-[var(--cell-size)] select-none", defaults.week_number_header), week_number: cn("text-muted-foreground text-[0.8rem] select-none", defaults.week_number), day: cn( "group/day relative aspect-square h-full w-full p-0 text-center select-none", "[&:last-child[data-selected=true]_button]:rounded-r-md", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaults.day ), range_start: cn("bg-accent rounded-l-md", defaults.range_start), range_middle: cn("rounded-none", defaults.range_middle), range_end: cn("bg-accent rounded-r-md", defaults.range_end), today: cn( "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaults.today ), outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaults.outside), disabled: cn("text-muted-foreground opacity-50", defaults.disabled), hidden: cn("invisible", defaults.hidden), ...classNames, }} components={{ Root: ({ className, rootRef, ...rootProps }) => (

), Chevron: ({ className, orientation, size: _size, disabled: _disabled, ...chevronProps }) => { const Icon = orientation === "left" ? ChevronLeftIcon : orientation === "right" ? ChevronRightIcon : ChevronDownIcon; return ; }, DayButton: CalendarDayButton, WeekNumber: ({ children, week: _week, ...cellProps }) => (

{children}

), ...components, }} {...props} /> ); } /** One day in the grid. Exposed so a custom calendar can wrap or restyle it. */ function CalendarDayButton({ className, day, modifiers, ...props }: ComponentProps) { const defaults = getDefaultClassNames(); const ref = useRef(null); // DayPicker moves focus between days by flagging them; follow it. useEffect(() => { if (modifiers.focused) ref.current?.focus(); }, [modifiers.focused]); const single = modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle; return (