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:T21db,/* eslint-disable react-refresh/only-export-components */ import * as React from 'react' import { format, subDays, startOfMonth, endOfMonth, subMonths, isSameDay } from 'date-fns' import { CalendarIcon } from 'lucide-react' import type { DateRange } from 'react-day-picker' import { cn } from '@/lib/utils' import { Button } from '@/components/ui/button' import { Calendar } from '@/components/ui/calendar' import { Popover, PopoverContent, PopoverTrigger, } from '@/components/ui/popover' export interface DateRangePickerPreset { label: string value: DateRange } export interface DateRangePickerProps extends Omit, 'onChange' | 'value' | 'defaultValue'> { value?: DateRange defaultValue?: DateRange onChange?: (range: DateRange | undefined) => void numberOfMonths?: 1 | 2 presets?: DateRangePickerPreset[] showPresets?: boolean minDate?: Date maxDate?: Date disabled?: boolean placeholder?: string align?: 'start' | 'center' | 'end' className?: string } const getDefaultPresets = (): DateRangePickerPreset[] => { const today = new Date() const lastMonth = subMonths(today, 1) return [ { label: 'Today', value: { from: today, to: today }, }, { label: 'Last 7 days', value: { from: subDays(today, 6), to: today }, }, { label: 'Last 30 days', value: { from: subDays(today, 29), to: today }, }, { label: 'This month', value: { from: startOfMonth(today), to: today }, }, { label: 'Last month', value: { from: startOfMonth(lastMonth), to: endOfMonth(lastMonth) }, }, ] } const DateRangePicker = React.forwardRef( (allProps, ref) => { // Controlled-ness is decided by whether the `value` PROP IS PRESENT, // latched on first render — not by whether it is defined. `undefined` is a // legal controlled value for an optional range, so the ordinary // `useState()` + `value` pattern used to start uncontrolled and // silently flip on the first pick. const isControlled = React.useRef('value' in allProps).current const { value: controlledValue, defaultValue, onChange, numberOfMonths = 2, presets, showPresets = true, minDate, maxDate, disabled = false, placeholder = 'Pick a date range', align = 'start', className, ...props } = allProps if (process.env.NODE_ENV !== 'production') { if (isControlled !== ('value' in allProps)) { console.warn( '[DateRangePicker] Switching between controlled and uncontrolled is not supported. ' + 'Pass `defaultValue` for uncontrolled use.' ) } } const [open, setOpen] = React.useState(false) const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue) const selectedRange = isControlled ? controlledValue : uncontrolledValue const resolvedPresets = presets ?? getDefaultPresets() const handleSelect = (range: DateRange | undefined) => { if (!isControlled) { setUncontrolledValue(range) } onChange?.(range) } const handlePresetClick = (preset: DateRangePickerPreset) => { handleSelect(preset.value) } const isPresetSelected = (preset: DateRangePickerPreset) => { if (!selectedRange?.from || !selectedRange?.to) return false if (!preset.value.from || !preset.value.to) return false return ( isSameDay(selectedRange.from, preset.value.from) && isSameDay(selectedRange.to, preset.value.to) ) } const formatDateRange = (range: DateRange) => { if (!range.from) return placeholder if (!range.to) return format(range.from, 'LLL dd, y') return `${format(range.from, 'LLL dd, y')} - ${format(range.to, 'LLL dd, y')}` } // Use single month on mobile const [isMobile, setIsMobile] = React.useState(false) React.useEffect(() => { const checkMobile = () => { setIsMobile(window.innerWidth < 640) } checkMobile() window.addEventListener('resize', checkMobile) return () => window.removeEventListener('resize', checkMobile) }, []) const effectiveNumberOfMonths = isMobile ? 1 : numberOfMonths return (

{/* Presets sidebar/header */} {showPresets && resolvedPresets.length > 0 && (

Presets

{resolvedPresets.map((preset) => { const selected = isPresetSelected(preset) return ( ) })}

)} {/* Calendar(s) */}

{ if (minDate && date < minDate) return true if (maxDate && date > maxDate) return true return false }} className="border-0 shadow-none" />

) } ) DateRangePicker.displayName = 'DateRangePicker' export { DateRangePicker, getDefaultPresets } export type { DateRange } 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","date-fns",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/date-fns","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":"date-fns"}]]}]}],["$","li","react-day-picker",{"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"}]]}]}],["$","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"}]]}]}]]}],["$","$L52",null,{"namespace":"@boldkit","registryDependencies":["@boldkit/utils","@boldkit/button","@boldkit/calendar","@boldkit/popover"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/default/ui/date-range-picker.tsx","content":"$54","type":"registry:ui","target":"components/ui/date-range-picker.tsx"}],"className":"h-[70svh] min-h-80"}]]}]