headerStyle property

DateRangePickerHeaderStyle headerStyle

Sets the style for customizing the SfHijriDateRangePicker header view.

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

See also:

• DateRangePickerHeaderStyle, which contains options to customize the header view of the hijri date range picker.
• headerHeight, which is the size of the header view in the hijri date range picker.
• showNavigationArrow, which displays the navigation arrows on the header view of the hijri 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
• Knowledge base: How to use hijri date picker

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

Implementation

final DateRangePickerHeaderStyle headerStyle;