title: Adding custom CSS styling to Material UI KeyboardDatePicker
body: <blockquote>
  <p>I'm using the Material UI KeyboardDatePicker.
  <a href="https://i.stack.imgur.com/It50L.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/It50L.png" alt="This is how the datepicker currently looks like" /></a></p>
  </blockquote>
  <blockquote>
  <p>I want to get rid of that black line which is there in the datepicker as you can see in the screenshot. How do I do that?</p>
  </blockquote>
  <blockquote>
  <p>This is the code of my datepicker.</p>
  </blockquote>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;KeyboardDatePicker
      error={this.state.quickRegFormErrors["dob"]||this.state.quickRegFormErrors["form_dob"] }
      helperText={(this.state.quickRegFormErrors["dob"] &amp;&amp; "Date Of Birth is Required") || (this.state.quickRegFormErrors["form_dob"]) }
      required 
      id="dob" 
      name="dob" 
      style={{width:"80%", marginTop:"15px"}} 
      clearable
      value={this.state.dob}
      placeholder="dd/mm/yyyy"
      onChange={this.dateOnChange}
      format="dd/MM/yyyy"
      disableFuture= {true}
      autoOk={true}
      className="quick-reg-datepicker"
  /&gt;</code></pre>
  </div>
  </div>
  </p>