textStyle property
The text style for the text in the SfHijriDateRangePicker month cells.
Defaults to null.
Using a SfDateRangePickerTheme
gives more fine-grained control over the
appearance of various components of the date range picker.
See also:
- cellDecoration, which used to set decoration for the month cells in the month view of the date range picker.
- todayTextStyle, which used to set text style for the today date cell in the month view of the date range picker. trailing dates cells 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.
- SfHijriDateRangePicker.selectionTextStyle, which is used to set the text style for the text in the selected cell of date range picker.
- SfHijriDateRangePicker.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: SfHijriDateRangePicker(
controller: _pickerController,
view: HijriDatePickerView.month,
selectionMode: DateRangePickerSelectionMode.range,
monthCellStyle: HijriDatePickerMonthCellStyle(
textStyle: TextStyle(
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 12,
color: Colors.blue
)
),
),
),
);
}
Implementation
final TextStyle? textStyle;