Keep calendar visible all the time about react-datepicker

[tresko]

Thank you. You can change focus with "focusedInput" prop.

Here is an example: https://codesandbox.io/s/awesome-greider-kw3l8

[tresko]

Sorry for the late answer. You can edit CSS properties with ThemeProvider.

Here is an example of your use case: https://codesandbox.io/s/suspicious-hertz-hd8jb

[sofiageo]

Thanks, the focus works, but my problem is that the position of the calendar is absolute so it messes up my layout. If I manually remove the absolute position from the developer tools it works perfect.

Do you think adding a property to change the absolute position behaviour would be a nice addition to the library?

[sofiageo]

It works fine with ThemeProvider. Thanks for the example. I'm having an issue when passing a function to the reducer. The function is setFieldValue of the library Formik. When I do that, the calendar closes when I select the endDate. I will keep investigating what causes it to close.

I'm not sure I can help you much with implementing the additional property. I've only been using TS for a few days. But if you are not in a hurry I can give it a try next week.

[tresko]

I'm not in a hurry, so you can try.