viewHeaderStyle property

DateRangePickerViewHeaderStyle viewHeaderStyle
final

Sets the style to customize SfDateRangePicker month view view header.

Allows to customize the textStyle and backgroundColor of the view header view in month view of SfDateRangePicker.

See also:


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,
                 textStyle: TextStyle(
                     fontWeight: FontWeight.w500,
                     fontStyle: FontStyle.italic,
                    fontSize: 20,
                     color: Colors.white))),
       ),
     ),
   );
 }

Implementation

final DateRangePickerViewHeaderStyle viewHeaderStyle;