Calendar

Displays a calendar or a component that looks like a 8-bit calendar.

A simple 8-bit calendar component

Open in
SuMoTuWeThFrSa

Installation

pnpm dlx shadcn@canary add https://8bitcn.com/r/8bit-calendar.json

Usage

import { Calendar } from "@/components/ui/8bit/calendar"
const [date, setDate] = React.useState<Date | undefined>(new Date())
      
<Calendar
  mode="single"
  selected={date}
  onSelect={setDate}
/>