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

Comments (0)

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

Access denied