trailingDatesTextStyle property

TextStyle? trailingDatesTextStyle

The text style for the text in the trailing dates cell 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, which used to display the previous and next month cell dates in the month view.
• trailingDatesDecoration, which used to set decoration for the trailing date cells in the month view of the date range picker.
• textStyle, which used to set text style for the month cells in the month view of the date range picker.
• leadingDatesTextStyle, which used to set the text style for the leading dates cells in the month view of the date range picker.
• todayTextStyle, which used to set the text style for the today date cell in the month view of the date range picker.
• disabledDatesTextStyle, which used to set the text style for the disabled cells in the month view of the date range picker.
• blackoutDateTextStyle, which used to set the text style for the black out dates cells in the month view of date range picker.
• specialDatesTextStyle, which used to set the text style for the special dates cells in the month view of date range picker.
• weekendTextStyle, which used to set text style for the the week end date cells in the date range picker.
• SfDateRangePicker.selectionTextStyle, which is used to set the text style for the text in the selected cell of date range picker.
• SfDateRangePicker.rangeTextStyle, which is used to set text style for the text in the selected range cell's of date range picker.
• Knowledge base: How to customize leading and trailing dates using cell builder
• Knowledge base: How to customize the special dates using builder
• Knowledge base: How to customize the date range picker cells using builder
• Knowledge base: How to apply theming
• Knowledge base: How to style the current month date cell
• Knowledge base: How to customize the month cell

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         controller: _pickerController,
         view: DateRangePickerView.month,
         selectionMode: DateRangePickerSelectionMode.range,
         monthViewSettings: DateRangePickerMonthViewSettings(
             showTrailingAndLeadingDates: true),
         monthCellStyle: DateRangePickerMonthCellStyle(
             trailingDatesTextStyle: TextStyle(
                 fontStyle: FontStyle.normal,
                 fontWeight: FontWeight.w300,
                 fontSize: 11,
                 color: Colors.black)),
       ),
    ),
   );
 }

Implementation

final TextStyle? trailingDatesTextStyle;