Change calendar button color for showDatePicker

user_1745981 0
Viewed 8420

I'm using showDatePicker to display a calendar. How do I change the button color and also the today's date background color

enter image description here

I've tried different colors setting in Theme Data. but the OK, Cancel & today's date still in blue

Theme(data: ThemeData(
      splashColor: Color(0xFFFE9BC0),
    )
    child: myWidget(),
);
flutter
2 Answers

What i did to change the color of the datePicker was:

Theme(
  data: ThemeData(primarySwatch: Colors.red),
  child: myWidget(),
);

Setting an appropriate primarySwatch instead of splashColor will change all the appearance of the picker, this is because a swatch is like a palette of color.
Another thing you could do is set a primarySwatch with a MaterialColor similar to the one you want as main color and then customize the splash color or primary color like this:

Theme(
  data: ThemeData(primarySwatch: Colors.red, splashColor: Colors.green),
  child: myWidget(),
);

Hope it helps!

user_75077880

If you still face null safety problem in changing color in 2021 ..then here is the simeple solution

    Future<void> _selectDate(BuildContext context) async {
DateTime? picked = await showDatePicker(
      context: context,
    builder: (BuildContext context, Widget ?child) {
      return Theme(
        data: ThemeData(
          primarySwatch: Colors.grey,
          splashColor: Colors.black,
          textTheme: TextTheme(
            subtitle1: TextStyle(color: Colors.black),
            button: TextStyle(color: Colors.black),
          ),
          accentColor: Colors.black,
          colorScheme: ColorScheme.light(
              primary: Color(0xffffbc00),
              primaryVariant: Colors.black,
              secondaryVariant: Colors.black,
              onSecondary: Colors.black,
              onPrimary: Colors.white,
              surface: Colors.black,
              onSurface: Colors.black,
              secondary: Colors.black),
              dialogBackgroundColor: Colors.white,
        ),
        child: child ??Text(""),
      );
    }
    initialDate: selectedDate,
    firstDate: DateTime(1960, 8),
    lastDate: DateTime.now());
if (picked != null && picked != selectedDate)
  setState(() {
    selectedDate = picked;
     

    String da = picked.day.toString() +
        "-" +
        picked.month.toString() +
        "-" +
        picked.year.toString();
    dateOfBirth.text = da;
  });}
user_122271200
Related