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.
FEB
3
February 2026Week 1
Feb 1, 2026 – Feb 28, 2026Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
Coffee with Ali
Marketing site kickoff
3
Product demo
Catch up w/ Alex
4
Deep work
One-on-one w/ Eva
Design sync
2 more...
5
Lunch with Olivia
6
Friday standup
Olivia x Riley
Product demo
7
House inspection
8
Ava's engagment party
9
Monday standup
Content planning
10
11
Product planning
12
Amélie's first day
All-hands meeting
13
Coffee w/ Amélie
Design feedback session
14
Half marathon
15
16
Team lunch
17
Quarterly review
Lunch with Zahir
18
Deep work
Design sync
19
Amélie coffee
Dinner with Candice
20
Accountant
Marketing site sync
21
22
23
Team offsite
Deep work
24
Team offsite
Lunch with Ali
25
Team offsite
Product planning
26
All-hands meeting
Team dinner
27
28
Tuesday, February 3, 2026
Product demo
Catch up w/ Alex
Installation
You can add this calendar component using our CLI or manually:
CLI
Manual
npx untitledui@latest add calendar
Calendar examples
Below are examples and variations of this calendar component:
FEB
3
February 2026Week 1
Feb 1, 2026 – Feb 28, 2026Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
Coffee with Ali
Marketing site kickoff
3
Product demo
Catch up w/ Alex
4
Deep work
One-on-one w/ Eva
Design sync
2 more...
5
Lunch with Olivia
6
Friday standup
Olivia x Riley
Product demo
7
House inspection
8
Ava's engagment party
9
Monday standup
Content planning
10
11
Product planning
12
Amélie's first day
All-hands meeting
13
Coffee w/ Amélie
Design feedback session
14
Half marathon
15
16
Team lunch
17
Quarterly review
Lunch with Zahir
18
Deep work
Design sync
19
Amélie coffee
Dinner with Candice
20
Accountant
Marketing site sync
21
22
23
Team offsite
Deep work
24
Team offsite
Lunch with Ali
25
Team offsite
Product planning
26
All-hands meeting
Team dinner
27
28
Tuesday, February 3, 2026
Product demo
Catch up w/ Alex
FEB
3
February 2026Week 1
Feb 1, 2026 – Feb 7, 2026Sun1
Mon2
Tue3
Wed4
Thu5
Fri6
Sat7
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
Product demo
Catch up w/ Alex
Sun1
Mon2
Tue3
Wed4
Thu5
Fri6
Sat7
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
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
FEB
3
February 2026Week 1
TuesdaySun1
Mon2
Tue3
Wed4
Thu5
Fri6
Sat7
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
Product demo
Catch up w/ Alex