Override Keyboard accesibility

[Prashant]

Hi, There

I want to override keyboard accessibility feature in date picker. i am using it in angular 9. 

can i do this?

if yes then how?

[Martin Bechev]

Hello Prashant,

I am afraid that the DatePicker component does not support changing the built-in keyboard navigation. However, the navigation can be customized by using a custom JavaScript code.

The developer needs to use generic events and methods, such as - keydown, addEventListener, to capture user interactions. Note that in this case, the default behavior of the overwritten key needs to be prevented (e.g. preventDefault, stopPropagation). 

Please check the following example where the DatePicker popup is toggled by pressing the Enter key as an example:

https://stackblitz.com/edit/angular-c3a76w?file=app/app.component.ts

Keep in mind that such demos are not an officially supported and tested solution and might not work with future releases of the package. So use it at your own discretion.

Regards,
Martin
Progress Telerik