New to Telerik UI for .NET MAUI? Start a free 30-day trial

.NET MAUI TimePicker Selection

The TimePicker control enables users to select a time value. This topic explains the TimePicker API related to time selection.

Time Property

To define the current time selection, use the Time(TimeSpan?) property. The default value is null.

<telerik:RadTimePicker Time="10:30:00"/>

Add the namespace:


Clear Button

You can enable a Clear button which can be used to quickly remove the selected value. To enable the button, set IsClearButtonVisible property of the TimePicker:

<telerik:RadTimePicker Time="10:30:00"
                            IsClearButtonVisible="True" />


To cancel the selected time, use the ClearSelection method.

    <Button Text="Clear Selection" Clicked="OnClearSelectionClicked"/>
    <telerik:RadTimePicker x:Name="timePicker"/>

Call ClearSelection inside the button click event to update the Time property to null.

private void OnClearSelectionClicked(object sender, EventArgs e)


The TimePicker exposes the SelectionChanged event, which is raised when the user picks a time value.

<telerik:RadTimePicker x:Name="timePicker"

Add the SelectionChanged event, where the sender is of type object, but can be cast to the RadTimePicker type:

private void TimePicker_SelectionChanged(object sender, EventArgs e)
    // implement your logic here

See Also

In this article