[ES|QL] Integrating the editor with the time picker

[stratoula]

Part of #189010

Summary

It displays the date picker for date fields. It is currently only possible for where and eval commands (and not in stats bucker) exactly as the earliest and latest params mostly because the bucket command is not well defined and we need to fix the autocomplete first before we integrate the latest / earliest params and the timepicker

Checklist

• Unit or functional tests were updated or added to match the most common scenarios
• Any UI touched in this PR is usable by keyboard only (learn more about keyboard accessibility)
• Any UI touched in this PR does not create any new axe failures (run axe in browser: FF, Chrome)
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser)
• This was checked for cross-browser compatibility

[elasticmachine]

Pinging @elastic/kibana-esql (Team:ESQL)

[drewdaemon]

Excited for this feature! Looks like we have a bug where the timepicker text gets inserted.

Screen.Recording.2024-07-23.at.12.39.41.PM.mov

[stratoula]

@drewdaemon thanx for the bug, great find. I did this change without testing it. I wanted to fix the autocomplete tests so I added a text Choose from time picker to the editor. This makes the autocomplete texts better but it unfortunately adds the text to the editor too. I am not sure which is the best solution forward. You know this system better so maybe you have a better idea?

[drewdaemon]

I am not sure which is the best solution forward. You know this system better so maybe you have a better idea?

I see the problem. There's no amazing answer. The tests currently only support checking the text field of the suggestions.
I took a stab at changing this here: stratoula#31. See what you think.

[ryankeairns]

I created an issue and linked it in the description of this PR. In part, to track the work but also to, later, link this to a potential badge menu. It wouldn't be easy; just want to capture the idea in a light way.

[stratoula]

Much appreciated @drewdaemon. Looks awesome, also created a tech debt issue here #189029

[stratoula]

/ci

[kibana-ci]

💛 Build succeeded, but was flaky

• Buildkite Build
• Commit: 0d26455

Failed CI Steps

• FTR Configs #72

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
esql	181.5KB	183.3KB	+1.8KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
esql	6.6KB	6.7KB	+52.0B
kbnUiSharedDeps-srcJs	3.3MB	3.3MB	+498.0B
total			+550.0B

History

• 💛 Build #223483 was flaky 0d26455
• 💔 Build #223439 failed 10e217d
• 💔 Build #223387 failed e2f6dab
• 💔 Build #223320 failed dd2b547
• 💛 Build #222880 was flaky 12c02e2

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[drewdaemon]

Great work!