Comment faire afficher correctement React-Datepicker?

Je ne parviens pas à faire afficher correctement le composant react-datepicker.

Il s'affiche en fait comme ceci .

/ p>

Je souhaite qu'il puisse s'afficher au moins comme le fait la documentation du composant a>.

J'ai d'abord pensé que c'était un problème de dépendance, et j'ai ajouté toutes les dépendances que le doc dit nécessaires. Le résultat est toujours le même.

Certaines questions de stackoverflow en parlaient et faisaient référence à une feuille de style manquante. Cependant, j'ai tout importé avec npm, donc cela ne devrait pas être le problème.

Mon composant de classe ressemble à ceci:

import React from "react";
import "./style.css";
import DatePicker from "react-datepicker";

class Filters extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      startDate : new Date()
    };
    this.handleStartChange = this.handleStartChange.bind(this);
  }

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


  render() {
    return (
      <div className="filters">
          <div id="filterbox">
            <p id="titre">Filtres</p>
            <DatePicker 
              selected={this.state.startDate}
              onChange={this.handleStartChange} />
          </div>
      </div>
    )
  }
}



export default Filters;

Je m'excuse à l'avance si le problème est très évident, je suis assez nouveau dans reactjs.