React-datepicker: Styling is broken

[kalenpw]

Expected behavior

Date picker to appear as preview

Actual behavior

No formatting dates appear in a straight line up page

Steps to reproduce

I created a new project via npx create-react-app and only instead react-datepicker and was able to reproduce this issue.

Also happens in an existing project.

Both version 2.3.0

Screenshots:

The first screenshot is when added to an existing project with Bulma imported. The second has nothing but react-datepicker.
In second screenshot that little 4 you see on the right side is what appears when the date picker is selected.

Both tested on current Firefox and current Chromium.

[ceciliaschiebel]

were you able to fix it?

[kalenpw]

Yes, I didn't realize the css was kept separate, but now I understand why.

[Bhushankumar-pawar]

I am also getting the same view but I am unable to resolve. I am using datepicker with babel-plugin-react-css-modules. imported CSS from node modules dist folder still styling is not getting applied.
Created ticket #1809 .
Please let me know you also having the same config.

[refayathaque]

In the README under 'Installation' it says:

import 'react-datepicker/dist/react-datepicker-cssmodules.css';

when it should be:

import "react-datepicker/dist/react-datepicker.css";

Thanks for pointing this out @kalenpw !

[imnobunny]

Hi! Is this .css above also applies to "Select Time Only" react-datepicker. I can't get the same view as one in here.. https://reactdatepicker.com/

[sgtkuncoro]

Hi! Is this .css above also applies to "Select Time Only" react-datepicker. I can't get the same view as one in here.. https://reactdatepicker.com/

hi @imnobunny I think it's because you use both of todayButton and showTimeSelect, I fix that issue by hiding todayButton LOL. I think react-datepicker doesn't support yet if we use todayButton and showTimeSelect at the same place