Keyboard shortcut

How would you configure DatePickerSingle to receive keyboard events?
Ideally use keyboard arrow to move one day forward or back.

So far have configured buttons to perform that task
(‘Back’ button and ‘Forward’ button change the datePicker through callbacks)
accessKey does not appear to react to keypresses
dash_components no longer has a Keyboard control

Appreciate your ideas.

You could try the event listener component,

Checking out EventListener. How do you send a keyboard arrow key event to the calendarpicker or to the button?

Sample code would be helpful.

Hi @fip,

Upon clicking the time input box, simply pressing the Down arrow key will make a focus box appear, giving control over the calendar via the direction keys. Once you have focus on your desired date, you can press Enter to select that date.

image