4c: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T74bf,"use client"; import { DatePicker as DatePickerPrimitive, parseDate, type UseDatePickerContext, useDatePickerContext, } from "@ark-ui/react/date-picker"; import { Portal } from "@ark-ui/react/portal"; import { createListCollection, type ListCollection, Select, } from "@ark-ui/react/select"; import { isSameDay } from "@internationalized/date"; import type { VariantProps } from "class-variance-authority"; import { Calendar, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, XIcon, } from "lucide-react"; import type { ReactNode } from "react"; import { Button, buttonVariants } from "@/components/ui/button"; import { ButtonGroup, ButtonGroupSeparator, } from "@/components/ui/button-group"; import { Input } from "@/components/ui/input"; import { InputGroup, InputGroupAddon, InputGroupInput, } from "@/components/ui/input-group"; import { cn } from "@/lib/utils"; export const DatePicker = ({ children, positioning, ...props }: DatePickerPrimitive.RootProps) => { return ( {children} ); }; export const DatePickerLabel = ({ className, ...props }: DatePickerPrimitive.LabelProps) => ( ); export const DatePickerInput = ({ startAddon, endAddon, showClear = true, size = "default", className, placeholder, variant = "input", containerClassName, separator = " - ", }: { startAddon?: ReactNode; endAddon?: ReactNode; showClear?: boolean; showIndicator?: boolean; size?: "default" | "sm" | "lg"; className?: string; placeholder?: string; variant?: "button" | "input"; containerClassName?: string; separator?: string; }) => { return ( {({ selectionMode, value, disabled, setValue }) => { if (selectionMode === "multiple") { return ( {startAddon && ( )}

{value && value.length > 0 ? ( value?.map((date) => { return ( {date?.toString()} {!disabled && ( )} ); }) ) : ( {placeholder} )}

); } if (variant === "button") { return ( ); } if (selectionMode === "range") { return ( {value?.length > 0 && } ); } return ( {startAddon && ( {startAddon} )} {endAddon} {showClear && ( )} ); }} ); }; export const DatePickerControl = ({ ...props }: DatePickerPrimitive.ControlProps) => ( ); export const DatePickerInputInput = ({ size = "default", className, ...props }: Omit & { size?: "sm" | "default" | "lg" | number; }) => ( ); export const DatePickerTrigger = ({ size = "icon", variant = "outline", ...props }: Omit & { size?: VariantProps["size"]; variant?: VariantProps["variant"]; }) => ( ); export const DatePickerClearTrigger = ({ size = "icon", variant = "outline", ...props }: Omit & { size?: VariantProps["size"]; variant?: VariantProps["variant"]; }) => ( ); export const DatePickerViewControl = ({ className, ...props }: DatePickerPrimitive.ViewControlProps) => ( ); const MonthYearSelect = ({ collection, selectedValue, onChange, }: { collection: ListCollection<{ label: string; value: string }>; selectedValue: number; onChange: (value: number) => void; }) => { return ( { const selectedValue = value?.[0]; if (selectedValue) { onChange(+selectedValue); } }} positioning={{ sameWidth: true, }} > {collection.items.map((item) => ( {item.label} ))} ); }; export const DatePickerViewTrigger = ({ className, children, viewTriggerTextOnly = false, monthYearSelect = false, ...props }: DatePickerPrimitive.ViewTriggerProps & { viewTriggerTextOnly?: boolean; monthYearSelect?: boolean; }) => { const { getMonths, getYears, view, focusMonth, focusYear, focusedValue } = useDatePickerContext(); const months = getMonths({ format: "short" }); const years = getYears(); const selectedMonth = focusedValue?.month; const selectedYear = focusedValue?.year; const monthsCollection = createListCollection({ items: months?.map((month) => ({ label: month.label, value: month.value?.toString(), })) ?? [], }); const yearsCollection = createListCollection({ items: years?.map((year) => ({ label: year.label, value: year.value?.toString(), })) ?? [], }); if (monthYearSelect && view === "day") { return (

{ focusMonth(value); }} /> { focusYear(value); }} />

); } if (viewTriggerTextOnly) { return ; } return ( {children ?? } ); }; export const DatePickerPrevTrigger = ({ className, children, ...props }: DatePickerPrimitive.PrevTriggerProps) => ( {children ?? } ); export const DatePickerNextTrigger = ({ className, children, ...props }: DatePickerPrimitive.NextTriggerProps) => ( {children ?? } ); export const DatePickerContext = DatePickerPrimitive.Context; export const DatePickerRangeText = ({ className, ...props }: DatePickerPrimitive.RangeTextProps) => ( ); export const DatePickerPresetTrigger = ({ ...props }: DatePickerPrimitive.PresetTriggerProps) => ( ); export const DatePickerValueText = ({ className, ...props }: DatePickerPrimitive.ValueTextProps) => ( ); export const DatePickerTable = ({ className, ...props }: DatePickerPrimitive.TableProps) => ( ); export const DatePickerTableHead = ({ ...props }: DatePickerPrimitive.TableHeadProps) => ( ); export const DatePickerTableHeader = ({ className, ...props }: DatePickerPrimitive.TableHeaderProps) => ( ); export const DatePickerTableBody = ({ ...props }: DatePickerPrimitive.TableBodyProps) => ( ); export const DatePickerTableRow = ({ className, ...props }: DatePickerPrimitive.TableRowProps) => ( ); export const DatePickerTableCell = ({ className, ...props }: DatePickerPrimitive.TableCellProps) => ( ); export const DatePickerTableCellTrigger = ({ className, ...props }: DatePickerPrimitive.TableCellTriggerProps) => ( ); type WeekDayFormat = keyof Omit< UseDatePickerContext["weekDays"][number], "value" >; type MonthFormat = NonNullable< NonNullable["0"]>["format"] >; type CalendarViewProps = { headerLess?: boolean; viewTriggerTextOnly?: boolean; numberOfMonths?: number; monthYearSelect?: boolean; } & ( | { view: "day"; weekFormat?: WeekDayFormat } | { view: "month"; monthFormat?: MonthFormat; columns?: number } | { view: "year"; columns?: number } ); export const DatePickerCalendarView = (props: CalendarViewProps) => { const { view, headerLess, viewTriggerTextOnly, numberOfMonths, monthYearSelect, } = props; const weekFormat: WeekDayFormat = view === "day" ? (props.weekFormat ?? "short") : "short"; const monthFormat: MonthFormat = view === "month" ? (props.monthFormat ?? "short") : "short"; const monthColumns = view === "month" ? (props.columns ?? 4) : 4; const yearColumns = view === "year" ? (props.columns ?? 4) : 4; const Table = ({ index }: { index?: number }) => { return ( {(ctx) => { const weekDays = ctx.weekDays; const data = index ? ctx.getOffset({ months: index }) : ctx; const monthRows = ctx.getMonthsGrid({ columns: monthColumns, format: monthFormat, }); const yearRows = ctx.getYearsGrid({ columns: yearColumns }); const selectionMode = ctx.selectionMode; return ( {view === "day" && ( {weekDays.map((wd) => ( {wd[weekFormat]} ))} )} {view === "day" && data.weeks.map((week) => ( d.toString()).join(",")} > {week.map((day) => ( {day.day} ))} ))} {view === "month" && monthRows.map((row) => ( m.value.toString()).join(",")} > {row.map((month) => ( {month.label} ))} ))} {view === "year" && yearRows.map((row) => ( y.value.toString()).join(",")} > {row.map((year) => ( {year.label} ))} ))} ); }} ); }; if (headerLess) { return ; } return ( {numberOfMonths && numberOfMonths > 1 ? (

{Array.from({ length: numberOfMonths }).map((_, index) => (

))} ) : (

)} ); }; type DatePickerCalendarProps = { weekFormat?: WeekDayFormat; monthFormat?: MonthFormat; monthColumns?: number; yearColumns?: number; viewTriggerTextOnly?: boolean; enablePresets?: boolean; monthYearSelect?: boolean; }; const rangePresets: { label: string; value: DatePickerPrimitive.PresetTriggerProps["value"]; }[] = [ { label: "Today", value: [parseDate(new Date()), parseDate(new Date())] }, { label: "Last 3 days", value: "last3Days" }, { label: "Last 7 days", value: "last7Days" }, { label: "Last 14 days", value: "last14Days" }, { label: "Last 30 days", value: "last30Days" }, { label: "Last 90 days", value: "last90Days" }, ]; const singlePresets: { label: string; value: DatePickerPrimitive.PresetTriggerProps["value"]; }[] = [ { label: "Today", value: [parseDate(new Date())] }, { label: "Yesterday", value: [parseDate(new Date(new Date().setDate(new Date().getDate() - 1)))], }, { label: "Last week", value: [parseDate(new Date(new Date().setDate(new Date().getDate() - 7)))], }, { label: "Last month", value: [ parseDate(new Date(new Date().setMonth(new Date().getMonth() - 1))), ], }, { label: "Last year", value: [ parseDate(new Date(new Date().setFullYear(new Date().getFullYear() - 1))), ], }, ]; export const DatePickerCalendar = ({ monthColumns, yearColumns, monthFormat, weekFormat, viewTriggerTextOnly, enablePresets = false, monthYearSelect = false, }: DatePickerCalendarProps) => { const { inline, numOfMonths, selectionMode } = useDatePickerContext(); const contentClassName = cn( "[--cell-size:--spacing(8)] z-50 overflow-hidden rounded-md border bg-popover p-3 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95", "data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2", "grid grid-cols-1 lg:grid-cols-[1fr_auto] gap-2", ); const presets = selectionMode === "range" ? rangePresets : singlePresets; const Presets = () => { if (!enablePresets) return null; return (

{presets.map((preset) => ( ))}

); }; if (!inline) { return ( ); } return ( ); }; 4b:["$","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","@ark-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40ark-ui%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":"@ark-ui/react"}]]}]}],["$","li","lucide-react",{"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"}]]}]}],["$","li","class-variance-authority",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","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":"class-variance-authority"}]]}]}],["$","li","@internationalized/date",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40internationalized%2Fdate","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":"@internationalized/date"}]]}]}]]}],["$","$L4c",null,{"namespace":"@ark-cn","registryDependencies":["button","button-group","input","input-group"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"src/components/ui/date-picker.tsx","content":"$4e","type":"registry:ui","target":"src/components/ui/date-picker.tsx"}],"className":"h-[70svh] min-h-80"}]]}]