React-datepicker: Styles are broken when used with time picker in Bootstrap's col

[BorisTB]

Datepicker alone looks ok, but when I want to use it with time picker, it's all broken when used in Bootstrap 4 column.

react-datepicker: 0.61.0
bootstrap: 4.0.0-beta.2

[JeffLoo-ong]

I have a similar issue were stuffing it into a bootstrap column causes loss of styling.

react-datepicker: 0.61.0
bootstrap 4.0.0-alpha.6

Also running with Typescript if that matters.

[naishe]

I still have the same issue, when Col is small enough to not fit the Popper the time selector wrap at the bottom like the image shown.

"bootstrap": "^4.1.3",
"react-datepicker": "^1.8.0",

[pdanem]

A workaround that worked for me was to set the following in CSS:

.react-datepicker-popper {
    width: max-content;
}

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