Continue improvements for time window filtering on metrics dashboard

Problem to solve

In https://gitlab.com/gitlab-org/gitlab-ce/issues/31368 we introduced time window filtering to the metrics dashboard. As part of this initial effort, we planned two additional iterations of improvements to time filtering. We should continue on to the next iteration 💪

Intended users

Further details

Proposal

In https://gitlab.com/gitlab-org/gitlab-ce/issues/31368, we defined the following iterations for time window filtering:

1st iteration (existing)	2nd iteration - adding in text fields for custom time windows	3rd iteration - introduce date pickers

We should move to either the second or the third iteration in this issue, depending on feasibility. Guessing that the third iteration will likely be an additional follow-up issue. Details on the iterations:

• The second iteration introduces text fields where users can enter their own time windows (ex - now-6 or now-8).
• The third iteration would introduce date pickers where users can select calendar dates. This would essentially allow users to pick the exact dates and times that they want to display on their charts. In this iteration, users can also select how often they want their data to refresh. In the "refresh every" dropdown, Grafana offers the following options: off, 5s, 10s, 30s, 1m, 5m, 15m, 30m, 1hr, 2h, 1d. We should pick a short list of these to start with, and keep adding as we go on.

Permissions and Security

Documentation

Testing

What does success look like, and how can we measure that?

Links / references