trailingDatesDecoration property

Decoration trailingDatesDecoration
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;