React-datepicker: Make date picker full screen in mobile or small screen resolution

[topex-psy]

Is your feature request related to a problem? Please describe.
I'm always frustrated when in mobile/small screen, date picker is truncated and not correctly displayed.

Describe the solution you'd like
Make date picker fill the screen.

Describe alternatives you've considered
Or show popup dialog to select date.

Additional context

[RaudByorn]

All you need is "withPortal" attribute
selected={startDate}
onChange={date => setStartDate(date)}
withPortal
/>

[maurusrv]

Hi @RaudByorn, i've tried your solution and it works on ios devices, but it doesn't seem to work on android. any other work around?

[RaudByorn]

Hi @maurusrv, I've checked it just now on Android and it works fine. Try it here https://reactdatepicker.com/ on example with "withPortal" attribute.

[maurusrv]

Yes. my mistake. it is indeed working. thanks for the reply anyway @RaudByorn!

[softshape]

Portal is not helping much on devices. It's not 100% fullscreen, and it won't disable text input so a keyboard covers the calendar.

[RaudByorn]

@softshape here is solution #942