Date Range, Multi Select, Input Improvements

[archiewood]

Description

See #1477

Outstanding

• keyboard a11y (Dropdown)
• handling breaking nature of syntax change (major bump?) (Dropdown)
• still see 1970 sometimes (Date Range)
• defaultValue no longer works (Dropdown)
• inconsistent indentation of dropdown labels if you have long names in Dropdown Options (Dropdown)
• there is no title label that can be seen above dropdown if single select (Dropdown)
• remove the CSV I added

Nits:

• list height if <5 options (Dropdown)
• search if <5 options is odd (Dropdown)

Checklist

• [ ] For UI or styling changes, I have added a screenshot or gif showing before & after
• [ ] I have added a changeset

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 0785c08271bcfd26633ddf7b64b540e14e95a9ee

The changes in this PR will be included in the next version bump.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 4, 2024 11:17pm

[netlify[bot]]

❌ Deploy Preview for evidence-development-workspace failed.

Name	Link
🔨 Latest commit	0785c08271bcfd26633ddf7b64b540e14e95a9ee
🔍 Latest deploy log	https://app.netlify.com/sites/evidence-development-workspace/deploys/65e6563ec4451a0008c00e58

[archiewood]

1. The Single Select seems to have some aligment issues - I think the checkmark svg is a different size dependant on the text length

2. I think we still need the label for the title above the dropdown if it is single select

Otherwise there's no way to identify what the field I'm changing is for the end user e.g. country

[ItsMeBrianD]

Can this be closed now? @mcrascal