Timeline
A project-planning surface with sticky task rows, a day-based schedule, and built-in range controls for roadmap and delivery views.
Light Timeline
The default light-mode treatment for delivery planning, weekly coordination, and milestone check-ins.
Implementation Schedule
A two-month planning window with clipped bars, semantic status tones, and a selectable task surface.
Aug 1 - Sep 30, 2026
Tasks
Aug 1 - Sep 30, 2026
August 2026
September 2026
Jul 26
Aug 2
Aug 9
Aug 16
Aug 23
Aug 30
Sep 6
Sep 13
Sep 20
Sep 27
S
1
S
2
M
3
T
4
W
5
T
6
F
7
S
8
S
9
M
10
T
11
W
12
T
13
F
14
S
15
S
16
M
17
T
18
W
19
T
20
F
21
S
22
S
23
M
24
T
25
W
26
T
27
F
28
S
29
S
30
M
31
T
1
W
2
T
3
F
4
S
5
S
6
M
7
T
8
W
9
T
10
F
11
S
12
S
13
M
14
T
15
W
16
T
17
F
18
S
19
S
20
M
21
T
22
W
23
T
24
F
25
S
26
S
27
M
28
T
29
W
30
Select a timeline bar to preview the current selection callback.
Dark Timeline
The same component rendered in dark mode so product teams can review contrast, tone mapping, and readability.
Release Coordination
The same schedule rendered in dark mode with range controls and status-based bars.
Aug 1 - Oct 31, 2026
Tasks
Aug 1 - Oct 31, 2026
August 2026
September 2026
October 2026
Jul 26
Aug 2
Aug 9
Aug 16
Aug 23
Aug 30
Sep 6
Sep 13
Sep 20
Sep 27
Oct 4
Oct 11
Oct 18
Oct 25
S
1
S
2
M
3
T
4
W
5
T
6
F
7
S
8
S
9
M
10
T
11
W
12
T
13
F
14
S
15
S
16
M
17
T
18
W
19
T
20
F
21
S
22
S
23
M
24
T
25
W
26
T
27
F
28
S
29
S
30
M
31
T
1
W
2
T
3
F
4
S
5
S
6
M
7
T
8
W
9
T
10
F
11
S
12
S
13
M
14
T
15
W
16
T
17
F
18
S
19
S
20
M
21
T
22
W
23
T
24
F
25
S
26
S
27
M
28
T
29
W
30
T
1
F
2
S
3
S
4
M
5
T
6
W
7
T
8
F
9
S
10
S
11
M
12
T
13
W
14
T
15
F
16
S
17
S
18
M
19
T
20
W
21
T
22
F
23
S
24
S
25
M
26
T
27
W
28
T
29
F
30
S
31
Select a timeline bar to preview the current selection callback.