CalendarRange KIT

Examples API Setup
Source code
November
Mon
Tue
Wed
Thu
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
December
Mon
Tue
Wed
Thu
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
-
Name and descriptionType Value
[defaultViewedMonth]
Default month to show
TuiMonth
{year: 2024, month: 10}
[disabledItemHandler]
A handler that gets a date and returns true if it is disabled.
Must be a pure function
TuiBooleanHandler<TuiDay>
()=>!1
[items]
Fixed intervals (shows 2 calendars with empty array)
TuiDayRangePeriod[]
[]
[markerHandler]
A handler that gets date and returns null or a tuple with circled marker colors
TuiMarkerHandler  |  null
[min]
Min date
TuiDay  |  null
{year: 0, month: 0, day: 1}
[max]
Max date
TuiDay  |  null
{year: 9999, month: 11, day: 31}
[minLength]
Minimal length of range
TuiDayLike  |  null
[maxLength]
Maximal length of range
TuiDayLike  |  null
(rangeChange)
Selected date range
TuiDayRange Emit!