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
NOV
2
November 2025Week 1
Nov 1, 2025 – Nov 30, 2025
Sun
Mon
Tue
Wed
Thu
Fri
Sat
26
27
Coffee with Ali
Marketing site kickoff
28
29
30
All-hands meeting
Dinner with Candice
31
1
2
Ava's engagment party
3
Monday standup
Content planning
4
Product demo
Catch up w/ Alex
5
Deep work
One-on-one w/ Eva
Design sync
2 more...
6
Lunch with Olivia
7
Friday standup
Olivia x Riley
Product demo
8
House inspection
9
10
Team lunch
11
12
Product planning
13
Amélie's first day
All-hands meeting
14
Coffee w/ Amélie
Design feedback session
15
Half marathon
16
17
Team offsite
Deep work
18
Team offsite
Quarterly review
Lunch with Zahir
19
Team offsite
Deep work
Design sync
20
Amélie coffee
Dinner with Candice
21
Accountant
Marketing site sync
22
23
Drive to Sydney
24
Content planning session
25
Lunch with Ali
26
Product planning
27
All-hands meeting
Team dinner
28
29
30
1
2
3
4
5
6

Sunday, November 2, 2025

Ava's engagment party

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
NOV
2
November 2025Week 1
Nov 1, 2025 – Nov 30, 2025
Sun
Mon
Tue
Wed
Thu
Fri
Sat
26
27
Coffee with Ali
Marketing site kickoff
28
29
30
All-hands meeting
Dinner with Candice
31
1
2
Ava's engagment party
3
Monday standup
Content planning
4
Product demo
Catch up w/ Alex
5
Deep work
One-on-one w/ Eva
Design sync
2 more...
6
Lunch with Olivia
7
Friday standup
Olivia x Riley
Product demo
8
House inspection
9
10
Team lunch
11
12
Product planning
13
Amélie's first day
All-hands meeting
14
Coffee w/ Amélie
Design feedback session
15
Half marathon
16
17
Team offsite
Deep work
18
Team offsite
Quarterly review
Lunch with Zahir
19
Team offsite
Deep work
Design sync
20
Amélie coffee
Dinner with Candice
21
Accountant
Marketing site sync
22
23
Drive to Sydney
24
Content planning session
25
Lunch with Ali
26
Product planning
27
All-hands meeting
Team dinner
28
29
30
1
2
3
4
5
6

Sunday, November 2, 2025

Ava's engagment party

Calendar week view

Get the code
NOV
2
November 2025Week 1
Oct 27, 2025 – Nov 2, 2025
Sun2
Mon3
Tue4
Wed5
Thu6
Fri7
Sat8
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
Ava's engagment party
Sun2
Mon3
Tue4
Wed5
Thu6
Fri7
Sat8
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
Ava's engagment party
Monday standup
Content planning
Product demo
Catch up w/ Alex
Deep work
One-on-one w/ Eva
Design sync
SEO planning
Meetup event
Lunch with Olivia
Friday standup
Olivia x Riley
Product demo
House inspection

Calendar day view

Get the code
NOV
2
November 2025Week 1
Sunday
Sun2
Mon3
Tue4
Wed5
Thu6
Fri7
Sat8
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
Ava's engagment party
Date pickersFile uploaders