Time Interval in .NET MAUI Time Picker (SfTimePicker)

18 Nov 20183 minutes to read

The SfTimePicker provides four intervals in .NET MAUI Time Picker.

• HourInterval.
• MinuteInterval.
• SecondInterval.
• MilliSecondInterval.

Hour interval

Time Picker provides an option to give an interval between hours using the HourInterval property of SfTimePicker.

XAML

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:picker="clr-namespace:Syncfusion.Maui.Picker;assembly=Syncfusion.Maui.Picker">
    <picker:SfTimePicker x:Name="timePicker"
                         HourInterval="2"/>
</ContentPage>

C#

using Syncfusion.Maui.Picker;
. . .

SfTimePicker timePicker = new SfTimePicker()
{
    HourInterval = 2
};

this.Content = timePicker;

Minute interval

Time Picker provides an option to give an interval between minutes using the MinuteInterval property of SfTimePicker.

XAML

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:picker="clr-namespace:Syncfusion.Maui.Picker;assembly=Syncfusion.Maui.Picker">
    <picker:SfTimePicker x:Name="timePicker"
                         MinuteInterval="2"/>
</ContentPage>

C#

using Syncfusion.Maui.Picker;
. . .

SfTimePicker timePicker = new SfTimePicker()
{
    MinuteInterval = 2
};

this.Content = timePicker;

Second interval

Time Picker provides an option to give an interval between seconds using the SecondInterval property of SfTimePicker.

XAML

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:picker="clr-namespace:Syncfusion.Maui.Picker;assembly=Syncfusion.Maui.Picker">
    <picker:SfTimePicker x:Name="timePicker"
                         SecondInterval="2"/>
</ContentPage>

C#

using Syncfusion.Maui.Picker;
. . .

SfTimePicker timePicker = new SfTimePicker()
{
    SecondInterval = 2
};

this.Content = timePicker;

MilliSecond interval

Time Picker provides an option to give an interval between milliseconds using the MilliSecondInterval property of SfTimePicker.

XAML

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:picker="clr-namespace:Syncfusion.Maui.Picker;assembly=Syncfusion.Maui.Picker">
    <picker:SfTimePicker x:Name="timePicker"
                         MilliSecondInterval="2"/>
</ContentPage>

C#

using Syncfusion.Maui.Picker;
. . .

SfTimePicker timePicker = new SfTimePicker()
{
    MilliSecondInterval = 2
};

this.Content = timePicker;