[syncfusion_flutter_datepicker] dateRangePicker For Month Year select

[quocviet1996]

Hi Guys, i have a question, are we planning to create a daterange month picker function? Like this image. Tks

[Yuvaraj-Gajaraj]

You can achieve your requirement with the help of allowViewNavigation, view, and selectionMode properties. Here you need to set the view to DateRangePickerView.year and disable allowViewNavigation then set the selectionMode property to range, now you can select the month range between years. We have shared the code snippet below for your reference. If you have any further queries please get back to us.

Code snippet:

SfDateRangePicker(
  enableMultiView: true,
  view: DateRangePickerView.year,
  allowViewNavigation: false,
  selectionMode: DateRangePickerSelectionMode.range,
)

Screenshot:

[quocviet1996]

wow, great, I'll try it tomorrow, tks you 💯

[quocviet1996]

Okay, tks Yuvaraj-Gajaraj, this is a great solution, except i can't click on the year button to be able to switch year quickly like normal, right?

Hi @quocviet1996,

Yes, we have achieved the month view selection with the help of setting false to the allowViewNavigation in SfDateRangePicker only. So that it won’t be navigated further view. If you have any further queries, please get back to us.

Regards,
Lokesh P.