backgroundColor property

Color? backgroundColor

The color which fills the background of SfDateRangePicker view header in month view.

Defaults to null.

Using a SfDateRangePickerTheme gives more fine-grained control over the appearance of various components of the date range picker.

See also:

• textStyle, which used to style the text in the view header view of the month view in date range picker.
• DateRangePickerMonthViewSettings.viewHeaderHeight, which is the size for the view header view in date range picker.
• SfDateRangePicker.todayHighlightColor, which highlights the today date in the date range picker.
• Knowledge base: How to replace the view header with the custom widget

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         controller: _pickerController,
         view: DateRangePickerView.month,
         selectionMode: DateRangePickerSelectionMode.single,
         monthViewSettings: DateRangePickerMonthViewSettings(
             viewHeaderStyle:
                DateRangePickerViewHeaderStyle(
                      backgroundColor: Colors.red)),
       ),
     ),
   );
 }

Implementation

final Color? backgroundColor;