Baby Baltazar

Calendar

A date field component that allows date selection.

Installation

Install this component via the shadcn CLI.

npx shadcn@latest add https://baby-baltazar-xi.vercel.app/r/calendar.json

Or install the theme first: npx shadcn@latest add https://baby-baltazar-xi.vercel.app/r/sthlm-theme.json

Preview

Interactive component demo.

February 2026

Usage

How to use this component in your code.

<Calendar
  mode="single"
  selected={date}
  onSelect={setDate}
/>