Generally we do not use PascalCase for story titles.

This allows us to make the component usable in more situations - e.g.
show the calendar with a form field.

This also allows us to move styling that was currently placed in the
pause modal component into the generic component.

Styling specific to Flatpickr has been moved to a separate SCSS file.

This supports our usage of visual testing.

This allows us to reuse the logic in the CMS.

This is recommended by React DevTools.

Filters have black borders.

Add a story to showcase this.

This goes to the right of the filters on desktop.

We also want to control the width. Instead of setting the width on the
element like we do for dropdowns we instead set it on the surrounding
elements. This makes it easier to use across different contexts.

Localization will not work inside storybook so this is the best we
can do.

To use this format we have to set an alt input. This requires updates
to our asynchronous clicking as there are now multiple input elements
from Flatpickr.

This also allows us to lower the waiting time before we click.

By splitting the two we can create a date range for content that
has been loaded asynchronously.

The component gets its bottom margin from the origin implementation
but this is not needed here.