Strange display issue

[ghost]

After installing react-datepicker, the datepicker is displaying like this.

I am using React 16.13.1 in Chrome.

This is my code.

<DatePicker selected={this.state.object["StartDate"].value} dateFormat="MMMM d, yyyy" />

[victormimo]

Don't forget to add --> import "react-datepicker/dist/react-datepicker.css"; right under --> import ReactPicker..

Hope it helps!

[dbledayr]

Having similar issues within a GatsbyJS project.

Running build has same issues as above while running develop etc. locally works fine. Have trouble shot numerous reasons, but able to replicate consistently with running yarn build & yarn serve (e.g. gatsby build & gatsby serve) locally.

[summea]

I saw this same CSS related formatting issue on a project.

Something that worked for me was to replace this older import line: import 'react-datepicker/dist/react-datepicker-cssmodules.css';

With this line from the documentation: import 'react-datepicker/dist/react-datepicker.css';

I hope that helps!

[github-actions[bot]]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 10 days.

[github-actions[bot]]

This issue was closed because it has been stalled for 10 days with no activity.