React-datepicker: Time padding is incorrect

[daniyalhussain]

Expected behavior

It should look like this

Actual behavior

But it looks like this

Steps to reprodcue

So i looked in to it and their is no padding:0 in it so he takes the default ul.

[imhazige]

I have the same issue.

[juhana]

A temporary fix is to add this CSS:

ul.react-datepicker__time-list {
    padding: 0;
}

[sheppyc]

Trying to pin this down a bit more, but I only had this issue when I moved from using materialize CSS to bootstrap 4. Perhaps materialize was masking this issue by setting padding 0 on ul.

[imhazige]

after made the ul padding to 0. some browser works, but in a screen it is showing

[peterswallow]

It seems to be the ul.react-datepicker__time-list element, which inherits from the base 'user agent stylesheet' (in chrome at least) with this class:
ul, menu, dir { padding-inline-start:40px; }
Guess we need to reset this to 0px, as mentioned above...

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.