Getting Started with .NET MAUI Time Picker

This demo explains about how to use .NET MAUI TimePicker in .NET MAUI apps.

Overview

The SfTimePicker is a control provided by Syncfusion for .NET MAUI that allows users to select a time value easily through an interactive UI.
It supports customization such as headers, footers, formatting, and action buttons, making it ideal for scheduling and time-based inputs.

---

Initialization of TimePicker

Before using the SfTimePicker, ensure that the Syncfusion Picker package is installed and the namespace is added in your XAML file.

Add Namespace

xmlns:picker="clr-namespace:Syncfusion.Maui.Picker;assembly=Syncfusion.Maui.Picker"

TimePicker Control

<picker:SfTimePicker x:Name="picker">
    <picker:SfTimePicker.HeaderView>
        <picker:PickerHeaderView Text="Time Picker" Height="40" />
    </picker:SfTimePicker.HeaderView>
    <picker:SfTimePicker.FooterView>
        <picker:PickerFooterView ShowOkButton="True" Height="40" />
    </picker:SfTimePicker.FooterView>
</picker:SfTimePicker>

Output

After running the above code, the application will display a TimePicker with:

• A header labeled "Time Picker"
• A scrollable interface for selecting time
• A footer containing an OK button to confirm the selected time