Light
100%
Month
Week
Timeline
Agenda
Showing the
timeline
view
Controls
7
Actions
Code
Accessibility
Name
Description
Default
Control
aria-label
*
string
-
View
options
*
SegmentOption<T>[]
-
[ { "value": "month", "label": "Month" }, { "value": "week", "label": "Week" }, { "value": "timeline", "label": "Timeline" }, { "value": "agenda", "label": "Agenda" } ]
className
string
-
Set string
defaultValue
T
-
Choose option…
month
week
timeline
agenda
onValueChange
(value: T) => void
-
-
size
30px or the 36px control height
"sm"
"md"
"md"
size
sm
md
value
T
-
-