Material-UI Date Pickerのヘッダーカラーを変更します

Question

React Single PageアプリケーションでMaterial-UI Date Pickerを追加しましたが、ヘッダの色を変更する方法がわかりません。 私はmuiThemeのパレットのプロパティからそれを変更しようとしましたが、ヘッダーは同じまま色のみである：ここでは

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 
/> 

Answer 1

私はあなたが指定する必要が考えます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を参照してください。