DateRangePickerHeaderStyle class

Sets the style for customizing the SfDateRangePicker header view.

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

See also:

• DateRangePickerMonthViewSettings, which allows to customize the month view of the date range picker.
• DateRangePickerViewHeaderStyle, which allows to customize the view header view of the month view in date range picker.
• SfDateRangePicker.headerHeight, which is the size of the header view in the date range picker.
• SfDateRangePicker.showNavigationArrow, which displays the navigation arrows on the header view of the date range picker.
• SfDateRangePicker.monthFormat, which allows to customize the month text in the header view also in the year cell view of date range picker.
• Knowledge base: How to style a header
• Knowledge base: How to select all days when clicking on the day header
• Knowledge base: How to restrict the year view navigation when tapping on header view
• Knowledge base: How to customize the header in Flutter multi date range picker
• Knowledge base: How to customize the header view

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         view: DateRangePickerView.month,
         headerStyle: DateRangePickerHeaderStyle(
           textAlign: TextAlign.left,
           textStyle: TextStyle(
               color: Colors.blue, fontSize: 18,
                    fontWeight: FontWeight.w400),
           backgroundColor: Colors.grey,
         ),
       ),
     ),
   );
 }