Studiov0.6.0

DatePicker

Tier 1 — shadcn
Inputs

An Input + Calendar Popover combination for selecting a single date.

Live Preview

Code

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

<DatePicker />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Due date fields
  • •Birth date entry
  • •Appointment scheduling

Do

  • ✓Set placeholder text to show expected format
  • ✓Pre-populate with defaultValue if editing

Don't

  • ✗Don't use for date ranges — use DateRangePicker
  • ✗Don't use raw Calendar in forms — use this