Articles in this section
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,
            ),
          ),
        ),
      ),
    );
  }
}

View sample in GitHub

direction picker gif

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied