Css Modules import not working

I am having some issues trying to get the styling to import correctly. Here’s the code:

import` React, { Component, PropTypes } from 'react';
import DatePicker from 'react-datepicker';
import moment from 'moment';

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

export class DateInput extends Component {
  constructor(props) {
    super(props);
  }
  state = {
    startDate: moment(),
  }

  handleChange = (date) => {
    this.setState({
      startDate: date
    });
  }

  render() {
    return (
      <DatePicker
        selected={this.state.startDate}
        onChange={this.handleChange}
      />
    );
  }
}

export default DateInput;

I have tried both imports (regular and cssModule) and have tried requiring both. When they render it looks like We are using CSS modules and reduxForm, and when I inspect the page the classes seem to be present but have no styling in them. And the numbers are selectable and the calendar works as expected outside of the styling issue. Any and all help would be appreciated

[Francismb]

Solved by placing this in my index.jsx file.

require("react-datepicker/dist/react-datepicker-cssmodules.css");

[sislam6]

I think its not a good idea to load the css or scss file from the index. If we are using webpack. sass loader should do this. For me I just imported from scss file and it worked fine @import "~react-datepicker/dist/react-datepicker.css"; . This should do the trick.