更改Material-UI日期选取器的标题颜色

问题描述：

我在我的React单页应用程序中添加了Material-UI日期选取器，但是我不知道如何更改标题颜色。我试图把它从muiTheme调色板属性更改，但标题是保持不变的唯一的颜色：更改Material-UI日期选取器的标题颜色

var muiTheme = getMuiTheme({ 
    palette: { 
    primary1Color: '#135DAE', 
    primary2Color: '#135DAE', 
    primary3Color: '#135DAE', 
    accent1Color: '#EF243A', 
    accent2Color: '#135DAE', 
    accent3Color: '#135DAE', 
    }, 
    appBar: { 
    height: 50, 
    }, 
})

下面是日期选取器的HTML代码：

<DatePicker 
     hintText="Selected day" 
     value={this.state.controlledDate.toDate()} 
     onChange={this.handleChange} 
     autoOk 
/>

答

我认为你必须指定日期选择器和标题颜色作为muiTheme的一部分。以下是getMuiSource.js on Github。

datePicker: { 
     color: palette.primary1Color, 
     textColor: palette.alternateTextColor, 
     calendarTextColor: palette.textColor, 
     selectColor: palette.primary2Color, 
     selectTextColor: palette.alternateTextColor, 
     calendarYearBackgroundColor: palette.canvasColor, 
     headerColor: palette.pickerHeaderColor || palette.primary1Color, 
    },

此外，请参阅此answer on SO。

更改Material-UI日期选取器的标题颜色

相关推荐