DateRangePickerViewHeaderStyle class

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:

• DateRangePickerHeaderStyle, which used to customize the header view of the date range picker.
• SfDateRangePicker.todayHighlightColor, which highlights the today date in the date range picker.
• DateRangePickerMonthViewSettings.viewHeaderHeight, which is the size for the view header view in 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,
                 textStyle: TextStyle(
                     fontWeight: FontWeight.w500,
                     fontStyle: FontStyle.italic,
                    fontSize: 20,
                     color: Colors.white))),
       ),
     ),
   );
 }

Mixed in types

• Diagnosticable

Annotations

• @immutable

Constructors

DateRangePickerViewHeaderStyle({Color? backgroundColor, TextStyle? textStyle})

creates a view header style for month view in SfDateRangePicker.

const

Properties

backgroundColor → Color?

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

final

hashCode → int

The hash code for this object.

no setter, override

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

textStyle → TextStyle?

The text style for the text in the SfDateRangePicker view header view of month view.

final

Methods

debugFillProperties(DiagnosticPropertiesBuilder properties) → void

Add additional properties associated with the node.

override

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode

Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.

inherited

toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String

A string representation of this object.

inherited

toStringShort() → String

A brief description of this object, usually just the runtimeType and the hashCode.

inherited

Operators

operator ==(dynamic other) → bool

The equality operator.

override