DateRangePickerMonthCellStyle class
The style allows to customize month cells of the SfDateRangePicker.
Allows to customize the textStyle, todayTextStyle, trailingDatesTextStyle, leadingDatesTextStyle, disabledDatesTextStyle, blackoutDateTextStyle, weekendTextStyle, specialDatesTextStyle, specialDatesDecoration, blackoutDatesDecoration, cellDecoration, todayCellDecoration, disabledDatesDecoration, trailingDatesDecoration, leadingDatesDecoration, and weekendDatesDecoration in the month cells of the date range picker.
See also:
- DateRangePickerMonthViewSettings, which allows to customize the month view of the date range picker
- SfDateRangePicker.cellBuilder, which allows to set custom widget for the picker cells in the date range picker.
- DateRangePickerYearCellStyle, which allows to customize the year cell of the year, decade and century views of the date range picker.
- SfDateRangePicker.selectionColor, which fills the background of the selected cells in the date range picker.
- SfDateRangePicker.startRangeSelectionColor, which fills the background of the first cell of the range selection in date range picker.
- SfDateRangePicker.endRangeSelectionColor, which fills the background of the last cell of the range selection in date range picker.
- SfDateRangePicker.rangeSelectionColor, which fills the background of the in between cells of date range picker in range selection.
- 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.
- SfDateRangePicker.backgroundColor, which fills the background of the date range picker.
- SfDateRangePicker.todayHighlightColor, which highlights the today date cell in the 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(
view: DateRangePickerView.month,
enablePastDates: false,
monthCellStyle: DateRangePickerMonthCellStyle(
textStyle: TextStyle(
fontWeight: FontWeight.w400, fontSize: 15,
color: Colors.black),
todayTextStyle: TextStyle(
fontStyle: FontStyle.italic,
fontSize: 15,
fontWeight: FontWeight.w500,
color: Colors.red),
leadingDatesDecoration: BoxDecoration(
color: const Color(0xFFDFDFDF),
border: Border.all(color: const Color(0xFFB6B6B6), width: 1),
shape: BoxShape.circle),
disabledDatesDecoration: BoxDecoration(
color: const Color(0xFFDFDFDF).withOpacity(0.2),
border: Border.all(color: const Color(0xFFB6B6B6), width: 1),
shape: BoxShape.circle),
),
),
),
);
}
- Mixed-in types
- Annotations
Constructors
- DateRangePickerMonthCellStyle({@Deprecated('Use selectionColor property in SfDateRangePicker') Color? selectionColor, @Deprecated('Use startRangeSelectionColor property in SfDateRangePicker') Color? startRangeSelectionColor, @Deprecated('Use endRangeSelectionColor property in SfDateRangePicker') Color? endRangeSelectionColor, @Deprecated('Use rangeSelectionColor property in SfDateRangePicker') Color? rangeSelectionColor, TextStyle? textStyle, TextStyle? todayTextStyle, TextStyle? trailingDatesTextStyle, TextStyle? leadingDatesTextStyle, @Deprecated('Use selectionTextStyle property in SfDateRangePicker') TextStyle? selectionTextStyle, TextStyle? disabledDatesTextStyle, TextStyle? blackoutDateTextStyle, TextStyle? weekendTextStyle, TextStyle? specialDatesTextStyle, Decoration? specialDatesDecoration, Decoration? blackoutDatesDecoration, Decoration? cellDecoration, Decoration? todayCellDecoration, Decoration? disabledDatesDecoration, Decoration? trailingDatesDecoration, Decoration? leadingDatesDecoration, @Deprecated('Use rangeTextStyle property in SfDateRangePicker') TextStyle? rangeTextStyle, Decoration? weekendDatesDecoration})
-
Creates a date range picker month cell style for date range picker.
const
Properties
- blackoutDatesDecoration → Decoration?
-
The decoration for the blackout date cells of SfDateRangePicker
month view.
final
- blackoutDateTextStyle → TextStyle?
-
The text style for the text in the blackout dates cell of
SfDateRangePicker month view.
final
- cellDecoration → Decoration?
-
The decoration for the month cells of SfDateRangePicker month view.
final
- disabledDatesDecoration → Decoration?
-
The decoration for the disabled date cells of SfDateRangePicker
month view.
final
- disabledDatesTextStyle → TextStyle?
-
The text style for the text in the disabled dates cell of
SfDateRangePicker month view.
final
- endRangeSelectionColor → Color?
-
The color which fills the SfDateRangePicker selection view of the range
end date.
final
- hashCode → int
-
The hash code for this object.
no setteroverride
- leadingDatesDecoration → Decoration?
-
The decoration for the leading date cells of SfDateRangePicker
month view.
final
- leadingDatesTextStyle → TextStyle?
-
The text style for the text in the leading dates cell of
SfDateRangePicker month view.
final
- rangeSelectionColor → Color?
-
The color which fills the SfDateRangePicker selection view for the range
of dates which falls between the PickerDateRange.startDate and
PickerDateRange.endDate.
final
- rangeTextStyle → TextStyle?
-
The text style for the text in the selected range or ranges cell of
SfDateRangePicker month view.
final
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
- selectionColor → Color?
-
The color which fills the SfDateRangePicker selection view.
final
- selectionTextStyle → TextStyle?
-
The text style for the text in the selected date or dates cell of
SfDateRangePicker month view.
final
- specialDatesDecoration → Decoration?
-
The decoration for the special date cells of SfDateRangePicker
month view.
final
- specialDatesTextStyle → TextStyle?
-
The text style for the text in the special dates cell of
SfDateRangePicker month view.
final
- startRangeSelectionColor → Color?
-
The color which fills the SfDateRangePicker selection view of the range
start date.
final
- textStyle → TextStyle?
-
The text style for the text in the SfDateRangePicker month cells.
final
- todayCellDecoration → Decoration?
-
The decoration for the today text cell of SfDateRangePicker month view.
final
- todayTextStyle → TextStyle?
-
The text style for the text in the today cell of SfDateRangePicker
month view.
final
- trailingDatesDecoration → Decoration?
-
The decoration for the trailing date cells of SfDateRangePicker
month view.
final
- trailingDatesTextStyle → TextStyle?
-
The text style for the text in the trailing dates cell of
SfDateRangePicker month view.
final
- weekendDatesDecoration → Decoration?
-
The decoration for the weekend date cells of SfDateRangePicker
month view.
final
- weekendTextStyle → TextStyle?
-
The text style for the text in the weekend dates cell of
SfDateRangePicker month view.
final
Methods
-
debugFillProperties(
DiagnosticPropertiesBuilder properties) → void -
Add additional properties associated with the node.
override
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toDiagnosticsNode(
{String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode -
Returns a debug representation of the object that is used by debugging
tools and by DiagnosticsNode.toStringDeep.
inherited
-
toString(
{DiagnosticLevel minLevel = DiagnosticLevel.info}) → String -
A string representation of this object.
inherited
-
toStringShort(
) → String -
A brief description of this object, usually just the runtimeType and the
hashCode.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
override