navigationDirection property

DateRangePickerNavigationDirection navigationDirection

The direction that SfDateRangePicker is navigating in.

If it this property set as DateRangePickerNavigationDirection.vertical the SfDateRangePicker 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 date range picker.
• maxDate, which is the last available date in the date range picker.
• enableMultiView, which allows to display multiple picker side by side based on the navigation direction.
• Knowledge base: How to show two pickers vertically
• Knowledge base: How to change the navigation direction
• Knowledge base: How to restrict swipe gesture for range selection

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         view: DateRangePickerView.month,
         selectionMode: DateRangePickerSelectionMode.multiple,
         showNavigationArrow: true,
         navigationDirection: DateRangePickerNavigationDirection.vertical,
       ),
     ),
   );
 }

Implementation

final DateRangePickerNavigationDirection navigationDirection;