Describe your motivation

As long as the date-picker is open, you cannot click into the time-picker, and vice versa. The reason is that both picker dropdowns open in modal mode, which causes any click on the opposite picker to be treated as a click outside of the entire date-time-picker. This results in quite inconvenient UX, as switching between the pickers always requires 2 clicks.

Describe the solution you'd like

A possible solution could involve adding pointer-events: auto on the entire date-time-picker when one of its child pickers is open. This would counteract pointer-events: none applied to the body element.

Prototype: https://github.com/vaadin/web-components/compare/feat/allow-switching-between-pickers-when-opened

Describe alternatives you've considered

No response

Additional context

No response