2017-11-25 337 views
0

我在我的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 
/> 

回答

0

我認爲你必須指定日期選擇器和標題顏色作爲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