Consider reducing the verbosity of the date time range picker buttons

[scottaohara]

In the Standalone Date Time Range Picker example each button is given an aria-label which prepends the text of "select quick time of".

Doing this means that someone using a screen reader must listen to "select quick time of" before they hear the unique content of the button.

The user experience of these buttons could be improved by instead ensuring that they are contained within a role=group and that group is given the accessible name of "Select quick time".

For instance

<div class="tsi-quickTimesPanel" role=group aria-label="Select quick time">
  <button class="tsi-quickTime" aria-pressed="...">Last 15 mins</button>
  ...
</div>

Note that by front-loading the 'select quick time' text to the group container, there is no longer a need to have an aria-label on each button. Instead those buttons will simply use their child text content as their accessible name.