HijriDatePickerMonthViewSettings class

Options to customize the month view of the SfHijriDateRangePicker.

Allows to customize the firstDayOfWeek, dayFormat, viewHeaderHeight. viewHeaderStyle, enableSwipeSelection, blackoutDates, specialDates and weekendDays in month view of date range picker.

See also:

• DateRangePickerMonthViewSettings, which used to customize the month view of the date range picker.
• DateRangePickerMonthCellStyle, which used to customize the month cell of the month view in the date range picker.
• HijriDatePickerMonthCellStyle, which used to customize the month cell of the month view in the hijri 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.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 use hijri 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 update blackout dates using onViewChanged callback
• Knowledge base: How to select all days when clicking on the day header
• Knowledge base: How to change the first day of week
• Knowledge base: How to customize the date range picker cells using builder
• Knowledge base: How to change the week end dates
• Knowledge base: How to change the number of weeks
• Knowledge base: How to add active dates
• Knowledge base: How to apply theming
• Knowledge base: How to create timeline date picker
• Knowledge base: How to restrict swipe gesture for range selection

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfHijriDateRangePicker(
         view: HijriDatePickerView.month,
         monthViewSettings: HijriDatePickerMonthViewSettings(
             firstDayOfWeek: 1,
             dayFormat: 'E',
             viewHeaderHeight: 70,
             viewHeaderStyle: DateRangePickerViewHeaderStyle(
                 backgroundColor: Colors.blue,
                 textStyle:
                     TextStyle(fontWeight: FontWeight.w400, fontSize: 15,
                          color: Colors.black)),
             enableSwipeSelection: false,
             blackoutDates: <HijriDateTime>[
               HijriDateTime.now().add(Duration(days: 4))
             ],
             specialDates: <HijriDateTime>[
               HijriDateTime.now().add(Duration(days: 7)),
               HijriDateTime.now().add(Duration(days: 8))
             ],
             weekendDays: <int>[
               DateTime.monday,
               DateTime.friday
             ]),
       ),
     ),
   );
 }

Mixed-in types

• Diagnosticable

Annotations

• @immutable

Constructors

HijriDatePickerMonthViewSettings({int firstDayOfWeek = 7, String dayFormat = 'EE', double viewHeaderHeight = 30, DateRangePickerViewHeaderStyle viewHeaderStyle = const DateRangePickerViewHeaderStyle(), bool enableSwipeSelection = true, List<HijriDateTime>? blackoutDates, List<HijriDateTime>? specialDates, bool showWeekNumber = false, DateRangePickerWeekNumberStyle weekNumberStyle = const DateRangePickerWeekNumberStyle(), List<int> weekendDays = const <int>[6, 7]})

Creates a date range picker month view settings for date range picker.

const

Properties

blackoutDates → List<HijriDateTime>?

Disables the interactions for certain dates in the month view of SfHijriDateRangePicker.

final

dayFormat → String

Formats a text in the SfHijriDateRangePicker month view view header.

final

enableSwipeSelection → bool

Enables the swipe selection for SfHijriDateRangePicker, which allows to select the range of dates by swiping on the dates.

final

firstDayOfWeek → int

The first day of the week in the 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

showWeekNumber → bool

Used to displays the week number of the year in the month view of the SfHijriDateRangePicker.

final

specialDates → List<HijriDateTime>?

In the month view of SfHijriDateRangePicker highlights the unique dates with different style rather than the other dates style.

final

viewHeaderHeight → double

The height of the view header to the layout within this in month view of SfHijriDateRangePicker.

final

viewHeaderStyle → DateRangePickerViewHeaderStyle

Sets the style to customize SfHijriDateRangePicker month view view header.

final

weekendDays → List<int>

The weekends for month view in SfHijriDateRangePicker.

final

weekNumberStyle → DateRangePickerWeekNumberStyle

Defines the text style for the text in the week number panel of the SfHijriDateRangePicker.

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 ==(Object other) → bool

The equality operator.

override