Date & Time#

Select dates using the calendar-like <DateSelector> component.

<DateSelector value=OffsetDateTime::now_utc() on_change=move |_v| {}/>
July 2024
Mon
Tue
Wed
Thr
Fri
Sat
Sun
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
1
2
3
4
5
6
7
8
9
10
11

The date selector can also start with the year selection.

<DateSelector value=OffsetDateTime::now_utc() on_change=move |_v| {} guide_mode=GuideMode::YearFirst/>
2020 - 2031
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031

Input fields#

Selecting dates and times through input fields will be supported soon. Stay tuned.