Loading...
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | Date | - | Currently selected date |
onChange | (date: Date | undefined) => void | - | Callback when date changes |
placeholder | string | "Pick a date" | Placeholder text for the trigger |
className | string | - | Additional CSS classes |
yearRange | [number, number] | [1970, 2050] | Range of years to display |
Usage
import { ChronoSelect } from "@/components/ui/chrono-select";
function MyDatePicker() {
const [selectedDate, setSelectedDate] = React.useState<Date | undefined>();
return (
<ChronoSelect
value={selectedDate}
onChange={setSelectedDate}
placeholder="Select a date"
yearRange={[2000, 2030]}
/>
);
}