specialDatesTextStyle property
The text style for the text in the special 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.
See also:
- DateRangePickerMonthViewSettings.specialDates, which is used highlight the specific dates in the month view.
- specialDatesDecoration, which used to set decoration for the special 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.
- trailingDatesTextStyle, which used to set the text style for the trailing 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.
- leadingDatesTextStyle, which used to set the text style for the leading date cells in the month view of the date range picker.
- disabledDatesTextStyle, which used to set the text style for the disabled date cells in the month view of 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.
- weekendTextStyle, which used to set the text style for the weekend date cells in the month view of 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,
enablePastDates: false,
selectionMode: DateRangePickerSelectionMode.multiRange,
monthCellStyle: DateRangePickerMonthCellStyle(
specialDatesTextStyle: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 12,
color: Colors.orange)),
),
),
);
}
Implementation
final TextStyle? specialDatesTextStyle;