[EuiSuperDatePicker] Add support for quickSelectButtonProps

[mgadewoll]

Summary

This PR adds support for the props quickSelectButtonProps on EuiSuperDatePicker to allow passing additional props to the button, e.g. for handling custom events.

QA

• ci passes (added unit test verifies prop is applied)
• (optional) checkout this PR and test that additional props can be passed

General checklist

• Browser QA
  • Checked in both light and dark modes
  • 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)
• 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)

[kibanamachine]

Preview staging links for this PR:

• Docs site: https://eui.elastic.co/pr_8380/
• Storybook: https://eui.elastic.co/pr_8380/storybook
• New docs: https://eui.elastic.co/pr_8380/new-docs

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: 6c24e1e

History

• 💚 Build #3561 succeeded c58d787

cc @mgadewoll

[weronikaolejniczak]

I tested, I can pass props and they affect the button. I cannot pass isDisabled and isLoading.

One thing I'm wondering about is, should we be able to manipulate the color prop as well? Seems to me like this button might always have to be the same style due to its function. It's fine to leave it but we can also narrow down the control to avoid misuse.

[mgadewoll]

One thing I'm wondering about is, should we be able to manipulate the color prop as well? Seems to me like this button might always have to be the same style due to its function. It's fine to leave it but we can also narrow down the control to avoid misuse.

@weronikaolejniczak That's a good point which I also considered. Ultimately I decided to align usage with what's already possible with the updateButtonProps for the EuiSuperUpdateButton (code) which also allows to pass style related props.