RelativeRangeDatepicker: Calendar overlay blocks Apply button when manually entering dates

[Raubzeug]

Screen.Recording.2026-02-20.at.16.26.04.mov

Description
When using the RelativeRangeDatepicker component with an Apply button, the calendar popup that appears during manual date entry creates UX issues:

1. The calendar overlay covers the Apply button, making it difficult to click
2. Pressing Enter does not close the calendar
3. Clicking outside closes the entire datepicker and discards user input
4. Users have to remember to click the Apply button that's hidden behind the calendar

Suggestions

1. Let's let user to select calendar's popup placement (or maybe always open calendar to the right of the control if Apply button is presented). It's the cheapest solution which improves UX a lot.

2. Enter key behavior:

• If calendar is visible → close the calendar
• If calendar is hidden → trigger Apply action

3. Outside click behavior:

• If calendar is visible → close only the calendar (preserve input)
• If calendar is hidden → close the entire datepicker