This component no longer exists. It was in Pure UI’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-10 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.

calendar-block

pure-ui/calendar-block

RemovedBlock

Pure UI publishes no description for this item.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/MusKRI/pure-ui/main/public/r/calendar-block.json

Source

src/registry/pure-ui/blocks/calendar/calendar-block.tsxraw.githubusercontent.com/MusKRI/pure-ui/main/public/r/calendar-block.json

1"use client";
2
3import { useState } from "react";
4import { Calendar } from "@/registry/pure-ui/ui/calendar";
5
6export function CalendarBlock() {
7  const [date, setDate] = useState<Date | undefined>(new Date(2025, 5, 12));
8
9  return (
10    <div className="flex items-center justify-center p-5 min-h-[500px]">
11      <Calendar
12        animate
13        mode="single"
14        defaultMonth={date}
15        selected={date}
16        onSelect={setDate}
17        className="border shadow-sm"
18      />
19    </div>
20  );
21}

What it pulls in

Other registry items

calendar

Files it writes

src/registry/pure-ui/blocks/calendar/calendar-block.tsx