Material-UI Date Picker의 헤더 색상 변경

Question

React Single Page Application에 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의 일부인 datepicker 및 헤더 색상 다음은 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을 참조하십시오.