Fields, toggles, sliders and pickers.
import { DateRangePicker } from "@/components/date-range-calendar";
<DateRangePicker
value="Past 30 days"
allowCustomRange
rangeMin="2025-10-29"
rangeMax="2026-10-28"
options={periods}
onChange={setPeriod}
defaultOption={periods[0]}
/>