trailingDatesDecoration property
final
The decoration for the trailing date cells of SfDateRangePicker month view.
Defaults to null.
Using a SfDateRangePickerTheme gives more fine-grained control over the appearance of various components of the date range picker.
Note: This is applies only when the
DateRangePickerMonthViewSettings.showTrailingAndLeadingDates property
set as true
.
This property not applicable when the SfDateRangePicker.pickerMode
set
as DateRangePickerMode.hijri
.
See also:DateRangePickerMonthViewSettings.showTrailingAndLeadingDates.
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: SfDateRangePicker(
controller: _pickerController,
view: DateRangePickerView.month,
enablePastDates: false,
selectionMode: DateRangePickerSelectionMode.multiRange,
monthCellStyle: DateRangePickerMonthCellStyle(
trailingDatesDecoration: BoxDecoration(
color: Colors.black26,
border: Border.all(color: const Color(0xFF2B732F),
width: 1),
shape: BoxShape.circle),
),
),
),
);
}
Implementation
final Decoration trailingDatesDecoration;