Studiov0.6.0

Calendar

Tier 1 — shadcn
Inputs

A month-view calendar for date selection with keyboard navigation.

Live Preview

April 2026

Code

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

<Calendar />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Date pickers as a popover
  • •Scheduling interfaces
  • •Event creation forms

Do

  • ✓Use inside Popover for inline usage
  • ✓Set defaultMonth for initial display

Don't

  • ✗Don't render standalone in inline forms — use DatePicker
  • ✗Don't use for date ranges — use DateRangePicker