leadingDatesTextStyle property
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;