navigationDirection property

DateRangePickerNavigationDirection navigationDirection

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;