Category / Section
How to programmatically navigate to the date in the Flutter Date Range Picker (SfDateRangePicker)
1 min read
In the Flutter date range picker, you can programmatically navigate to the date using displayDate property of the DateRangePickerController.
STEP 1: Inside the state, initialize the controller for date range picker.
final DateRangePickerController _controller = DateRangePickerController();
STEP 2: Using the displayDate property of date picker inside the RaisedButton pressed callback.
Container( margin: const EdgeInsets.fromLTRB(50, 130, 50, 0), child: MaterialButton(child: Text('Change display date'),onPressed: (){ _controller.displayDate= DateTime(2020, 5, 1, 9, 0, 0); },), ),
STEP 3: Assign controller value to the controller property of the picker.
child: SfDateRangePicker( view: DateRangePickerView.month, controller: _controller, ),