Refactor date range picker

[david-crespo]

This change makes it easier to slot in a date picker lib and it makes the whole thing work better.

• Use classic local state + onChange instead of Formik for tracking input states
• Accordingly, use plain UI <TextInput> and <Listbox> instead of Formik-ized <TextField> and <ListboxField> for the inputs
  • This also lets us not show the ugly headers, instead using aria-label directly for SR users
• Instead of a big hook returning { startTime, endTime, pickerElement }, we now have a normal component and a much smaller hook managing startTime and endTime, plus setting them from the initial value of the preset
• This ended up being a small part of it, but I also fixed an issue where the picker values wouldn't move as the window slides

The net line increase is not real; it's all in yarn.lock. I upgraded vitest while trying to debug a timer issue in the tests and left it upgraded. Line count without that (git diff --stat main.. -- . ":(exclude)yarn.lock") is +387 -383

Before

After

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
console-ui-storybook	✅ Ready (Inspect)	Visit Preview	Oct 13, 2022 at 9:39PM (UTC)

[david-crespo]

Weirdly, when I had the vi.setSystemTime in a beforeAll or a beforeEach, it did not work. Something to remember, possibly a bug to report.