Calendar components

Powerful and customizable React calendar components built for modern applications and websites. These calendars are built using React Aria and styled with Tailwind CSS.

Calendar example

Get the code
MAR
21
March 2026Week 3
Mar 1, 2026 – Mar 31, 2026
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Coffee with Ali
Marketing site kickoff
17
18
19
All-hands meeting
Dinner with Candice
20
21
House inspection
22
Ava's engagment party
23
Monday standup
Content planning
24
Product demo
Catch up w/ Alex
25
Deep work
One-on-one w/ Eva
Design sync
2 more...
26
Lunch with Olivia
27
Friday standup
Olivia x Riley
Product demo
28
Half marathon
29
30
Team lunch
31
1
Product planning
2
Amélie's first day
All-hands meeting
3
Coffee w/ Amélie
Design feedback session
4

Saturday, March 21, 2026

House inspection

Installation

You can add this calendar component using our CLI or manually:

npx untitledui@latest add calendar

Calendar examples

Below are examples and variations of this calendar component:

Calendar month view

Get the code
MAR
21
March 2026Week 3
Mar 1, 2026 – Mar 31, 2026
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Coffee with Ali
Marketing site kickoff
17
18
19
All-hands meeting
Dinner with Candice
20
21
House inspection
22
Ava's engagment party
23
Monday standup
Content planning
24
Product demo
Catch up w/ Alex
25
Deep work
One-on-one w/ Eva
Design sync
2 more...
26
Lunch with Olivia
27
Friday standup
Olivia x Riley
Product demo
28
Half marathon
29
30
Team lunch
31
1
Product planning
2
Amélie's first day
All-hands meeting
3
Coffee w/ Amélie
Design feedback session
4

Saturday, March 21, 2026

House inspection

Calendar week view

Get the code
MAR
21
March 2026Week 3
Mar 15, 2026 – Mar 21, 2026
Sun15
Mon16
Tue17
Wed18
Thu19
Fri20
Sat21
12 AM
1 AM
2 AM
3 AM
4 AM
5 AM
6 AM
7 AM
8 AM
9 AM
10 AM
11 AM
12 PM
1 PM
2 PM
3 PM
4 PM
5 PM
6 PM
7 PM
8 PM
9 PM
10 PM
11 PM
House inspection
Sun15
Mon16
Tue17
Wed18
Thu19
Fri20
Sat21
12 AM
1 AM
2 AM
3 AM
4 AM
5 AM
6 AM
7 AM
8 AM
9 AM
10 AM
11 AM
12 PM
1 PM
2 PM
3 PM
4 PM
5 PM
6 PM
7 PM
8 PM
9 PM
10 PM
11 PM
Coffee with Ali
Marketing site kickoff
All-hands meeting
Dinner with Candice
House inspection

Calendar day view

Get the code
MAR
21
March 2026Week 3
Saturday
Sun15
Mon16
Tue17
Wed18
Thu19
Fri20
Sat21
12 AM
1 AM
2 AM
3 AM
4 AM
5 AM
6 AM
7 AM
8 AM
9 AM
10 AM
11 AM
12 PM
1 PM
2 PM
3 PM
4 PM
5 PM
6 PM
7 PM
8 PM
9 PM
10 PM
11 PM
House inspection
Date pickersFile uploaders