rangeTextStyle property

TextStyle? rangeTextStyle

The text style for the text in the selected range or ranges cell of SfHijriDateRangePicker month view.

The style applies to the dates that falls between the HijriDateRange.startDate and HijriDateRange.endDate.

Defaults to null.

Using a SfDateRangePickerTheme gives more fine-grained control over the appearance of various components of the date range picker.

Note: This applies only when DateRangePickerSelectionMode set as DateRangePickerSelectionMode.range or DateRangePickerSelectionMode.multiRange.

See also:

• HijriDateRange, which used to holds the start and end date of the selected range.
• selectionMode, which allows to customize the selection modes with the available modes.
• selectionShape, which allows to customize the shape of the selection view in hijri date range picker.
• selectionColor, which fills the background of the selected cells in the hijri date range picker.
• startRangeSelectionColor, which fills the background of the first cell of the range selection in hijri date range picker.
• endRangeSelectionColor, which fills the background of the last cell of the range selection in hijri date range picker.
• rangeSelectionColor, which fills the background of the in between cells of hijri date range picker in range selection.
• selectionRadius, which is the radius for the selection view in the hijri date range picker when the selection shape set as DateRangePickerSelectionShape.circle.
• selectionTextStyle, which is used to set the text style for the text in the selected cell of hijri date range picker.
• Knowledge base: Range selection using multiple view picker
• Knowledge base: How to change the selection radius
• Knowledge base: How to customize the selected range cells
• Knowledge base: How to change the selection shape
• Knowledge base: How to customize the selected month cell

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfHijriDateRangePicker(
         controller: _pickerController,
         view: HijriDatePickerView.month,
         enablePastDates: false,
         selectionMode: DateRangePickerSelectionMode.multiRange,
         rangeTextStyle: TextStyle(
                 fontStyle: FontStyle.italic,
                 fontWeight: FontWeight.w500,
                 fontSize: 12,
                 color: Colors.black),
       ),
     ),
   );
 }

Implementation

final TextStyle? rangeTextStyle;