Calendar

A square month grid with phosphor selection, an amber today marker and Afterglow navigation buttons.

pulls indate-fnslucide-reactreact-day-picker@afterglow/button
August 2026

Installation

npx shadcn@latest add @afterglow/calendar

Composition

Component structure.

Calendar
└── CalendarDayButton

API Reference

Calendar

Wraps React DayPicker and replaces its navigation and day controls with Afterglow buttons.

PropTypeDefault
showOutsideDaysbooleantrue
fixedWeeksbooleantrue
captionLayout"label" | "dropdown" | "dropdown-months" | "dropdown-years""label"
buttonVariantButton variant"ghost"

Everything else is React DayPicker's API, documented there.