Components•Calendar
Components•Calendar
Calendar
A single-month date selector for scheduling flows, filters, and date-picking popovers.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/primitive-calendarHow to use
import { BjorkCalendar } from "@/components/isaiahbjork/primitives";Props
classNamestringPass through styling hooks for the Calendar primitive without replacing the base Bjork surface.
childrenReactNodeComposable content, labels, icons, and nested content where the primitive supports them.
...propscomponent propsPass through the normal props for this primitive while the Bjork wrapper handles the visual treatment.
May 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Single month
Use in popovers, sheets, and scheduling surfaces.
<BjorkCalendar mode="single" selected={new Date(2026, 4, 15)} />