Shadcnblocks.com

Sponsor

Event Calendar

April 2026

SUN

MON

TUE

WED

THU

FRI

SAT

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

Installation

Create a new file called Eventcalendar.tsx in the components & install the following components

npx shadcn@latest add input button dialog label

1

Install the package

2

Paste this code into your project

Spectrum Pro

Stop building from scratch.
Ship faster with Pro templates.

Premium Next.js templates built on Spectrum UI. Dark. Animated. Production-ready.