muiのDatePicker APIを使用しています。
年度選択時のバックグラウンドカラーを変更したいのですが、方法が見つかりません。
日付選択はPickersDayコンポーネントのsxにstyleを指定して、それをDatePickerのrenderDayに渡せば変更できました。
方法をご存知の方、よろしくお願いいたします。
YearPickerのButtonの色は以下のクラスでスタイリングされていることが、Dev toolでみてみるとわかると思います。
単純に、このクラスに対するCSSを上書きしてしまうのはどうでしょうか?
.css-3eghsz-PrivatePickersYear-button.Mui-selected {
color: #fff;
background-color: #1976d2;
}
Codesandboxで試してみた際のLink:
https://codesandbox.io/s/laughing-leftpad-5y9id1?file=/public/style.css
上記のSandboxは以下のリンクのデモコードをフォークして編集しました。
https://mui.com/x/react-date-pickers/getting-started/#react-components