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-multiple-months-multiple-selection-block

pure-ui/calendar-multiple-months-multiple-selection-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-multiple-months-multiple-selection-block.json

Source

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

1"use client";
2
3import { useState } from "react";
4
5import { Calendar } from "@/registry/pure-ui/ui/calendar";
6
7export function Calendar3Block() {
8  const [dates, setDates] = useState<Date[]>([
9    new Date(2025, 5, 12),
10    new Date(2025, 6, 24),
11  ]);
12
13  return (
14    <div className="flex items-center justify-center p-5 min-h-[500px]">
15      <Calendar
16        animate
17        mode="multiple"
18        numberOfMonths={2}
19        defaultMonth={dates[0]}
20        required
21        selected={dates}
22        onSelect={setDates}
23        max={5}
24      />
25    </div>
26  );
27}

What it pulls in

Other registry items

calendar

Files it writes

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