[Maps] Should be able to zoom-in on selected range of timeslider

[maksimkovalev]

Closes: #105596

This PR contains changes for the time slider component. Users can now set Kibana's global time range according to the selected time slice in the timeslider component by clicking calendar button.

cc @thomasneirynck

[kibanamachine]

Since this is a community submitted pull request, a Jenkins build has not been kicked off automatically. Can an Elastic organization member please verify the contents of this patch and then kick off a build manually?

[cla-checker-service]

💚 CLA has been signed

[thomasneirynck]

This looks great.

I'd make one addition: set the timeslice to the entire range as well.

Otherwise the data "blips".

e.g.
Step 1) open timeslider

Step 2) click "zoom in" calendar button

^ note that the seleted timeslice is expanded so it is identical to the previous timeslice. This way, the data on-screen remains identical.

[maksimkovalev]

@thomasneirynck What if we change the current behavior of auto-select from:

componentDidMount() {
    this._isMounted = true;
    // auto-select range between first tick and second tick
    this._onChange([this.state.ticks[0].value, this.state.ticks[1].value]);
}

to

componentDidMount() {
    this._isMounted = true;
    this._onChange([this.state.min, this.state.max]);
}

This looks like a more appropriate solution here, because it also fixes the current behavior of the initial opening of the timeslider. This will allow you to get the entire period of the global time window, not just the range between the first and second ticks, and it will not change the data on the map.

[thomasneirynck]

discussed with offline with @nreese @maksimkovalev #122131 (comment)

We can discard this and keep the current behavior. We can keep #122131 (review) as a separate improvement.

[thomasneirynck]

thx!

[elasticmachine]

Pinging @elastic/kibana-gis (Team:Geo)

[thomasneirynck]

@elasticmachine merge upstream

[thomasneirynck]

buildkite test this

[maksimkovalev]

@elasticmachine merge upstream

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 00d8377
• Storybooks Preview

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
maps	2.5MB	2.5MB	+633.0B

Page load bundle

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

id	before	after	diff
maps	37.1KB	37.2KB	+50.0B

History

• 💚 Build #18427 succeeded 20fa7bd

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