synthetic
WaybackSlider
A scrubber over a list of past report dates.
Weekly report dateDrag or use the arrow keys to move between reports
Oct 19, 2026Latest
Oct 5, 2026Oct 19, 2026
Oct 5, 2026
Oct 5, 2026Oct 19, 2026
Oct 19, 2026Latest
Oct 12, 2026Oct 19, 2026
19 OctLatest
5 Oct19 Oct
In context
Project historyScrub the weekly report to see how far along the project was
Harbour rebrand
Oct 19, 2026Latest
Oct 5, 2026Oct 19, 2026
Latest
84% complete, due 24 Oct
Props
| Prop | Type | Required | Default |
|---|---|---|---|
dates | Date[] | Yes | — |
value | Date | undefined | No | — |
defaultValue | Date | undefined | No | — |
onValueChange | ((date: Date) => void) | undefined | No | — |
dateFormat | ((d: Date) => string) | undefined | No | — |
aria-label | string | undefined | No | Reporting date |
className | string | undefined | No | — |
How it pairs
It only knows a list of dates. Keep one copy of your data per date and feed the one the slider reports into GanttChart or PertChart. Built on the real Slider.
data-rebar-* attributes
data-rebar-component="wayback-slider" on the root; parts: current-date, latest-badge, ticks.
Migrating to Ant Design
Not codemod-covered. AntD's Slider with marks is the closest shape; it has no snapshot-scrubbing pattern.