Example of Esc keyboard functionality in TimePicker and DatePicker

[elephantcatdog]

Feature

Based on a comment on the Combined TimePicker PR:

Keyboard nav is missing esc key functionality but I'm not sure where we could add it as "opened" state is controlled by the user.

Both TimePicker and DatePicker are missing this functionality.

Examples

It could be done like in Dialog: have a property 'onClose' that takes a function that closes the component (and maybe the accompanying property 'closeOnEsc' also).

See Dialog.tsx and DialogMain.tsx for starting point.

[mayank99]

TimePicker and DatePicker don't have a concept of opening/closing. The user is responsible for handling that by using it in their own popover component.

Some of our users already have questions about it (#999) so we should show an example of it on our documentation website both with our "internal" Popover (see sandbox) as well as with an external library (e.g. floating-ui).