Как стилизовать кнопку дня в палитре реагирования материала-интерфейса

Question

В моем проекте реагирования есть средство выбора даты для материала и мне нужно знать стиль кнопок, в частности, изменение цвета текста доступных дней. Как видно из скриншота , по умолчанию он черный.

Я попробовал следующее без удачи:

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 эффективно устанавливает цвет доступных дней.