javascript - 如何用material-ui设置时钟(timePicker)的颜色？

Question

我尝试为 material-ui 更改 timeInput (material-ui-time-picker) 的时钟颜色，但它没有改变。

我的代码是:

<TimeInput
        style ={heure}
        mode='24h'
        value={heureDebut}
        onChange={this.handleheureDChange}
        autoOk={true} 
        cancelLabel=""
        okLabel=""
        placeholder=""
        disableUnderline={true}  
        endAdornment={
            <InputAdornment position="end" style={{opacity:'0.4', marginLeft:'92px'}}>
            <IconButton><i style={{fontSize:'18px'}} className="zmdi zmdi-alarm" /></IconButton>
            </InputAdornment>
        }
                      

/>

当我运行它时，我得到:

但我想将蓝色更改为#0E6EB8

我怎样才能改变它？

Answer 1

所以这是一个老问题，但我试图做同样的事情并来到这里希望找到解决方案。

这是我学到的:

我发现更改时钟和日历样式的唯一方法是覆盖默认主题。

Here是我进行实验的 codeSandbox。

此外，我发布了一个 question对此，有一些有用的评论。

使用 Material UI 执行此操作真的很痛苦，特别是因为您需要找出如何使用检查器自行覆盖主题。希望我在 codeSandbox 示例中得出的结论足以帮助下一个人。

免责声明:对于我的示例中所有不必要的代码，我们深表歉意。我正在尝试不同的方法。