We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to use multiple picker in the Flutter Date Range Picker (SfDateRangePicker)?

Platform: Flutter |
Control: SfDateRangePicker

In the Flutter date range picker, you can add multiple picker using the `enableMultiView` property of the date range picker.

Place the picker inside the body of the Scaffold widget and enable the ‘enableMultiView’ property and set the value as true for showing the Multiview picker.

  body: Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: <Widget>[
    Card(
      margin: const EdgeInsets.fromLTRB(50, 0, 50, 0),
      child: SfDateRangePicker( 
        view: DateRangePickerView.month,
        selectionMode: DateRangePickerSelectionMode.range,
        enableMultiView: true,
      ),
    )
  ],
));

 

Note:

The web Platform is recommended and all modes of selection are applicable

 

View sample in Github.

Screenshot

 

Multi-date picker view

 

 

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile