Google Analytics Date Selector

1. Default date range.
2. Filtering to a single day.
3. Clicking to expand the date range.
4. Viewing the range in timeline display.
5. Push the blue bar to move the date range, and pull handles on range to fine-tune start/end dates. Dates update in text inputs at right.
6. Compare to past shows second date range. When there is overlap, the colors are mixed.
7. Compare to past in calendar view.
8. Overlapping date shown in teal.