DateRangePickerYearCellStyle class

The style have properties which allow to customize the year, decade and century view of the SfDateRangePicker.

Allows to customize the textStyle, todayTextStyle, leadingDatesTextStyle, disabledDatesTextStyle, cellDecoration, todayCellDecoration, leadingDatesDecoration and disabledDatesDecoration in year, decade and century view of the SfDateRangePicker.

See also:

DateRangePickerMonthCellStyle, which allows to customize the month cell of 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.
DateRangePickerMonthViewSettings, which allows to customize the month view 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 select all days when clicking on the day header
Knowledge base: How to customize the date range picker cells using builder
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(
         view: DateRangePickerView.decade,
         enablePastDates: false,
         yearCellStyle: DateRangePickerYearCellStyle(
           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

Diagnosticable

Annotations

@immutable

Constructors

DateRangePickerYearCellStyle({TextStyle? textStyle, TextStyle? todayTextStyle, TextStyle? leadingDatesTextStyle, TextStyle? disabledDatesTextStyle, Decoration? cellDecoration, Decoration? todayCellDecoration, Decoration? disabledDatesDecoration, Decoration? leadingDatesDecoration}): Creates a date range picker year cell style for date range picker.
const

Properties

cellDecoration → Decoration?: The decoration for the cells of SfDateRangePicker year, decade and century view.
final
disabledDatesDecoration → Decoration?: The decoration for the disabled cells of SfDateRangePicker year, decade and century view.
final
disabledDatesTextStyle → TextStyle?: The text style for the text in the disabled dates cell of SfDateRangePicker year, decade and century view.
final
hashCode → int: The hash code for this object.
no setteroverride
leadingDatesDecoration → Decoration?: The decoration for the leading date cells of SfDateRangePicker year, decade and century view.
final
leadingDatesTextStyle → TextStyle?: The text style for the text in the leading dates cells of SfDateRangePicker year, decade and century view.
final
runtimeType → Type: A representation of the runtime type of the object.
no setterinherited
textStyle → TextStyle?: The text style for the text in the SfDateRangePicker year, decade and century view cells.
final
todayCellDecoration → Decoration?: The decoration for the today cell of SfDateRangePicker year, decade and century view.
final
todayTextStyle → TextStyle?: The text style for the text in the today cell of SfDateRangePicker year, decade and century 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

DateRangePickerYearCellStyle class

Constructors

Properties

Methods

Operators

datepicker library