Articles in this section
Category / Section

How to restrict swipe gesture for range selection in the Flutter Date Range Picker (SfDateRangePicker)?

1 min read

In the Flutter date range picker, you can restrict the swipe selection by using the property of the enableSwipeSelection value as false in date range picker.

STEP 1: Inside the state, set the default values for date picker.

bool _swipeSelection = true;
String _buttonText ='Disable swipe selection';

STEP 2: You can enable or disable the swipe selection dynamically.

child: MaterialButton(
  child: Text(_buttonText),
  onPressed: () {
    setState(() {
      if(_buttonText=='Disable swipe selection')
        {
          _buttonText='Enable swipe selection';
          _swipeSelection = false;
        }
 
      else
        {
          _buttonText='Disable swipe selection';
          _swipeSelection = true;
        }
    });
  },
),

STEP 3: Assign those _swipeSelection value to the enableSwipeSelection property of the picker.

child: SfDateRangePicker(
  view: DateRangePickerView.month,
  selectionMode: DateRangePickerSelectionMode.range,
  monthViewSettings: DateRangePickerMonthViewSettings(
      enableSwipeSelection: _swipeSelection),
),

View sample in GitHub

swipeselectiongif

 

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