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:T2962,'use client' import * as React from 'react' import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react' import { cn } from '@/lib/utils' export type CalendarRangeValue = { from: Date; to?: Date } export interface CalendarProps { value?: Date | CalendarRangeValue defaultValue?: Date | CalendarRangeValue onValueChange?: (date: Date | CalendarRangeValue | undefined) => void mode?: 'single' | 'range' month?: Date defaultMonth?: Date onMonthChange?: (month: Date) => void minDate?: Date maxDate?: Date disabled?: (date: Date) => boolean showOutsideDays?: boolean showMonthYearPicker?: boolean className?: string } const weekdays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'] const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] const startOfDay = (date: Date) => new Date(date.getFullYear(), date.getMonth(), date.getDate()) const isSameDay = (left?: Date, right?: Date) => Boolean(left && right && startOfDay(left).getTime() === startOfDay(right).getTime()) const isBefore = (date: Date, boundary?: Date) => Boolean(boundary && startOfDay(date) < startOfDay(boundary)) const isAfter = (date: Date, boundary?: Date) => Boolean(boundary && startOfDay(date) > startOfDay(boundary)) const isRangeValue = (value: unknown): value is CalendarRangeValue => Boolean(value && typeof value === 'object' && 'from' in value) export function Calendar({ value: controlledValue, defaultValue, onValueChange, mode = 'single', month: controlledMonth, defaultMonth, onMonthChange, minDate, maxDate, disabled, showOutsideDays = true, showMonthYearPicker = true, className, }: CalendarProps) { const [internalValue, setInternalValue] = React.useState(defaultValue) const [visibleMonth, setVisibleMonth] = React.useState(() => { const base = defaultMonth ?? (defaultValue && !isRangeValue(defaultValue) ? defaultValue : new Date()) return new Date(base.getFullYear(), base.getMonth(), 1) }) const [rangeSelecting, setRangeSelecting] = React.useState(false) const [showPicker, setShowPicker] = React.useState(false) const value = controlledValue ?? internalValue const month = controlledMonth ?? visibleMonth const firstDay = new Date(month.getFullYear(), month.getMonth(), 1) const firstGridDay = new Date(month.getFullYear(), month.getMonth(), 1 - firstDay.getDay()) const days = Array.from({ length: 42 }, (_, index) => new Date(firstGridDay.getFullYear(), firstGridDay.getMonth(), firstGridDay.getDate() + index)) const emit = (next: Date | CalendarRangeValue | undefined) => { setInternalValue(next) onValueChange?.(next) } const changeMonth = (offset: number) => { const nextMonth = new Date(month.getFullYear(), month.getMonth() + offset, 1) setVisibleMonth(nextMonth) onMonthChange?.(nextMonth) } const selectDate = (date: Date) => { if (mode === 'range') { const current = isRangeValue(value) ? value : undefined if (!current || (current.from && current.to) || rangeSelecting) { // Start a new range emit({ from: date }) setRangeSelecting(true) } else { if (isBefore(date, current.from)) { emit({ from: date, to: current.from }) } else { emit({ from: current.from, to: date }) } setRangeSelecting(false) } return } const nextValue = isSameDay(date, value as Date) ? undefined : date emit(nextValue) } const isInRange = (date: Date): boolean => { if (mode !== 'range') return false const range = isRangeValue(value) ? value : undefined if (!range?.from || !range.to) return false return !isBefore(date, range.from) && !isAfter(date, range.to) } const pickMonth = (index: number) => { const next = new Date(month.getFullYear(), index, 1) setVisibleMonth(next) onMonthChange?.(next) setShowPicker(false) } const pickYear = (year: number) => { const next = new Date(year, month.getMonth(), 1) setVisibleMonth(next) onMonthChange?.(next) } const pickerYear = month.getFullYear() return (

{showMonthYearPicker ? (

{showPicker && ( )}

) : (

{month.toLocaleDateString(undefined, { month: 'long', year: 'numeric' })}

)}

{weekdays.map((day) =>

{day}

)} {days.map((date) => { const outside = date.getMonth() !== month.getMonth() const unavailable = isBefore(date, minDate) || isAfter(date, maxDate) || disabled?.(date) const isDisabled = unavailable || (outside && !showOutsideDays) const range = isRangeValue(value) ? value : undefined const isRangeStart = range?.from ? isSameDay(date, range.from) : false const isRangeEnd = range?.to ? isSameDay(date, range.to) : false const inRange = isInRange(date) 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","clsx",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/clsx","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":"clsx"}]]}]}],["$","li","tailwind-merge",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/tailwind-merge","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":"tailwind-merge"}]]}]}],["$","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"}]]}]}]]}],["$","$L4c",null,{"namespace":"@rawkitui","registryDependencies":[]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"components/ui/calendar.tsx","content":"$4e","type":"registry:ui","target":"components/ui/calendar.tsx"}],"className":"h-[70svh] min-h-80"}]]}]