HijriDatePickerMonthCellStyle class

Options to customize the month cells of the SfHijriDateRangePicker.

Allows to customize the textStyle, todayTextStyle, disabledDatesTextStyle, blackoutDateTextStyle, weekendTextStyle, specialDatesTextStyle, specialDatesDecoration, blackoutDatesDecoration, cellDecoration, todayCellDecoration, disabledDatesDecoration,and weekendDatesDecoration in the month cells of the date range picker.

See also:

• HijriDatePickerMonthViewSettings, which allows to customize the month view of the date range picker
• SfHijriDateRangePicker.cellBuilder, which allows to set custom widget for the picker cells in the date range picker.
• HijriDatePickerYearCellStyle, which allows to customize the year cell of the year, decade and century views of the date range picker.
• SfHijriDateRangePicker.selectionColor, which fills the background of the selected cells in the date range picker.
• SfHijriDateRangePicker.startRangeSelectionColor, which fills the background of the first cell of the range selection in date range picker.
• SfHijriDateRangePicker.endRangeSelectionColor, which fills the background of the last cell of the range selection in date range picker.
• SfHijriDateRangePicker.rangeSelectionColor, which fills the background of the in between cells of date range picker in range selection.
• SfHijriDateRangePicker.selectionTextStyle, which is used to set the text style for the text in the selected cell of date range picker.
• SfHijriDateRangePicker.rangeTextStyle, which is used to set text style for the text in the selected range cell's of date range picker.
• SfHijriDateRangePicker.backgroundColor, which fills the background of the date range picker.
• SfHijriDateRangePicker.todayHighlightColor, which highlights the today date cell in the date range picker.
• Knowledge base: How to customize leading and trailing dates using cell builder
• Knowledge base: How to customize the special dates using builder
• Knowledge base: How to customize the date range picker cells using builder
• Knowledge base: How to apply theming
• Knowledge base: How to style the current month date cell
• Knowledge base: How to customize the month cell

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfHijriDateRangePicker(
         view: HijriDatePickerView.month,
         enablePastDates: false,
         monthCellStyle: HijriDatePickerMonthCellStyle(
           textStyle: TextStyle(
               fontWeight: FontWeight.w400, fontSize: 15,
                    color: Colors.black),
           todayTextStyle: TextStyle(
               fontStyle: FontStyle.italic,
               fontSize: 15,
               fontWeight: FontWeight.w500,
               color: Colors.red),
           disabledDatesDecoration: BoxDecoration(
               color: const Color(0xFFDFDFDF).withOpacity(0.2),
               border: Border.all(color: const Color(0xFFB6B6B6), width: 1),
               shape: BoxShape.circle),
         ),
       ),
     ),
   );
 }

Mixed-in types

• Diagnosticable

Annotations

• @immutable

Constructors

HijriDatePickerMonthCellStyle({TextStyle? textStyle, TextStyle? todayTextStyle, TextStyle? disabledDatesTextStyle, TextStyle? blackoutDateTextStyle, TextStyle? weekendTextStyle, TextStyle? specialDatesTextStyle, Decoration? specialDatesDecoration, Decoration? blackoutDatesDecoration, Decoration? cellDecoration, Decoration? todayCellDecoration, Decoration? disabledDatesDecoration, Decoration? weekendDatesDecoration})

Creates a date range picker month cell style for date range picker.

const

Properties

blackoutDatesDecoration → Decoration?

The decoration for the blackout date cells of SfHijriDateRangePicker month view.

final

blackoutDateTextStyle → TextStyle?

The text style for the text in the blackout dates cell of SfHijriDateRangePicker month view.

final

cellDecoration → Decoration?

The decoration for the month cells of SfHijriDateRangePicker month view.

final

disabledDatesDecoration → Decoration?

The decoration for the disabled date cells of SfHijriDateRangePicker month view.

final

disabledDatesTextStyle → TextStyle?

The text style for the text in the disabled dates cell of SfHijriDateRangePicker 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

specialDatesDecoration → Decoration?

The decoration for the special date cells of SfHijriDateRangePicker month view.

final

specialDatesTextStyle → TextStyle?

The text style for the text in the special dates cell of SfHijriDateRangePicker month view.

final

textStyle → TextStyle?

The text style for the text in the SfHijriDateRangePicker month cells.

final

todayCellDecoration → Decoration?

The decoration for the today text cell of SfHijriDateRangePicker month view.

final

todayTextStyle → TextStyle?

The text style for the text in the today cell of SfHijriDateRangePicker month view.

final

weekendDatesDecoration → Decoration?

The decoration for the weekend date cells of SfHijriDateRangePicker month view.

final

weekendTextStyle → TextStyle?

The text style for the text in the weekend dates cell of SfHijriDateRangePicker 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