showTrailingAndLeadingDates property

bool showTrailingAndLeadingDates

Makes the SfDateRangePicker month view leading and trailing dates visible.

Defaults to false.

Note: This property not applicable when the SfDateRangePicker.pickerMode set as DateRangePickerMode.hijri.

See also:

• numberOfWeeksInView, which used to customize the displaying week count displayed in the month view of date range picker.
• firstDayOfWeek, which used to customize the first week day of the month view in date range picker.
• DateRangePickerMonthCellStyle.trailingDatesTextStyle, which used to customize the trailing dates cell text in the month view.
• DateRangePickerMonthCellStyle.leadingDatesTextStyle, which used to customize the leading dates cell text in the month view.
• DateRangePickerMonthCellStyle.trailingDatesDecoration, which used to customize the trailing dates with decoration in the month view.
• DateRangePickerMonthCellStyle.leadingDatesDecoration, which used to customize the leading dates with decoration in the month view.
• Knowledge base: How to customize leading and trailing dates using cell builder
• Knowledge base: How to apply theming

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         controller: _pickerController,
         view: DateRangePickerView.month,
        selectionMode: DateRangePickerSelectionMode.range,
         monthViewSettings: DateRangePickerMonthViewSettings(
             showTrailingAndLeadingDates: true),
       ),
     ),
  );
 }

Implementation

final bool showTrailingAndLeadingDates;