Skip to content

Conversation

@acstll
Copy link
Contributor

@acstll acstll commented Nov 13, 2025

Summary

Note

This PR features changes made in 2 other separate PRs already reviewed, with an extra small change in e0802ae

Implements two updates to EuiSuperDatePicker, namely time window buttons, and time zone display, each with its own PR, previously reviewed and approved:

Changes

Time window buttons (opt-in)

Buttons on the top-level of the component that allow shifting the time window backwards or forward, and zooming out.

Enable by passing showTimeWindowButtons={true}.

🔗 Storybook

New prop Type Default value
showTimeWindowButtons boolean or EuiTimeWindowButtonsConfig false
Screenshot 2025-11-14 at 09 49 13

Time zone display (opt-in)

Time zone information displayed in the date/time picker popover.

Enable by passing timeZoneDisplayProps={{ timeZone: TIME_ZONE_NAME }}.

🔗 Storybook

New prop Type Default value
timeZoneDisplayProps EuiTimeZoneDisplayProps {}
Screenshot 2025-11-14 at 09 50 53

Why are we making this change?

As a series of improvements to EuiSuperDatePicker that should have a positive impact on end users.

Impact to users

🟢 No impact, all changes are opt-in.

QA

General checklist

  • Browser QA
    • Checked in both light and dark modes
    • Checked in both MacOS and Windows high contrast modes
    • Checked in mobile
    • Checked in Chrome, Safari, Edge, and Firefox
    • Checked for accessibility including keyboard-only and screenreader modes
  • Docs site QA
  • Code quality checklist
  • 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)

@acstll acstll self-assigned this Nov 13, 2025
@acstll acstll force-pushed the feat/super-date-picker-track-1-ms-1 branch from 9b13608 to e0802ae Compare November 13, 2025 09:18
@acstll acstll added the skip-changelog Use on PRs to skip changelog requirement (Don't delete - used for automation) label Nov 13, 2025
@acstll acstll marked this pull request as ready for review November 14, 2025 08:52
@acstll acstll requested a review from a team as a code owner November 14, 2025 08:52
Copy link
Contributor

@mgadewoll mgadewoll left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Everything LGTM. I checked the additional renaming changes and had a last quick run of the new features. All works as expected. Awesome work! 🎉

@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

History

cc @acstll

@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

History

cc @acstll

@acstll
Copy link
Contributor Author

acstll commented Nov 14, 2025

CI in Kibana is green (except for Scout, which is expected): https://buildkite.com/elastic/kibana-pull-request/builds/361366#annotation-test_failures

@acstll acstll merged commit 5371026 into main Nov 14, 2025
7 checks passed
@acstll acstll deleted the feat/super-date-picker-track-1-ms-1 branch November 14, 2025 16:05
@acstll acstll restored the feat/super-date-picker-track-1-ms-1 branch November 18, 2025 11:42
acstll added a commit to elastic/kibana that referenced this pull request Dec 11, 2025
…ns and time zone display (#243020)

## Summary

This enables 2 new features in the time picker `EuiSuperDatePicker` in
Unified Search.

- Time window buttons: on the top-level of the component that allow
shifting the time window backwards or forward, and zooming out.
- Time zone information displayed in the date/time picker popover.

<img width="1362" height="968" alt="image (4)"
src="https://github.com/user-attachments/assets/846f307e-12eb-41b5-9eb7-35b3540a202f"
/>

## Changes

- Show time window buttons aa6e065
- Show time zone information aa6e065

For more info, see elastic/eui#9210

---------

Co-authored-by: Elastic Machine <[email protected]>
andrimal pushed a commit to andrimal/kibana that referenced this pull request Dec 11, 2025
…ns and time zone display (elastic#243020)

## Summary

This enables 2 new features in the time picker `EuiSuperDatePicker` in
Unified Search.

- Time window buttons: on the top-level of the component that allow
shifting the time window backwards or forward, and zooming out.
- Time zone information displayed in the date/time picker popover.

<img width="1362" height="968" alt="image (4)"
src="https://github.com/user-attachments/assets/846f307e-12eb-41b5-9eb7-35b3540a202f"
/>

## Changes

- Show time window buttons aa6e065
- Show time zone information aa6e065

For more info, see elastic/eui#9210

---------

Co-authored-by: Elastic Machine <[email protected]>
seanrathier pushed a commit to seanrathier/kibana that referenced this pull request Dec 15, 2025
…ns and time zone display (elastic#243020)

## Summary

This enables 2 new features in the time picker `EuiSuperDatePicker` in
Unified Search.

- Time window buttons: on the top-level of the component that allow
shifting the time window backwards or forward, and zooming out.
- Time zone information displayed in the date/time picker popover.

<img width="1362" height="968" alt="image (4)"
src="https://github.com/user-attachments/assets/846f307e-12eb-41b5-9eb7-35b3540a202f"
/>

## Changes

- Show time window buttons aa6e065
- Show time zone information aa6e065

For more info, see elastic/eui#9210

---------

Co-authored-by: Elastic Machine <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

skip-changelog Use on PRs to skip changelog requirement (Don't delete - used for automation)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants