React-datepicker: TimeSelect not show?

[permadiwibisono]

Why TimeSelect not show?

[jessica-pixvana]

I have the same issue. Using v0.55.0. showTimeSelect breaks the datepicker and shows a poorly formatted list of times

[martijnrusschen]

This looks like a CSS bug. Are you using the CSS provided by the component?

[jessica-pixvana]

Am I supposed to copy the file react-datepicker/dist/react-datepicker.css into my directory to use it?

[jessica-pixvana]

Currently I haveimport 'react-datepicker/dist/react-datepicker.css'; at the top of my file

[nali]

@permadiwibisono I had the same issue on the 0.54 version, updating to 0.55 resolved it for me.

[permadiwibisono]

@nali i got it, but now there is bug in css, not show properly same problem with @jessica-pixvana

And its my code:

[shadrech]

@permadiwibisono Whats your operating system and browser?

[permadiwibisono]

@shadrech I'm using Windows 10 and with Google Chrome.

[codepandy]

@shadrech the same issue,windows 7 and Chrome.
how to solve it?

[orx0r]

@shadrech I have the same issue on ubuntu and Chromium.
current versions react v15.5.4 react-datepicker v0.60.2 (on previous versions was the same issue)

1. https://github.com/Hacker0x01/react-datepicker/issues/1056#issuecomment-334628577
2. add some inline styles

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    padding-left: 0;
    padding-right: 0;
}

it's solve display issues

[hugozap]

One thing I noticed is that the time list does not have padding set to 0, so it takes the browser defaults which results in issues: See a simple example here: https://codesandbox.io/s/l5oz7rvrzq

( edit: I meant padding not margin )

[jfajardo]

I have the same issue with react semantic ui

.react-datepicker {
    display: flex  !important;
}

[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.