Articles in this section
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,
),

View sample in GitHub

datepickergif

 

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