mobile-friendly css about react-datepicker2 HOT 5 OPEN

I think it would be so good if you can provide a prop on size (e.g. xs, md, lg based on bootstrap standards, or even exact size: 12, 24, 36, etc.) to provide a better look at mobiles, or when this control placed at top of the page and calendar drops up (and part of control hides. like at screenshot). this issue occurs even in screens (not only mobiles).

Many thanks

from react-datepicker2.

@alidehghan
It is a good idea, I'll work on it over the weekend.

from react-datepicker2.

I guess it is related to tether config

from react-datepicker2.

@alidehghan I think so.
I think managing the keyboard display on mobile screens is the first step.

from react-datepicker2.

Hi, I still face some issue with the tether element falls out of the window even in desktop mode.
https://pasteboard.co/JCBXGQF.png
I look at some of the code and tether document and I check out the constraint property of tether component with attachment defined as together

Constraints allow you to control what happens when the tethered element would have to fall outside of a defined region to maintain the attachment.

You might want to allow the element to change its attachment, if doing so would keep more of it within its assigned region

By adding the pin option as true we can have the element more visible than going off-screen like this, I see this problem a lot in my new project cause I have many date inputs, at least I suggest adding this as an option.
bitwise I can add this as a pull request.

from react-datepicker2.