How to disable underline to Material UI's datepicker in React? : <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>
