Category / Section
How to change the navigation direction in the Flutter Date Range Picker (SfDateRangePicker)
1 min read
In the Flutter date range picker, you can change the navigation direction by using the navigationDirection property of the date range picker.
import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_datepicker/datepicker.dart';
void main() => runApp(NavigationDirection());
class NavigationDirection extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: SafeArea(
child: Card(
margin: const EdgeInsets.fromLTRB(50, 100, 50, 100),
child: SfDateRangePicker(
navigationDirection: DateRangePickerNavigationDirection.vertical,
),
),
),
),
);
}
}