DateRangeCalendarPicker — range select + event dots
JUNE 2026
S
M
T
W
T
F
S
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
Day-cell states (RangeSelectorState)
default · gray-00 text
hover · gray-06
inRange
· gray-06 + blue-01 text
selected
· blue-02 + blue-01 text
event marker · blue-01 dot
Presets (CustomDropdown · DateRangeShortcut)
Last 7 Days
today · yesterday · last7Days · last30Days · currentMonth
TimePicker (dropdown15Min) = CustomDropdown + AM/PM SegmentedControl
2:30
AM
PM
2:00
2:15
2:30
2:45
3:00
RolodexDatePicker (Month · Day · Year)
April
May
June
July
August
7
8
9
10
11
2024
2025
2026
2027
2028
RolodexTimePicker (Hour · Minute · AM/PM)
12
1
2
3
4
00
15
30
45
00
AM
PM