Как отключить подчеркивание для средства выбора даты пользовательского интерфейса в React?

Question

Как я могу отключить отображение подчеркивания для материалов-пользовательского интерфейса?

песочница https://codesandbox.io/s/l2ykr7kwvz?from-embed

Я хочу удалить подчеркивание на TextField.

Я пытался

disableUnderline={true}

underlineStyle={{display: 'non'}}

showingUnderline={false}

Но ничего не работает, Как скрыть подчеркивание?

<DatePicker
    underlineStyle={{display: 'none'}}
    value={selectedDate}
    onChange={this.handleDateChange}
    animateYearScrolling={false}
/>

Answer 1

material-ui Date-Picker - это текстовое поле из основания, и вы можете удалить подчеркивание, просто используя input-props

(DatePicker, TimePicker и DateTimePicker все будут работать таким образом)

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

найдите пример из здесь

надеюсь, это поможет вам