DatePicker

PreviousNext

Calendar date picker (single or range).

import { DatePicker } from "@/rl-ui";

<DatePicker mode="single" placeholder="Pick a date" />

Examples

Range mode

import { DatePicker } from "@/rl-ui";

<DatePicker mode="range" placeholder="Pick a range" />

Disabled

import { DatePicker } from "@/rl-ui";

<DatePicker disabled placeholder="Disabled" />

API

PropTypeDefaultDescription
mode"single" | "range""single"Selection mode.
selectedDate | DateRange—Controlled selection.
onSelect(date) => void—Selection handler.
placeholderstring"Pick a date"Trigger placeholder.
disabledbooleanfalseDisable the picker.
trigger(props) => ReactNode—Custom trigger render prop.