Documentation
Foundations
Components
Accordion
ActionBar
Alert
Avatar
Badges
Block
Buttons
Calendars
Calendar
CalendarMonth
CalendarRange
Carousel
Chip
Comment
Compass
Confirm
Dialog
Drawer
Dropdown
ElasticContainer
Error
Expand
Filter
Group
Hint
Icon
Inputs
Island
ItemsWithMore
Label
Like
LineClamp
Link
Loader
Message
Mobile
Notification
PdfViewer
Pin
Preview
Progress
Pulse
Push
Rating
Scrollbar
Selects
Sheet
SheetDialog
Sliders
Status
Surface
SwipeActions
Table
Tag
Textfield
ThumbnailCard
Tiles
Title
Toggles
Tree
Layout
Navigation
Charts
Customization
Tools
CalendarRange
KIT
Examples
API
Setup
More
Source code
Language
See also
Calendar
,
MobileCalendar
,
CalendarMonth
Component for choosing date range in calendar
Basic
#
Preview
HTML
TypeScript
More
Edit
Previous
November
2024
Next
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
Previous
December
2024
Next
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
With value
#
Preview
HTML
TypeScript
More
Edit
Previous
March
2019
Next
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
Previous
April
2019
Next
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
With ranges
#
Preview
HTML
TypeScript
More
Edit
Previous
November
2024
Next
Mon
Tue
Wed
Thu
Fri
Sat
Sun
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
1
2
3
4
5
6
7
8
For all the time
Today
Yesterday
Current week
Current month
Previous month
Other date...
Localization
#
Use
TUI_FIRST_DAY_OF_WEEK
token to change start day of the week (Monday by default).
Preview
HTML
TypeScript
More
Edit
Previous
November
2024
Next
Sun
Mon
Tue
Wed
Thu
Fri
Sat
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
Previous
December
2024
Next
Sun
Mon
Tue
Wed
Thu
Fri
Sat
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
With another range switcher
#
Preview
HTML
TypeScript
More
Edit
Previous
November
2024
Next
Mon
Tue
Wed
Thu
Fri
Sat
Sun
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
1
2
3
4
5
6
7
8
Default
Week
Month
Quarter
Other date...
Taiga UI
v4.16.0
More