backgroundColor property

Color? backgroundColor

The color which fills the SfDateRangePicker header view background.

Defaults to null.

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

See also:

• SfDateRangePicker.monthFormat, which allows to customize the month text in the header view also in the year cell view of date range picker.
• textAlign, which aligns the text in the header view of the date range picker.
• textStyle, which fills the background of the header view in the date range picker.
• Knowledge base: How to style a header
• Knowledge base: How to customize the header view

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
           controller: _pickerController,
           view: DateRangePickerView.month,
           selectionMode: DateRangePickerSelectionMode.single,
           headerStyle: DateRangePickerHeaderStyle(
             backgroundColor: Colors.grey,
           )),
     ),
   );
 }

Implementation

final Color? backgroundColor;