[EuiSuperDatePicker] Papercuts

[acstll]

Summary

This PR has a small series of changes related to EuiSuperDatePicker, namely:

• Export EuiQuickSelectPanel — this has been left undocumented on purpose, because there's a way to customize quick select panels (92c945e)
  • Agreed in Add “Entire time range” option in commonly used ranges (not EUI) kibana#241319 (comment)
• Fix an accessibility issue with date text inputs in the popovers, where the visual label was not semantically connected to the inputs (dda2d4b)
  • Spotted in this PR [EuiSuperDatePicker] Time zone display #9191 (comment)
• Fix a strange behavior of isQuickSelectOnly prop in Storybook, where the popover button would still be visible when it shouldn't (b3ea2d5)
  • Spotted while smoke testing for [EuiSuperDatePicker] Add tooltip with full range to "pretty duration" button #9221
  • VRT updated because of this b3ea2d5
• Adjust the width for the Time Window Buttons snippets in the docs (57a5c28)
  • Feedback from @ek-so

Resolves https://github.com/elastic/eui-private/issues/472 🔒

Why are we making this change?

To wrap up a series of improvements to EuiSuperDatePicker, fixing small things that mostly were out of scope in previous PRs.

Impact to users

🟢 No impact

QA

• Verify EuiQuickSelectPanel is exported
• Check accessibility of text inputs in absolute and relative tabs
• Double-check isQuickSelectOnly prop behaves as expected in Storybook
• Verify snippet for Time Window Buttons section in the docs works as expected

General checklist

• Browser QA
  • Checked in both light and dark modes
  • Checked in both MacOS and Windows high contrast modes
    • (emulate forced colors if you do not have access to a Windows machine.)
  • Checked in mobile
  • Checked in Chrome, Safari, Edge, and Firefox
  • Checked for accessibility including keyboard-only and screenreader modes
• Docs site QA
  • Added documentation
  • Props have proper autodocs (using @default if default values are missing) and playground toggles
  • Checked Code Sandbox works for any docs examples
• Code quality checklist
  • Added or updated jest and cypress tests
  • Updated visual regression tests
• Release checklist
  • A changelog entry exists and is marked appropriately
  • If applicable, added the breaking change issue label (and filled out the breaking change checklist)
  • If the changes unblock an issue in a different repo, smoke tested carefully (see Testing EUI features in Kibana ahead of time)
• Designer checklist
  • If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: 8229262
• Documentation website
• Storybook

cc @acstll

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: 8229262

History

cc @acstll

[acstll]

@mgadewoll the problem was this 😁 — I couldn't find anything breaking after removing this, and I updated the stories (they look a bit more "real"), but I might be missing something — where is/was the input content being truncated?

[mgadewoll]

Ah, good catch! Honestly, I can't recall what was the scenario there. But it looks to behave fine in the stories, so it's fine to remove. Ensuring stories showcase expected behavior has higher priority in any case. 👍

[mgadewoll]

🟢 The changes are LGTM.
Tested that the accessible labels are available and confirmed isQuickSelectOnly renders as expected in storybook. EuiQuickSelectPanel is available for export.