[Date picker] Pressing Escape key doesn't always close the date picker

[Devessier]

Scope & Context

I used the InternalDatePicker component to implement the form field date input, and the Escape key doesn't work there either.

Current behavior

Pressing the Escape key only closes the date picker when the date input is focused. Otherwise, the Escape key is not caught, which causes the browser to exit fullscreen and not close the date picker.

CleanShot.2024-12-13.at.13.17.43.mp4

Expected behavior

When the date picker is opened, pressing Escape must close it in any case.

Technical inputs

We should rely on scoped hotkeys instead of adding an onKeyDown handler on the container of the packages/twenty-front/src/modules/ui/input/components/internal/date/components/InternalDatePicker.tsx component.