title: react-datepicker css not being applied
body: <p>I'm using a Symfony-based react application and am trying to include a datepicker using the react-datepicker module.</p>
  <p>I can create the datepicker object, but it does not appear to be styled correctly - when I click to select the date, there is just a vertical list of numbers that go to the top of the page (I've seen lots of people experience this online, often because they have not imported the datepicker css).</p>
  <p>I am importing the react-datepicker.css file and if I inspect my datepicker object in the browser it says: class=&quot;react-datepicker-wrapper&quot;, so I presume that the import is working.</p>
  <p>I am wondering whether I also need to do something else to another file within my application, perhaps to the webpack file, or maybe something else Symfony-related, but I'm a real novice with those things and am a bit stuck.</p>
  <p>Your help would be much appreciated! Code below!</p>
  <pre><code>import DatePicker from &quot;react-datepicker&quot;;
  import &quot;../../../node_modules/react-datepicker/dist/react-datepicker.css&quot;;
  
  
  class MyWidget extends Component {
    constructor(props) {
      super(props);
      this.state = {
        startDate: new Date()
      }
  
    }
  
    handleCalendarClose() {
      console.log(&quot;Calendar closed&quot;)
    }
  
    handleCalendarOpen() {
      console.log(&quot;Calendar opened&quot;)
    }
  
    setStartDate(startDate) {
      this.setState({
        startDate: startDate
      });
  
    };
  
  
    render() {
      const { startDate } = this.state;
  
        return (
            &lt;div&gt;
              From: &lt;DatePicker
                selected={startDate}
                onChange={startDate =&gt; this.setStartDate(startDate)}
                onCalendarClose={this.handleCalendarClose}
                onCalendarOpen={this.handleCalendarOpen}
              /&gt;
            &lt;/div&gt;
        );
      }
    }
  }
  
  </code></pre>