navigationDirection property
The direction that SfHijriDateRangePicker is navigating in.
If it this property set as DateRangePickerNavigationDirection.vertical the SfHijriDateRangePicker will navigate to the previous/next views in the vertical direction instead of the horizontal direction.
Defaults to DateRangePickerNavigationDirection.horizontal
.
See also:
- navigationMode, which allows to customize the navigation mode with available options.
- minDate, which is the least available date in the hijri date range picker.
- maxDate, which is the last available date in the hijri date range picker.
- enableMultiView, which allows to display multiple date side by side based on the navigation direction.
- Knowledge base: How to show two pickers vertically
- Knowledge base: How to change the navigation direction
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: SfHijriDateRangePicker(
view: HijriDatePickerView.month,
selectionMode: DateRangePickerSelectionMode.multiple,
showNavigationArrow: true,
navigationDirection: DateRangePickerNavigationDirection.vertical,
),
),
);
}
Implementation
final DateRangePickerNavigationDirection navigationDirection;