How to disable underline to Material UI's datepicker in React?

Question

How can I disable showing underline to material-ui-pickers?

sandbox https://codesandbox.io/s/l2ykr7kwvz?from-embed

I want to removing underline

Answer 1

material-ui date-picker is a text field from the foundation and you can remove the underline simply using input-props

(DatePicker, TimePicker and DateTimePicker all will work this way)

<DatePicker
  value={selectedDate}
  InputProps={{
   disableUnderline: true,
  }}
  onChange={this.handleDateChange}
/> 

find the example from here

hope this will help you