Components
Loading preview...
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.
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/8bit-calendar"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>
);
}