title: How to disable underline to Material UI's datepicker in React?
body: <p>How can I disable showing underline to material-ui-pickers? </p>
  
  <p><strong>sandbox</strong>
  <a href="https://codesandbox.io/s/l2ykr7kwvz?from-embed" rel="noreferrer">https://codesandbox.io/s/l2ykr7kwvz?from-embed</a></p>
  
  <p>I want to removing underline to its <code>TextField</code>. </p>
  
  <p>I tried </p>
  
  <p><code>disableUnderline={true}</code></p>
  
  <p><code>underlineStyle={{display: 'non'}}</code></p>
  
  <p><code>showingUnderline={false}</code></p>
  
  <p>But nothing works, How can I hide underline?</p>
  
  <pre><code>&lt;DatePicker
      underlineStyle={{display: 'none'}}
      value={selectedDate}
      onChange={this.handleDateChange}
      animateYearScrolling={false}
  /&gt;
  </code></pre>