Callbacks.md

layout	post
title	Callbacks in Flutter Date Range Picker widget | Syncfusion
description	Learn here all about Callbacks of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
platform	Flutter
control	SfDateRangePicker
documentation	ug

Callbacks in Flutter Date Range Picker (SfDateRangePicker)

Calendar supports the ViewChangedCallback and SelectionChangedCallback to interact with the Flutter date range picker.

View changed callback

The onViewChanged callback triggers when the current view swiped to previous or next view, picker view switched to another picker view.

• visibleDateRange - returns the start and end dates of the current visible month.

{% tabs %} {% highlight dart hl_lines="6 7 8" %}

@override Widget build(BuildContext context) { return Scaffold( body: SfDateRangePicker( view: DateRangePickerView.month, onViewChanged: (DateRangePickerViewChangedArgs args) { var visibleDates = args.visibleDateRange; }, ), ); }

{% endhighlight %} {% endtabs %}

NOTE

• Use HijriDatePickerViewChangedArgs for the SfHijriDateRangePicker.

Selection changed callback

The onSelectionChanged callback triggers when selecting the dates from the date picker.

• args.value - returns the dates based on the selection mode.

{% tabs %} {% highlight dart hl_lines="7 8 9 10 11 12 13 14 15 16 17 18" %}

@override Widget build(BuildContext context) { return Scaffold( body: SfDateRangePicker( view: DateRangePickerView.month, selectionMode: DateRangePickerSelectionMode.range, onSelectionChanged: (DateRangePickerSelectionChangedArgs args) { if (args.value is PickerDateRange) { final DateTime rangeStartDate = args.value.startDate; final DateTime rangeEndDate = args.value.endDate; } else if (args.value is DateTime) { final DateTime selectedDate = args.value; } else if (args.value is List) { final List selectedDates = args.value; } else { final List selectedRanges = args.value; } }, ), ); }

{% endhighlight %} {% endtabs %}