FormBuilderDateTimePickerで表示されるカレンダーの背景、キャンセルボタン、okボタンの色を変更したい。

Question

前提・実現したいこと

Flutter でカレンダー機能を使うためFormBuilderDateTimePickerを使用しています。

表示されるカレンダーの背景、キャンセル、ok ボタンの色を個別に設定したいのですが方法がわかりません。

canselText: で文字列は変更できるのですがスタイルが変更できないので方法があれば知りたいです。
よろしくお願いします。

該当のソースコード

FormBuilderDateTimePicker(

cancelText: 'キャンセル',　<- テキストは変更できます。
cursorColor:
Theme.of(context).colorScheme.primary,

locale: Locale('ja'),
name: 'date',
fieldHintText: 'add date',
inputType: InputType.date,
format: DateFormat('d 日'),
decoration: InputDecoration(
labelStyle: TextStyle(
color: Theme.of(context)
.colorScheme
.secondary),
labelText: '現在の締日は$simebi 日です。',
border: InputBorder.none,
prefixIcon: Icon(
Icons.calendar_today_sharp,
color:
Theme.of(context).colorScheme.error,
),
),
),

試したこと

FormBuilderDataTimePickerのソースコードを見てみたのですがよくわかりませんでした。

補足情報（FW/ツールのバージョンなど）

flutter 2.2

Answer 1

MaterialApp で Theme を指定する方法があります。
TextButtonThemeData > TextButton > backgroundColor でボタンの背景、
DialogTheme > backgroundColor で日付ピッカーの背景を変更できます。

MaterialApp(
      theme: ThemeData(
        textButtonTheme: TextButtonThemeData(
          style: TextButton.styleFrom(
            backgroundColor: Colors.amber,
          ),
        ),
        dialogTheme: DialogTheme(
          backgroundColor: Colors.amber,
        ),
      ),
      home: MyHomePage(),
    );

Comments

[ymaimo]

ご回答ありがとうございます！
希望の色に変更することができました。