.NET MAUI DateTimePicker Selection

The DateTimePicker control enables the application users to quickly and select a date value by providing an API related to date selection.

Date Property

The Date(DateTime?) property defines the current date selection. Its default value is null.

The following example demonstrates how to set the Date property.

• XAML

<telerik:RadDateTimePicker Date="2020,05,15"
                            SpinnerFormat="yyy-MMM"/>

In addition to this, you need to add the following namespace:

• XAML

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

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 DateTimePicker:

• XAML

<telerik:RadDateTimePicker Date="2020,05,15"
                            IsClearButtonVisible="True" />

Methods

The DateTimePicker for .NET MAUI allows you to clear the selected date through its ClearSelection method:

• XAML

<StackLayout>
    <Button Text="Clear Selection" Clicked="OnClearSelectionClicked"/>
    <telerik:RadDateTimePicker x:Name="dateTimePicker"/>
</StackLayout>

In addition to this, you need to add the following namespace:

• XAML

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

Call ClearSelection inside the button click event. As a result, the Date property will be updated to null.

• C#

private void OnClearSelectionClicked(object sender, EventArgs e)
{
    this.dateTimePicker.ClearSelection();
}

Events

The DateTimePicker exposes a SelectionChanged event, which is raised when the user picks a date value.

The following example demonstrates how to use SelectionChanged.

• XAML

<telerik:RadDateTimePicker SelectionChanged="RadDateTimePicker_SelectionChanged"/>

In addition to this, you need to add the following namespace:

• XAML

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

Add the SelectionChanged event, where the sender is the RadDateTimePicker instance.

• C#

private void RadDateTimePicker_SelectionChanged(object sender, EventArgs e)
{
    // implement your logic here
}