A new, modern UI component library built on top of Base UI. Explore the new coss.com ui

XGitHub

Calendar & Date picker

A growing collection of 28 calendar & date picker components built with React and Tailwind CSS.

January 2026

28
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
31

Calendar - React Aria

January 2026

28
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
31

Range calendar - React Aria

January 2026

28
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
31

Disabled dates - React Aria

January 2026

Calendar - React DayPicker

January 2026

Range calendar - React DayPicker

January 2026

Disabled dates - React DayPicker

January 2026

Multiple day selection - React DayPicker

January 2026

Custom select day style - React DayPicker

January 2026

Custom select range style - React DayPicker

January 2026

Right navigation - React DayPicker

January 2026

Monthly / yearly selects - React DayPicker

JanuaryJanuary 2026

Yearly select + nav - React DayPicker

January 2026
1
2
3
4
5
6

Weekly numbers - React DayPicker

December 2025

With button - React DayPicker

December 2025

With button - React DayPicker

January 2026

Date input - React DayPicker

January 2026

Time input - React DayPicker

Advanced selection - React DayPicker

January 2026

Wednesday, 14

Appointment picker - React DayPicker

January 2026

Calendar with presets - React DayPicker

January 2026

Range calendar with presets - React DayPicker

January 2026
February 2026

Two months calendar - React DayPicker

January 2026
February 2026
March 2026

Three months calendar - React DayPicker

January 2026
February 2026

Pricing calendar - React DayPicker

Date picker

Built with React Aria

Date range picker
mmddyyyy
mmddyyyy

Built with React Aria

Built with React DayPicker

Built with React DayPicker

Didn't find what you were looking for?

Suggest component