Class DateTimePickerColumnHeaderView

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

Inheritance

System.Object

DateTimePickerColumnHeaderView

Namespace: Syncfusion.Maui.Toolkit.Picker

Assembly: Syncfusion.Maui.Toolkit.dll

Syntax

public class DateTimePickerColumnHeaderView : Element, IThemeElement

Constructors

DateTimePickerColumnHeaderView()

Initializes a new instance of the DateTimePickerColumnHeaderView class.

Declaration

public DateTimePickerColumnHeaderView()

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.

HourHeaderTextProperty

Identifies the HourHeaderText dependency property.

Declaration

public static readonly BindableProperty HourHeaderTextProperty

Field Value

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

MeridiemHeaderTextProperty

Identifies the MeridiemHeaderText dependency property.

Declaration

public static readonly BindableProperty MeridiemHeaderTextProperty

Field Value

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

MinuteHeaderTextProperty

Identifies the MinuteHeaderText dependency property.

Declaration

public static readonly BindableProperty MinuteHeaderTextProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for MinuteHeaderText 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.

SecondHeaderTextProperty

Identifies the SecondHeaderText dependency property.

Declaration

public static readonly BindableProperty SecondHeaderTextProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for SecondHeaderText 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 SfDateTimePicker.

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 time picker column header view.

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView Background="#E0E0E0" />
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    Background = new SolidColorBrush(Color.FromHex("#E0E0E0"))
};

DayHeaderText

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

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 time picker column header view.

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView DayHeaderText="Day" />
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    DayHeaderText = "Day"
};

DividerColor

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

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 time picker column header view.

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView DividerColor="Gray" />
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    DividerColor = Colors.Gray
};

Height

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

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 time picker column header view.

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView Height="50" />
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    Height = 50
};

HourHeaderText

Gets or sets the value to hour header text in SfDateTimePicker.

Declaration

public string HourHeaderText { get; set; }

Property Value

Type	Description
System.String	The default value of HourHeaderText is "Hour".

Examples

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

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView HourHeaderText="Hour" />
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    HourHeaderText = "Hour"
};

MeridiemHeaderText

Gets or sets the value to meridiem header text in SfDateTimePicker.

Declaration

public string MeridiemHeaderText { get; set; }

Property Value

Type	Description
System.String	The default value of MeridiemHeaderText is an string.empty.

Examples

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

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView MeridiemHeaderText="Meridiem" />
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    MeridiemHeaderText = "Meridiem"
};

MinuteHeaderText

Gets or sets the value to minute header text in SfDateTimePicker.

Declaration

public string MinuteHeaderText { get; set; }

Property Value

Type	Description
System.String	The default value of MinuteHeaderText is "Minute".

Examples

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

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView MinuteHeaderText="Minute" />
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    MinuteHeaderText = "Minute"
};

MonthHeaderText

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

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 time picker column header view.

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView MonthHeaderText="Month" />
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    MonthHeaderText = "Month"
};

SecondHeaderText

Gets or sets the value to second header text in SfDateTimePicker.

Declaration

public string SecondHeaderText { get; set; }

Property Value

Type	Description
System.String	The default value of SecondHeaderText is "Second".

Examples

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

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView SecondHeaderText="Second" />
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    SecondHeaderText = "Second"
};

TextStyle

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

Declaration

public PickerTextStyle TextStyle { get; set; }

Property Value

Type
PickerTextStyle

Examples

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

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView>
            <picker:DateTimePickerColumnHeaderView.TextStyle>
                <picker:PickerTextStyle TextColor="Blue" FontSize="16" />
            </picker:DateTimePickerColumnHeaderView.TextStyle>
        </picker:DateTimePickerColumnHeaderView>
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    TextStyle = new PickerTextStyle
    {
        TextColor = Colors.Blue,
        FontSize = 16
    }
};

YearHeaderText

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

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 time picker column header view.

XAML
C#

<picker:SfDateTimePicker>
    <picker:SfDateTimePicker.ColumnHeaderView>
        <picker:DateTimePickerColumnHeaderView YearHeaderText="Year" />
    </picker:SfDateTimePicker.ColumnHeaderView>
</picker:SfDateTimePicker>

SfDateTimePicker dateTimePicker = new SfDateTimePicker();
dateTimePicker.ColumnHeaderView = new DateTimePickerColumnHeaderView
{
    YearHeaderText = "Year"
};