4d: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"] 4e: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"] 4f:T1fd2,import { useId, useState } from "react" import { cn } from "@/lib/utils" import { Button } from "./button" import { Calendar, type CalendarProps } from "./calendar" import { isDateSelectable } from "./calendar-utils" import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "./dialog" import { Field, FieldError, FieldLabel } from "./field" import { Input } from "./input" type DateRange = { start: Date | null; end: Date | null } type SharedModalProps = Pick< CalendarProps, "defaultMonth" | "isDateUnavailable" | "locale" | "max" | "min" > & { disabled?: boolean error?: string invalid?: boolean label: string } type DatePickerDialogProps = SharedModalProps & { formatDate?: (date: Date, locale: string) => string mode?: "calendar" | "input" onValueChange: (value: Date | null) => void parseDate?: (text: string, locale: string) => Date | null value: Date | null } function defaultFormatDate(date: Date, locale = "en-US") { return new Intl.DateTimeFormat(locale, { year: "numeric", month: "short", day: "numeric", }).format(date) } function defaultParseDate(text: string) { const timestamp = Date.parse(text) return Number.isNaN(timestamp) ? null : new Date(timestamp) } function DatePickerDialog({ defaultMonth, disabled, error, formatDate = defaultFormatDate, invalid, isDateUnavailable, label, locale = "en-US", max, min, mode = "calendar", onValueChange, parseDate = defaultParseDate, value, }: DatePickerDialogProps) { const [open, setOpen] = useState(false) const [draft, setDraft] = useState(value) const [text, setText] = useState(() => value ? formatDate(value, locale) : "") const id = useId() const inputId = `${id}-input` const errorId = `${id}-error` const parsedText = text ? parseDate(text, locale) : null const inputInvalid = mode === "input" && Boolean( text && (!parsedText || !isDateSelectable(parsedText, { isDateUnavailable, max, min })), ) return ( ) } type DateRangePickerProps = SharedModalProps & { onValueChange: (value: DateRange) => void value: DateRange } function DateRangePicker({ defaultMonth, disabled, error, invalid, isDateUnavailable, label, locale = "en-US", max, min, onValueChange, value, }: DateRangePickerProps) { const [open, setOpen] = useState(false) const [draft, setDraft] = useState(value) const summary = value.start ? `${defaultFormatDate(value.start, locale)}${value.end ? ` – ${defaultFormatDate(value.end, locale)}` : " – …"}` : `Choose ${label}` const select = (date: Date) => { if (!draft.start || draft.end) return setDraft({ start: date, end: null }) if (date < draft.start) return setDraft({ start: date, end: draft.start }) setDraft({ start: draft.start, end: date }) } return ( ) } export { DatePickerDialog, DateRangePicker, type DatePickerDialogProps, type DateRange, type DateRangePickerProps, } 4c:["$","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,["$","$L4d",null,{"namespace":"@materialcn","registryDependencies":["https://guillermo-rebolledo.github.io/materialcn/r/button.json","https://guillermo-rebolledo.github.io/materialcn/r/calendar.json","https://guillermo-rebolledo.github.io/materialcn/r/calendar-utils.json","https://guillermo-rebolledo.github.io/materialcn/r/dialog.json","https://guillermo-rebolledo.github.io/materialcn/r/field.json","https://guillermo-rebolledo.github.io/materialcn/r/input.json","https://guillermo-rebolledo.github.io/materialcn/r/materialcn-theme.json","https://guillermo-rebolledo.github.io/materialcn/r/utils.json"]}]]}],null]}],["$","$L4e",null,{"files":[{"path":"src/components/ui/date-picker-dialog.tsx","content":"$4f","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]