VSA: [UX] Usability improvements - integrate date picker into predefined date range

Problem to solve

In VSA: [UX] Usability improvements - adding prede... (#408656 - closed) we added predefined date ranges for VSA. We want to enhance this to provide a better user experience by integrating the date picker into the dropdown as per the screenshot below:

Screenshot_2023-07-19_at_08.23.12

Implementation guide

  • GitLab ui changes for GlDatepicker will happen in gitlab-ui#2288 (moved)
  • Update existing uses of GlDatepicker that use the old behaviour, adding the specified prop
Edited by Ezekiel Kigbo