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

1 min read

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

Did you find this information helpful?

Yes

Comments (0)

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

Screenshot

Access denied