Month arrows and month / year dropdowns do not show focus - Githubissues

hypeserver / react-date-range

A React component for choosing dates and date ranges.

MIT License

2.59k stars 679 forks source link

Month arrows and month / year dropdowns do not show focus #526

Open grafficmedia opened 2 years ago

grafficmedia commented 2 years ago

Subject of the issue

^ these clickable components do not show active focus using outline

[BUG] Bug Reproduce Steps

This should be a pretty easily reproducible bug. In fact, it can be seen in the live demo:

https://hypeserver.github.io/react-date-range/

Steps

Using the tab key, navigate through the calendar component.
You will notice that when the buttons / dropdowns become focused, there is no visual indicator

[BUG] Expected behaviour

All focusable components should have a visual indicator of focus.

Environment

Package Version: 1.4.0 React version: 17.0.2 Node version: N/A Browser: Chrome