Styling of the datepicker is off

The styling of the datepicker seems to be off, i’ve tried importing the css from the dist folder directly and it didn’t work, any ideas? here’s how it looks like: https://ibb.co/gEPdep

[sava1192]

so, as mentioned above problem is in webpack.config localIdentName: [hash]. There is couple ways to fix it:

1. Kindly ask author to use css imports 😃
2. Update your webpack config to handle this css files classnames without hashing

As i’m only using less for css imports i’ve ended with adding smth like this to my config

{
    test: /\.css$/,
    use: ['style-loader', 'css-loader'],
},

If you still want to use .css with css imports you’ll probably need some more sophisticated test regexp to mach only css files inside node_modules/react-date-picker

[josh-stevens]

I ran into this problem as well. The css-loader is indeed the issue (our localIdentName adds a hash to all classnames). I think the library can avoid this if it imports its css like so:

import styles from 'styles.css'

And then when giving classnames to components you access them from the imported styles object:

className={styles['whatever-class']}

Rather than using raw strings for classnames. This allows CSS loader to map the classnames correctly.