leadingDatesTextStyle property

TextStyle? leadingDatesTextStyle

The text style for the text in the leading dates cells of SfDateRangePicker year, decade and century 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 property not applicable when the SfDateRangePicker.pickerMode set as DateRangePickerMode.hijri.

See also:

• leadingDatesDecoration, which used to set decoration for the leading date cells in the year views of date range picker.
• textStyle, which used to set text style for the year cell in the year views of the date range picker.
• disabledDatesTextStyle, which used to set text style for the disabled cell in the year views of the date range picker.
• leadingDatesTextStyle, which used to set text style for the leading date cells in the year views of the dat 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 apply theming
• Knowledge base: How to style the year, decade and century views

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         controller: _pickerController,
         view: DateRangePickerView.year,
         selectionMode: DateRangePickerSelectionMode.range,
         yearCellStyle: DateRangePickerYearCellStyle(
             leadingDatesTextStyle: TextStyle(
                 fontSize: 12,
                 fontWeight: FontWeight.w300,
                 color: Colors.black)),
      ),
     ),
   );
 }

Implementation

final TextStyle? leadingDatesTextStyle;