selectedDates property

List<DateTime>? get selectedDates

The list of dates selected in the SfDateRangePicker.

It is only applicable when the selectionMode set as DateRangePickerSelectionMode.multiple for other selection modes this property will return as null.

Implementation

List<DateTime>? get selectedDates => _selectedDates;

set selectedDates (List<DateTime>? dates)

Selects the given dates programmatically in the SfDateRangePicker by checking that the dates falls in between the minimum and maximum date range.

Note: If any list of dates selected previously, will be removed and the selection will be drawn to the dates set to this property.

If it is not null the widget will render the date selection for the dates set to this property, even the SfDateRangePicker.initialSelectedDates is not null.

It is only applicable when the selectionMode set as DateRangePickerSelectionMode.multiple.

See also:

• SfDateRangePicker.initialSelectedDates, which allows to list of select date programmatically initially on date range picker.
• selectedDate,which allows to select date programmatically dynamically on date range picker.
• selectedRange, which allows to select range of dates programmatically dynamically on date range picker.
• selectedRanges, which allows to select ranges of dates programmatically dynamically on date range picker.
• SfDateRangePicker.selectionMode, which allows to customize the selection mode with available mode options.
• SfDateRangePicker.onSelectionChanged, the callback which notifies when the selected cell changed on the the date range picker.
• SfDateRangePicker.showActionButtons, which allows to cancel of confirm the selection in the date range picker.
• SfDateRangePicker.onSubmit, the callback which notifies when the selected value confirmed through confirm button on date range picker.
• SfDateRangePicker.onCancel, the callback which notifies when the selected value canceled and reverted to previous confirmed value through cancel button on date range picker.
• Knowledge base: How to get the selected date
• Knowledge base: How to select a week
• Knowledge base: How to select previous or next dates bases on selected date
• Knowledge base: How to programmatically select the date

class MyAppState extends State<MyApp> {
DateRangePickerController _pickerController = DateRangePickerController();

 @override
 void initState() {
   _pickerController.selectedDates = <DateTime>[
     DateTime.now().add((Duration(days: 4))),
     DateTime.now().add((Duration(days: 7))),
     DateTime.now().add((Duration(days: 8)))
   ];
   super.initState();
 }

 @override
 Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         controller: _pickerController,
         view: DateRangePickerView.month,
         selectionMode: DateRangePickerSelectionMode.multiple,
         showNavigationArrow: true,
       ),
     ),
   );
 }
}

Implementation

set selectedDates(List<DateTime>? dates) {
  if (DateRangePickerHelper.isDateCollectionEquals(_selectedDates, dates)) {
    return;
  }

  _selectedDates = DateRangePickerHelper.cloneList(dates)?.cast<DateTime>();
  notifyPropertyChangedListeners('selectedDates');
}