React-dates: Arrow Icon Hidden/Covered in DateRangePicker

[r-i-c-h]

Using DateRangePicker but the Start-Date's <div> is covering the arrow icon.

Both the start and end-date <div> input boxes share the classes .DateInput and .DateInput_1

I did get the arrow to display by removing position: relative; from .DateInput's CSS (changes its computed style to position: static;).

I can say this is only an issue with the first/Start-Date div because isolating the styles shows that the second date input div is not the one causing the issue.

Notes:

• I _am_ using normalize.css which I know had an issue with react-dates some time back, but was closed on their end.
• Possibly related to #1174 in that I am using numberOfMonths={1} ?

[majapw]

@r-i-c-h can you share a screenshot?

[r-i-c-h]

Not sure how much there is to see, but....

[chiumax]

I get the same sort of problem

[danLivingstone]

I have the exact same issue as well.

I did get the arrow to display by removing position: relative; from .DateInput's CSS (changes its computed style to position: static;).

This seems to fixed it.

[wesleyabbey]

It could be because box-sizing: border-box is not set not set globally.

Updating this, fixed the issue for me