Studiov0.6.0

DateRangePicker

Tier 1 — shadcn
Forms & Inputs

A date range picker that allows selecting a start and end date via a calendar popover.

Live Preview

Code

import { DateRangePicker } from "@regen/ui";

<DateRangePicker />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Report date filtering
  • •Campaign scheduling
  • •Time-bounded data queries

Do

  • ✓Provide onChange callback to capture the selected range
  • ✓Set reasonable default ranges

Don't

  • ✗Don't use for single date selection — use DatePicker
  • ✗Don't use without a clear label