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"

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: NoneTo: 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.