An 8-bit styled calendar component with pixel-art chevron navigation, month/year header, and selectable date cells. Native rewrite of the 8bitcn calendar component.
"use client"; import * as React from "react"; import { Calendar } from "@/components/ui/8bit-calendar"; export default function Demo() { const [date, setDate] = React.useState<Date | undefined>(new Date()); return ( <div className="flex items-center justify-center min-h-screen p-8 retro"> <Calendar mode="single" selected={date} onSelect={setDate} /> </div> ); }
Part of 8bitcn — browse the full library on 21st.dev.