selectedRange property
selected date range in the SfHijriDateRangePicker.
It is only applicable when the selectionMode
set as
DateRangePickerSelectionMode.range for other selection modes this
property will return as null.
Implementation
HijriDateRange? get selectedRange => _selectedRange;
Selects the given date range programmatically in the SfHijriDateRangePicker by checking that the range of dates falls in between the minimum and maximum date range.
Note: If any date range selected previously, will be removed and the selection will be drawn to the range of dates set to this property.
If it is not null
the widget will render the date selection for the
range set to this property, even the
SfHijriDateRangePicker.initialSelectedRange is not null.
It is only applicable when the selectionMode
set as
HijriDateRangePickerSelectionMode.range
.
See also:
- SfHijriDateRangePicker.initialSelectedRange, which allows to select a range of dates programmatically initially on date range picker.
- selectedDate,which allows to select date programmatically dynamically on date range picker.
- selectedDates, which allows to select dates programmatically dynamically on date range picker.
- selectedRanges, which allows to select ranges of dates programmatically dynamically on date range picker.
- SfHijriDateRangePicker.selectionMode, which allows to customize the selection mode with available mode options.
- SfHijriDateRangePicker.onSelectionChanged, the callback which notifies when the selected cell changed on the the date range picker.
- SfHijriDateRangePicker.showActionButtons, which allows to cancel of confirm the selection in the date range picker.
- SfHijriDateRangePicker.onSubmit, the callback which notifies when the selected value confirmed through confirm button on date range picker.
- SfHijriDateRangePicker.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 select a week
- Knowledge base: How to select previous or next dates bases on selected date
- Knowledge base: How to get the start and end date of the selected range
- Knowledge base: How to programmatically select the date
class MyAppState extends State<MyApp> {
HijriDatePickerController _pickerController = HijriDatePickerController();
@override
void initState() {
_pickerController.selectedRange = HijriDateRange(
HijriDateTime.now().add(Duration(days: 4)),
HijriDateTime.now().add(Duration(days: 5)));
super.initState();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: SfHijriDateRangePicker(
controller: _pickerController,
view: HijriDatePickerView.month,
selectionMode: DateRangePickerSelectionMode.range,
),
),
);
}
}
Implementation
set selectedRange(HijriDateRange? range) {
if (DateRangePickerHelper.isRangeEquals(_selectedRange, range)) {
return;
}
_selectedRange = range;
notifyPropertyChangedListeners('selectedRange');
}