Class TimePickerColumnHeaderView

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

Inheritance

System.Object

TimePickerColumnHeaderView

Namespace: Syncfusion.Maui.Toolkit.Picker

Assembly: Syncfusion.Maui.Toolkit.dll

Syntax

public class TimePickerColumnHeaderView : Element, IThemeElement

Constructors

TimePickerColumnHeaderView()

Initializes a new instance of the TimePickerColumnHeaderView class.

Declaration

public TimePickerColumnHeaderView()

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.

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.

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.

Properties

Background

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

Declaration

public Brush Background { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.Brush	The default value of Background is "SolidColorBrush(Color.FromArgb("#F7F2FB"))".

Examples

The following examples demonstrate how to set the background of the column header view.

• XAML
• C#

<picker:SfTimePicker>
    <picker:SfTimePicker.ColumnHeaderView>
        <picker:TimePickerColumnHeaderView Background="#E0E0E0" />
    </picker:SfTimePicker.ColumnHeaderView>
</picker:SfTimePicker>

DividerColor

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

Declaration

public Color DividerColor { get; set; }

Property Value

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

Examples

The following examples demonstrate how to set the divider color of the column header view.

• XAML
• C#

<picker:SfTimePicker>
    <picker:SfTimePicker.ColumnHeaderView>
        <picker:TimePickerColumnHeaderView DividerColor="Gray" />
    </picker:SfTimePicker.ColumnHeaderView>
</picker:SfTimePicker>

Height

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

Declaration

public double Height { get; set; }

Property Value

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

Examples

The following examples demonstrate how to set the height of the column header view.

• XAML
• C#

<picker:SfTimePicker>
    <picker:SfTimePicker.ColumnHeaderView>
        <picker:TimePickerColumnHeaderView Height="50" />
    </picker:SfTimePicker.ColumnHeaderView>
</picker:SfTimePicker>

HourHeaderText

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

Declaration

public string HourHeaderText { get; set; }

Property Value

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

Examples

The following examples demonstrate how to set the hour header text of the column header view.

• XAML
• C#

<picker:SfTimePicker>
    <picker:SfTimePicker.ColumnHeaderView>
        <picker:TimePickerColumnHeaderView HourHeaderText="hour" />
    </picker:SfTimePicker.ColumnHeaderView>
</picker:SfTimePicker>

MeridiemHeaderText

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

Declaration

public string MeridiemHeaderText { get; set; }

Property Value

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

Examples

The following examples demonstrate how to set the meridiem header text of the column header view.

• XAML
• C#

<picker:SfTimePicker>
    <picker:SfTimePicker.ColumnHeaderView>
        <picker:TimePickerColumnHeaderView MeridiemHeaderText="Meridiem" />
    </picker:SfTimePicker.ColumnHeaderView>
</picker:SfTimePicker>

MinuteHeaderText

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

Declaration

public string MinuteHeaderText { get; set; }

Property Value

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

Examples

The following examples demonstrate how to set the minute header text of the column header view.

• XAML
• C#

<picker:SfTimePicker>
    <picker:SfTimePicker.ColumnHeaderView>
        <picker:TimePickerColumnHeaderView MinuteHeaderText="minute" />
    </picker:SfTimePicker.ColumnHeaderView>
</picker:SfTimePicker>

SecondHeaderText

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

Declaration

public string SecondHeaderText { get; set; }

Property Value

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

Examples

The following examples demonstrate how to set the second header text of the column header view.

• XAML
• C#

<picker:SfTimePicker>
    <picker:SfTimePicker.ColumnHeaderView>
        <picker:TimePickerColumnHeaderView SecondHeaderText="second" />
    </picker:SfTimePicker.ColumnHeaderView>
</picker:SfTimePicker>

TextStyle

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

Declaration

public PickerTextStyle TextStyle { get; set; }

Property Value

Type
PickerTextStyle

Examples

The following examples demonstrate how to set the text style of the column header view.

• XAML
• C#

<picker:SfTimePicker>
    <picker:SfTimePicker.ColumnHeaderView>
        <picker:TimePickerColumnHeaderView>
            <picker:TimePickerColumnHeaderView.TextStyle>
                <picker:PickerTextStyle TextColor="Blue" FontSize="16" />
            </picker:TimePickerColumnHeaderView.TextStyle>
        </picker:TimePickerColumnHeaderView>
    </picker:SfTimePicker.ColumnHeaderView>
</picker:SfTimePicker>