title: React Datepicker CSS messed Up
body: <p>I am using this module by HackerOne: <a href="https://reactdatepicker.com" rel="nofollow noreferrer">https://reactdatepicker.com</a></p>
  
  <p>After installing and importing the module to my Project i decided to pick the Select time component from the site.</p>
  
  <p>My Code</p>
  
  <pre><code>import React, { Component } from "react";
  import { Form, Button } from "react-bootstrap"
  import DatePicker from "react-datepicker"
  
  export default class AddEventModal extends Component {
  
      constructor(props) {
          super(props)
  
          this.state = {
              date: new Date()
          }
      }
  
      render() {
          return (
              &lt;Form&gt;
                  &lt;Form.Group controlId="formBasicEmail"&gt;
                      &lt;Form.Label&gt;Title &lt;span style={{ color: "red" }}&gt;*&lt;/span&gt;&lt;/Form.Label&gt;
                      &lt;Form.Control type="text" placeholder="Enter a Title" className="col-6" /&gt;
                      &lt;Form.Text className="text-muted"&gt;
                          Enter a Title for your Event.
                          &lt;/Form.Text&gt;
                  &lt;/Form.Group&gt;
  
                  &lt;Form.Group controlId="formBasicPassword"&gt;
                      &lt;Form.Label&gt;Description&lt;/Form.Label&gt;
                      &lt;Form.Control type="text" placeholder="Enter a Description" className="col-6" /&gt;
                  &lt;/Form.Group&gt;
  
                  &lt;DatePicker
                      selected={this.state.date}
                      onChange={newDate =&gt; this.setState({ date: newDate })}
                      showTimeSelect
                      timeFormat="HH:mm"
                      timeIntervals={15}
                      timeCaption="time"
                      dateFormat="MMMM d, yyyy h:mm aa"
                  /&gt;
  
                  &lt;Form.Group controlId="formBasicCheckbox"&gt;
                      &lt;Form.Check type="checkbox" label="Check me out" /&gt;
                  &lt;/Form.Group&gt;
                  &lt;Button variant="success" type="submit"&gt;
                      Submit
                      &lt;/Button&gt;
              &lt;/Form&gt;
  
          );
      }
  }
  </code></pre>
  
  <p>My Output
  <a href="https://i.stack.imgur.com/2L1Rv.png" rel="nofollow noreferrer">https://i.stack.imgur.com/2L1Rv.png</a></p>
  
  <p>It shouldn't be like this... The site has the working demo. What am I doing wrong?</p>
  
  <p><strong>EDIT</strong>: Answer is in the comments. I was missing a css import</p>