Origin UIOrigin UI logo
GitHubFollow us

Calendar & Date picker

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

February 2025

26
27
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
1

Calendar - React Aria

February 2025

26
27
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
1

Range calendar - React Aria

February 2025

26
27
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
1

Disabled dates - React Aria

February 2025

Calendar - React DayPicker

February 2025

Range calendar - React DayPicker

February 2025

Disabled dates - React DayPicker

February 2025

Multiple day selection - React DayPicker

February 2025

Custom select day style - React DayPicker

February 2025

Custom select range style - React DayPicker

February 2025

Right navigation - React DayPicker

Monthly / yearly selects - React DayPicker

February

Yearly select + nav - React DayPicker

February 2025
5
6
7
8
9
10

Weekly numbers - React DayPicker

January 2025

With button - React DayPicker

January 2025

With button - React DayPicker

February 2025

Date input - React DayPicker

February 2025

Time input - React DayPicker

Advanced selection - React DayPicker

February 2025

Thursday, 13

Appointment picker - React DayPicker

February 2025

Calendar with presets - React DayPicker

February 2025