RetroCalendar
A date picker calendar with Mac OS 9 styling, supporting single date selection.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-calendar.json"
Setup: installing any component also installs nostalgia-theme (the --os9-* tokens and os9-* utilities) via registryDependencies. To add the theme on its own: npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json
Import
import { RetroCalendar } from "@/components/ui/retro-calendar"A date picker calendar with OS9 styling. Built on react-day-picker. Supports single date selection, range selection, and multiple dates.
Single Date Selection
September 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Selected: 9/25/2026
Default (No Preselection)
September 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Click a date to select it. Use the arrow buttons to navigate months. Today is underlined.