React + Material UI

Question

У меня есть проблема, и я не знаю, как ее решить!

Я использую реагирование с material-ui, цвет фона сайта темный, и когда я добавляю тип даты TextField значок отображается черным цветом, что затрудняет его просмотр!

Кто-нибудь знает, как я могу изменить цвет значка на белый?

РЕДАКТИРОВАТЬ: Вот мой фрагмент кода

<TextField 
       id="date2" 
       label="Data fim" 
       type="date" 
       className={classes.margRight2}
       value={this.state.EndDate} 
       onChange={this.handleChange('EndDate')} 
       InputLabelProps={{ shrink: true, }} 
/>

Answer 1

Поскольку я проверяю Material-UI использует иконки SVG, вы можете изменить его цвет, используя свойство "color" CSS для тега svg.

Проверьте этот Codesandbox для моего решения: https://codesandbox.io/s/material-ui-date-picker-nnzgv?fontsize=14&hidenavigation=1&theme=dark

Обратите внимание на стили в "index. html" и "demo. js" Строка 60. Я назначаю свой указатель даты и времени класс, а затем использую селектор svg для установки белого цвета.

Надеюсь, это поможет.