如何在react材料-ui日期选择器中设置日期按钮的样式

Question

我的反应项目中有材料-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',
  },
});

我真的希望它是可行的。 提前谢谢。

Answer 1

您可以通过指定palette.textColor来设置基本文本颜色。

const muiTheme = getMuiTheme({
  palette: {
    textColor: '#fd5f00',
  }
});

查看DayButton.js的来源，看起来他们会自动为您的任何禁用日期应用不透明度，因此有效的palette.textColor正在设置可用天数的颜色。