Issues with keyboard navigation

[jore92]

Hello!

I have 2 separate date pickers for start and end date for a company I'm on a project for. I've been tasked on making the website navigable using the keyboard (mainly tab, shift-tab, and arrow keys so far).

When I navigate to the date picker (using tab) it gets to the component successfully, but it only focuses on: previous month arrow, next month arrow, and the current date. I can go to the next / previous month by pressing Enter and Space keys, but I can not focus on any other date. I need the user to be able to select any date. It seems like any other day.

When I inspected the days via dev tools on Chrome, I noticed that all the dates I want to select but can't have tabindex="-1", which would be the culprit. I should be able to programmatically select the next date but I was wondering if the date-picker could be configured in a way where I wouldn't have to write custom code for it

Any ideas / recommendations would be greatly appreciated!
John