Implement date range picker with range

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

Context

&17482 (comment 2565131681)

Date selectors that allow users to select a range for their search have become commonplace in modern-day UIs gitlab-org/gitlab-services/design.gitlab.com#1703 (comment 2548273162). Pajamas has no short-term plans to add this due to lack of immediate need gitlab-org/gitlab-services/design.gitlab.com#1703 (comment 2540070091).

As part of &17482 (comment 2565131681), a date range filter was added to allow users to filter the Commit list by date. In the first iteration of the date range filter, Committed before and Committed after will appear as separate filters (Option 2 in &17482 (comment 2565131681):

	Screen	Notes
To and from dates separated		+Probably less effort to implement +More convenient for users who want to select only a date from or date to -Less convenient for users who want to select a date range See Code > Merge requests for an example of a date picker that hacks date range with 2 individual date fields

Design proposal

The ideal UX would be to build a component variation of the date picker that allows users to select a date range in a single component. This may have to be a new component, or component variation of GlDatepicker.

May require some coordination with Pajamas. See gitlab-org/gitlab-services/design.gitlab.com#1703 (comment 2540070091).

	Screen
Date picker with range		+More convenient for users who want to select a date range -Less convenient for users who want to select only a date from or date to -Probably more effort to implement as a filter that combines 2 input values (date from, date to)