1

muiのDatePicker APIを使用しています。
年度選択時のバックグラウンドカラーを変更したいのですが、方法が見つかりません。
画像の説明をここに入力

日付選択はPickersDayコンポーネントのsxにstyleを指定して、それをDatePickerのrenderDayに渡せば変更できました。
画像の説明をここに入力

方法をご存知の方、よろしくお願いいたします。

1 件の回答 1

0

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

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。