Taiga UI 5.0 is out!

CalendarRange KIT

Examples API GitHub

April
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
May
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
[defaultViewedMonth]
Default month to show
TuiMonth {year: 2026, month: 3}
[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