我的react项目中有Material-ui日期选择器,我需要知道如何设置日期按钮的样式,具体来说就是更改可用日期的文本颜色。从screenshot可以看到,默认情况下它是黑色的。
我没有运气就尝试了以下方法:
const muiTheme = getMuiTheme({
datePicker: {
selectColor: '#fd5f00',
headerColor: '#f0f0f0',
color: '#fd5f00',
textColor: '#303030',
calendarTextColor: '#fd5f00'
},
flatButton: {
color: '#fd5f00',
primaryColor: '#fd5f00',
secondaryColor: '#fd5f00',
disabledColor: '#fd5f00',
},
});
我真的希望这是可行的。
先感谢您。
最佳答案
您可以通过指定palette.textColor设置基本文本颜色。
const muiTheme = getMuiTheme({
palette: {
textColor: '#fd5f00',
}
});
查看DayButton.js的来源,看起来他们会自动为您的任何禁用日期应用不透明度,因此有效地使用palette.textColor设置了可用日期的颜色。