datepicker styles are not loaded - class="undefined"

There seems to be some issue with loading css modules. I’m importing react-persian-datepicker as follows:

import { DatePicker } from 'react-persian-datepicker';

and I’m using <DatePicker/> is my component. I’m also using css-loader and style-loader as stated in the docs:

Note that you need css-loader for /.css$/ files enabled to have the styles working as we use css modules to put classnames in place.

my webpack config module section:

{
  test: /\.css$/,
  exclude: /node_modules/,
  loader: 'style-loader!css-loader?modules&importLoaders=1',
},
{
  test: /\.css$/,
  include: /node_modules/,
  loader: 'style-loader!css-loader',
},

Any idea how to fix this?

[basir]

Fix it like this:

const styles= {
    calendarContainer: 'calendarContainer',
    dayPickerContainer: 'dayPickerContainer',
    monthsList: 'monthsList',
    daysOfWeek: 'daysOfWeek',
    dayWrapper: 'dayWrapper',
    selected: 'selected',
    heading: 'heading'
}
      <DatePicker calendarStyles={styles}/>

[asiye]

const styles= { calendarContainer: ‘calendarContainer’, dayPickerContainer: ‘dayPickerContainer’, monthsList: ‘monthsList’, daysOfWeek: ‘daysOfWeek’, dayWrapper: ‘dayWrapper’, selected: ‘selected’, heading: ‘heading’, next:‘next’, prev:‘prev’, title:‘title’, } <Calendar styles={ styles } /> <DatePicker calendarStyles={ styles } />