Class DatePickerColumnHeaderView

Represents a class which is used to customize all the properties of column header view of the SfDatePicker.

Inheritance

System.Object

DatePickerColumnHeaderView

Namespace: Syncfusion.Maui.Toolkit.Picker

Assembly: Syncfusion.Maui.Toolkit.dll

Syntax

public class DatePickerColumnHeaderView : Element, IThemeElement

Constructors

DatePickerColumnHeaderView()

Initializes a new instance of the DatePickerColumnHeaderView class.

Declaration

public DatePickerColumnHeaderView()

Fields

BackgroundProperty

Identifies the Background dependency property.

Declaration

public static readonly BindableProperty BackgroundProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for Background dependency property.

DayHeaderTextProperty

Identifies the DayHeaderText dependency property.

Declaration

public static readonly BindableProperty DayHeaderTextProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for DayHeaderText dependency property.

DividerColorProperty

Identifies the DividerColor dependency property.

Declaration

public static readonly BindableProperty DividerColorProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for DividerColor dependency property.

HeightProperty

Identifies the Height dependency property.

Declaration

public static readonly BindableProperty HeightProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for Height dependency property.

MonthHeaderTextProperty

Identifies the MonthHeaderText dependency property.

Declaration

public static readonly BindableProperty MonthHeaderTextProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for MonthHeaderText dependency property.

TextStyleProperty

Identifies the TextStyle dependency property.

Declaration

public static readonly BindableProperty TextStyleProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for TextStyle dependency property.

YearHeaderTextProperty

Identifies the YearHeaderText dependency property.

Declaration

public static readonly BindableProperty YearHeaderTextProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for YearHeaderText dependency property.

Properties

Background

Gets or sets the background of the column header view in SfDatePicker.

Declaration

public Brush Background { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.Brush	The default value of Background is "#F7F2FB".

Examples

The following example demonstrates how to set the background of the date picker column header view.

XAML
C#

<picker:SfDatePicker>
    <picker:SfDatePicker.ColumnHeaderView>
        <picker:DatePickerColumnHeaderView Background="#E0E0E0" />
    </picker:SfDatePicker.ColumnHeaderView>
</picker:SfDatePicker>

SfDatePicker datePicker = new SfDatePicker();
datePicker.ColumnHeaderView = new DatePickerColumnHeaderView
{
    Background = new SolidColorBrush(Color.FromHex("#E0E0E0"))
};

DayHeaderText

Gets or sets the value to day header text in SfDatePicker.

Declaration

public string DayHeaderText { get; set; }

Property Value

Type	Description
System.String	The default value of DayHeaderText is "Day".

Examples

The following example demonstrates how to set the day header text of the date picker column header view.

XAML
C#

<picker:SfDatePicker>
    <picker:SfDatePicker.ColumnHeaderView>
        <picker:DatePickerColumnHeaderView DayHeaderText="Date" />
    </picker:SfDatePicker.ColumnHeaderView>
</picker:SfDatePicker>

SfDatePicker datePicker = new SfDatePicker();
datePicker.ColumnHeaderView = new DatePickerColumnHeaderView
{
    DayHeaderText = "Date"
};

DividerColor

Gets or sets the background of the column header separator line background in SfDatePicker.

Declaration

public Color DividerColor { get; set; }

Property Value

Type	Description
Microsoft.Maui.Graphics.Color	The default value of DividerColor is "#CAC4D0".

Examples

The following example demonstrates how to set the divider color of the date picker column header view.

XAML
C#

<picker:SfDatePicker>
    <picker:SfDatePicker.ColumnHeaderView>
        <picker:DatePickerColumnHeaderView DividerColor="Gray" />
    </picker:SfDatePicker.ColumnHeaderView>
</picker:SfDatePicker>

SfDatePicker datePicker = new SfDatePicker();
datePicker.ColumnHeaderView = new DatePickerColumnHeaderView
{
    DividerColor = Colors.Gray
};

Height

Gets or sets the value to specify the height of column header view on SfDatePicker.

Declaration

public double Height { get; set; }

Property Value

Type	Description
System.Double	The default value of Height is 40d.

Examples

The following example demonstrates how to set the height of the date picker column header view.

XAML
C#

<picker:SfDatePicker>
    <picker:SfDatePicker.ColumnHeaderView>
        <picker:DatePickerColumnHeaderView Height="50" />
    </picker:SfDatePicker.ColumnHeaderView>
</picker:SfDatePicker>

SfDatePicker datePicker = new SfDatePicker();
datePicker.ColumnHeaderView = new DatePickerColumnHeaderView
{
    Height = 50
};

MonthHeaderText

Gets or sets the value to month header text in SfDatePicker.

Declaration

public string MonthHeaderText { get; set; }

Property Value

Type	Description
System.String	The default value of MonthHeaderText is "Month".

Examples

The following example demonstrates how to set the month header text of the date picker column header view.

XAML
C#

<picker:SfDatePicker>
    <picker:SfDatePicker.ColumnHeaderView>
        <picker:DatePickerColumnHeaderView MonthHeaderText="Month" />
    </picker:SfDatePicker.ColumnHeaderView>
</picker:SfDatePicker>

SfDatePicker datePicker = new SfDatePicker();
datePicker.ColumnHeaderView = new DatePickerColumnHeaderView
{
    MonthHeaderText = "Month"
};

TextStyle

Gets or sets the text style of the column header text in SfDatePicker.

Declaration

public PickerTextStyle TextStyle { get; set; }

Property Value

Type
PickerTextStyle

Examples

The following example demonstrates how to set the text style of the date picker column header view.

XAML
C#

<picker:SfDatePicker>
    <picker:SfDatePicker.ColumnHeaderView>
        <picker:DatePickerColumnHeaderView>
            <picker:DatePickerColumnHeaderView.TextStyle>
                <picker:PickerTextStyle TextColor="Blue" FontSize="16" />
            </picker:DatePickerColumnHeaderView.TextStyle>
        </picker:DatePickerColumnHeaderView>
    </picker:SfDatePicker.ColumnHeaderView>
</picker:SfDatePicker>

SfDatePicker datePicker = new SfDatePicker();
datePicker.ColumnHeaderView = new DatePickerColumnHeaderView
{
    TextStyle = new PickerTextStyle
    {
        TextColor = Colors.Blue,
        FontSize = 16
    }
};

YearHeaderText

Gets or sets the value to year header text in SfDatePicker.

Declaration

public string YearHeaderText { get; set; }

Property Value

Type	Description
System.String	The default value of YearHeaderText is "Year".

Examples

The following example demonstrates how to set the year header text of the date picker column header view.

XAML
C#

<picker:SfDatePicker>
    <picker:SfDatePicker.ColumnHeaderView>
        <picker:DatePickerColumnHeaderView YearHeaderText="Year" />
    </picker:SfDatePicker.ColumnHeaderView>
</picker:SfDatePicker>

SfDatePicker datePicker = new SfDatePicker();
datePicker.ColumnHeaderView = new DatePickerColumnHeaderView
{
    YearHeaderText = "Year"
};