How to Change the Time Format of the Time Editor in .NET MAUI DataForm (SfDataForm)?

Syncfusion .NET MAUI DataForm (SfDataForm) is a versatile component that allows you to easily create data entry forms in your .NET MAUI applications. SfDataForm allows us to enter a time value in a specific format. In this article, we will discuss how to change the time format of the time editor by using the Format property.

Initiate the GenerateDataFormItem event handler to the OnGenerateDataFormItem event.

C#:

dataForm.GenerateDataFormItem += OnGenerateDataFormItem;

Using the OnGenerateDataFormItem event, set the Format property to a custom format string that specifies the desired time format by checking that the item is the DataFormTimeItem.

C#:

private void OnGenerateDataFormItem(object sender, GenerateDataFormItemEventArgs e)
{
    if (e.DataFormItem!= null)
    {
        if (e.DataFormItem.FieldName == "EventTime" && e.DataFormItem is DataFormTimeItem timeItem)
        {
            timeItem.Format = "HH:mm";
        }
    }
}

View the sample on GitHub

Output:

Conclusion:

I hope you enjoyed learning how to change the time format of the time editor in the .NET MAUI DataForm (SfDataForm).

You can refer to our .NET MAUI DataForm’s feature tour page to learn about its other groundbreaking feature representations. You can also explore our .NET MAUI DataForm documentation to understand how to present and manipulate data.

For current customers, you can check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our .NET MAUI DataForm and other .NET MAUI components.

If you have any queries or require clarifications, please let us know in the comment section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!