DatePicker: support custom mount point for the calendar widget + always visible

Summary

We are currently trying to figure a paging/calendar widget implementation akin to what they are doing in Toggl / Google Ads

We could probably make something from the ground up based on FlatPickr since it’s already used in carbon-components-react, but I don’t want to reinvent the wheel by trying to discover & fix everything you’ve already did on your side.

All that being said I tried to start flashing out something based on your implementation of range DatePicker with our usage in mind (no design document yet, just trying to feel out the problem domain) and got to a point where I think that it’s doable if I’d be able to tell the DatePicker to render the widget into my container and to keep it always visible.

Here is a screenshot to illustrate my state of affairs. The idea is that something like this would be the whole pop-over content & the pink area is where the calendar widget would be rendered.

Specific timeline issues / requests

Undefined on my side as far as I can tell…

[jnm2377]

Hi @kubijo 👋🏽 Thanks for opening this issue. At the moment, we have a lot of accessibility concerns with Flatpickr and are looking into moving away from it. As we sort through the accessibility issues, we’ll take this design into consideration. Going to close this for now. 😄

[kubijo]

regarding radio button implementation and the lack of React Context usage, I believe those components predate the current context API

That was just an example of the top of my head since I’ve just upgraded carbon-components-react to version where a fix to that component has landed 😉