"use client"; import * as React from "react"; import type { DropdownProps } from "react-day-picker"; import { Calendar } from "@/registry/default/ui/calendar"; import { Combobox, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, } from "@/registry/default/ui/combobox"; interface DropdownItem { disabled?: boolean; label: string; value: string; } function YearDropdown(props: DropdownProps) { const { options, value, onChange, "aria-label": ariaLabel } = props; const items: DropdownItem[] = options?.map((option) => ({ disabled: option.disabled, label: option.label, value: option.value.toString(), })) ?? []; const selectedItem = items.find((item) => item.value === value?.toString()); const handleValueChange = (newValue: DropdownItem | null) => { if (onChange && newValue) { const syntheticEvent = { target: { value: newValue.value }, } as React.ChangeEvent; onChange(syntheticEvent); } }; return ( e.currentTarget.select()} /> No items found. {(item: DropdownItem) => ( {item.label} )} ); } export default function Particle() { const [date, setDate] = React.useState(new Date()); return ( ); }

Calendar 13

Instalação

Registry dependencies