styled-components

Issue Type (check one)

• Bug Report

Description (type any text below) -->

When tabbing through the Spectrum interface it's difficult to know what you're interacting with since the outlines for tabbable elements have been removed.

If you force outlines back on you can see what is being tabbed.

*:focus {
    outline: 3px solid orange !important;
    outline-offse

The DatePicker component is already created and it's functional, but it was written some time ago and it can be refactored (migrating from class-based to hooks). In order to achieve a good result, we also need a good test coverage.

Running storyb

https://emotion.sh/

After this change in Material UI: mui/material-ui#6115

Recently @devrnt opened up a PR to improve the setup with a theme(#189) and I realised that it'll be awesome to have that section expanded for each case.