1. When you mouse-over the timeline a tooltip is displayed with the date (which updates as you move the mouse along the timeline).
2. When you mouse-over the range selector, the same happens with an added 'edit' icon.
3. Clicking the 'edit' icon allows you to manually change the date.
4 Responses
Pro
Craig Dennis
Here is the 'edit' state concept to set a date range for an upcoming web-app. As you would expect, you can still slide the range as normal.
Constructive feedback welcomed.
9 months ago
Pro
Jamie Neely
This is interesting. Is this also where the value is displayed? Does it update as you drag? That'd be cool.
9 months ago
Pro
Craig Dennis
It will work in a similar way to a video player.
1. When you mouse-over the timeline a tooltip is displayed with the date (which updates as you move the mouse along the timeline).
2. When you mouse-over the range selector, the same happens with an added 'edit' icon.
3. Clicking the 'edit' icon allows you to manually change the date.
There is an updated rebound coming for this.
9 months ago
Rebound
Manually Edit Date Range
by Craig Dennis
Added markers and showing the graph
9 months ago