Measured entry

8bitcn-calendar

calendarskeuomorphismdo not use

A pixel-art wrapper around the shadcn calendar, shipped through a shadcn registry with a retro font stylesheet. It depends on the base shadcn calendar, sibling button and select components, class-variance-authority, react-day-picker, the cn utility, Tailwind theme classes, and a Google-hosted font.

This entry is a do-not-use verdict

It is published because it broke, not in spite of it. The run stopped at the production build, and the recorded output is printed further down this page.

No frame on record for this entry

Measured

Every value below was written by the harness on the run that produced the frames above. None of it is derived from the prose.

Harness measurements recorded for 8bitcn-calendar
BuildFAIL
MountFAIL
Console errors0
Uncaught page errors1
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious0
Axe moderate0
Axe minor0
Gzip marginalnot recorded
Bare modeFAIL
Provider requiredNO
Demo usednone

What the harness recorded

BUILD

✗ Build failed in 1m 29s
error during build:
Could not resolve "./select" from "src/cut/components/ui/8bit/calendar.tsx"

PAGE ERROR

build failed

BARE BUILD

✗ Build failed in 1m 52s
error during build:
Could not resolve "./button" from "src/cut/components/ui/8bit/calendar.tsx"

Verdict

Do not publish this registry item as verified yet. The build fails because the packaged source cannot resolve its sibling select component, while the bare build also lacks the sibling button. It needs a shadcn-style setup and the complete 8bit dependency set before it can mount.

Use it if

  • Your app already uses shadcn conventions and can install the matching 8bit button and select components.
  • You want month and year dropdowns plus pixel-style navigation controls in a retro interface.

Skip it if

  • You need a registry item that builds on its own without repairing missing sibling imports.
  • Your project cannot load an externally hosted Google font.
  • Your design system does not provide shadcn path aliases, theme tokens, and utility helpers.

Install

Installation record for 8bitcn-calendar
Declared dependenciesnone declared
Missing on installnone
Bare installfails once the shadcn-style helpers are removed, so it needs that setup
Providerno provider required in the harness

In a non-shadcn project, add the base calendar, matching 8bit button and select components, react-day-picker, class-variance-authority, a cn-compatible utility, path aliases, Tailwind theme tokens, and the retro stylesheet. Replace or self-host the imported font if remote font loading is unsuitable.

Source and credit

This page is a review, not a copy. The component source lives with its author and this site does not republish it. Read the license before you use anything.

License
MIT
Record published
2026-08-14

Alternatives

Other published entries for the calendar pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.