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
- Annotations
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 setteroverride
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
- 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 ==(
dynamic other) → bool -
The equality operator.
override