RetroDatePicker

A full-featured date picker with typed input and calendar popover in Mac OS 9 styling.

Installation

npx shadcn@latest add "https://nostalgia-ui.com/r/retro-date-picker.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 { RetroDatePicker } from "@/components/ui/retro-date-picker"

Full-featured date pickers with typed input and calendar popover selection. Type a date (MM/DD/YYYY) or click the calendar button.

Single Date (Controlled)

Selected: None

Single Date (Uncontrolled)

Disabled

Date Range

–

From: None — To: None

Date Range (Disabled)

–

Type dates directly in MM/DD/YYYY format, or click the calendar icon to open the date picker. For ranges, select the start date then the end date.