React-datepicker: Css / Styling not working

Created on 18 Aug 2020  路  4Comments  路  Source: Hacker0x01/react-datepicker

Describe the bug
The styling seams to be missing, and when i click the input, all the dates just stack on top of the input.

To Reproduce
Steps to reproduce the behavior:

  1. npm install react-datepicker
  2. import react-datepicker
  3. Use default example from https://reactdatepicker.com/
  4. Styling gone

Expected behavior
I expect the styling / css to work as default.

Screenshots
image

Desktop (please complete the following information):

  • OS: [mcOS Catalina 10.15.6]
  • Browser [Chrome]
  • Version [^3.1.3]

Most helpful comment

All 4 comments

Experiencing the same behavior.

This helped me: #1707

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

https://github.com/Hacker0x01/react-datepicker/#installation

Still css not working :(

This helped me: #1707

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

https://github.com/Hacker0x01/react-datepicker/#installation

Still css not working :(

I had the same issue. Im guessing you ran the npm install procedure, included the css & import in your jsx and then just saved to see changes?

Try restarting the npm script, everything worked as expected for me.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dhruvparmar372 picture dhruvparmar372  路  3Comments

ro-savage picture ro-savage  路  3Comments

ali-master picture ali-master  路  3Comments

jjjss94 picture jjjss94  路  3Comments

pinturic picture pinturic  路  3Comments