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:T13b9,// Ballmac UI: Date Range Picker. https://ui.ballmac.com/components/date-range-picker "use client" import * as React from "react" import { cn } from "@/lib/utils" import { useMessages } from "@/lib/ballmac/i18n" type DateRange = { /** Inclusive start date in YYYY-MM-DD form. */ from: string /** Inclusive end date in YYYY-MM-DD form. */ to: string } type DateRangePreset = DateRange & { /** Button label for the preset. */ label: string } type DateRangePickerProps = Omit< React.ComponentProps<"fieldset">, "defaultValue" | "value" | "onChange" > & { /** Visible and accessible group label. */ label: string /** Controlled date range. */ value?: DateRange /** Initial date range. */ defaultValue?: DateRange /** Called when either endpoint or a preset changes. */ onValueChange?: (range: DateRange) => void /** Quick selections shown below the inputs. */ presets?: DateRangePreset[] /** Earliest selectable date. */ min?: string /** Latest selectable date. */ max?: string /** Disable both inputs and presets. */ disabled?: boolean /** Optional form field prefix for the start and end dates. */ name?: string } function DateRangePicker({ className, label, value, defaultValue = { from: "", to: "" }, onValueChange, presets = [], min, max, disabled = false, name, ...props }: DateRangePickerProps) { const msg = useMessages() const [internal, setInternal] = React.useState(defaultValue) const current = value ?? internal function set(next: DateRange) { if (value === undefined) setInternal(next) onValueChange?.(next) } function clamp(date: string) { return date && min && date < min ? min : date && max && date > max ? max : date } function change(side: "from" | "to", date: string) { const next = { ...current, [side]: clamp(date) } if (next.from && next.to && next.from > next.to) { if (side === "from") next.to = next.from else next.from = next.to } set(next) } return (

{label}

{msg("date-range-picker.from", "From")} change("from", event.target.value)} disabled={disabled} className="border-input bg-background text-foreground h-9 w-full min-w-0 rounded-md border px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:opacity-50" /> {msg("date-range-picker.to", "To")} change("to", event.target.value)} disabled={disabled} className="border-input bg-background text-foreground h-9 w-full min-w-0 rounded-md border px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:opacity-50" />

{presets.length > 0 && (

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

)}

) } export { DateRangePicker, type DateRangePickerProps, type DateRange, type DateRangePreset, } 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":[null,["$","$L52",null,{"namespace":"@ballmac","registryDependencies":["utils","https://ui.ballmac.com/r/i18n.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/ballmac/components/date-range-picker.tsx","content":"$54","type":"registry:ui","target":"@components/ballmac/date-range-picker.tsx"}],"className":"h-[70svh] min-h-80"}]]}]