DevExpress Editors for .NET MAUI

C#
using Microsoft.Maui;
using Microsoft.Maui.Hosting;
using Microsoft.Maui.Controls.Compatibility;
using Microsoft.Maui.Controls.Hosting;
using DevExpress.Maui.Editors;
using DevExpress.Maui.CollectionView;
using DevExpress.Maui;

namespace EditorsGetStarted
{
    public static class MauiProgram
    {
        public static MauiApp CreateMauiApp()
        {
            var builder = MauiApp.CreateBuilder();
            builder
                .UseDevExpress()
                .UseDevExpressCollectionView()
                .UseDevExpressControls()
                .UseDevExpressEditors()
                .UseMauiApp<App>()
                .ConfigureFonts(fonts =>
                {
                    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                });

            return builder.Build();
        }
    }
}

XAML
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:dx="http://schemas.devexpress.com/maui"
             xmlns:local="clr-namespace:EditorsGetStarted"
             x:Class="EditorsGetStarted.MainPage"
             BackgroundColor="{DynamicResource SecondaryColor}">
    <ScrollView Padding="{OnPlatform iOS='30,60,30,30', Default='30'}">
        <dx:DXStackLayout Padding="12">
            <dx:ComboBoxEdit
                LabelText="Box Mode"
                BoxMode="{Binding SelectedBoxMode}"
                SelectedItem="{Binding SelectedBoxMode}"
                StartIcon="{Binding SelectedBoxMode, Converter={local:BoxModeToImageSourceConverter Outlined='edit_black_24dp', Filled='edit_black_24dp_filled'}}"
                ItemsSource="{Binding BoxModes}"
                ReserveBottomTextLine="True"/>
            <dx:TextEdit
                BoxMode="{Binding SelectedBoxMode}"
                StartIcon="face_black_24dp"
                Text="{Binding Login, Mode=TwoWay}"
                HasError="{Binding LoginHasError}"
                LabelText="Login"
                HelpText="*Required"
                ErrorText="Login is required"
                PlaceholderText="Enter login"/>
            <dx:PasswordEdit
                BoxMode="{Binding SelectedBoxMode}"
                StartIcon="password_black_24dp"
                Text="{Binding Password, Mode=TwoWay}"
                HasError="{Binding PasswordHasError}"
                LabelText="Password"
                HelpText="*Required"
                ErrorText="The password should contain more than 5 characters, have at least one uppercase and one lowercase letter, and one number."
                PlaceholderText="Enter password"/>
            <dx:TextEdit
                BoxMode="{Binding SelectedBoxMode}"
                StartIcon="email_black_24dp"
                Text="{Binding Email, Mode=TwoWay}"
                HasError="{Binding EmailHasError}"
                LabelText="Email"
                TextHorizontalAlignment="End"
                ErrorText="Email is required"
                HelpText="*Required"
                AffixIndent="0"
                ClearIconVisibility="Never"
                PlaceholderText="hello@devexpress.com"/>
            <dx:DateEdit
                BoxMode="{Binding SelectedBoxMode}"
                StartIcon="cake_black_24dp"
                Date="{Binding BirthDate, Mode=TwoWay}"
                HasError="{Binding BirthDateHasError}"
                LabelText="Birth date"
                TextHorizontalAlignment="End"
                ErrorText="Birth date is required"
                HelpText="*Required"
                IsDateIconVisible="False"
                ClearIconVisibility="Auto"
                DisplayFormat="d"
                PlaceholderText="Enter birth date"/>
            <dx:TextEdit
                BoxMode="{Binding SelectedBoxMode}"
                StartIcon="phone_black_24dp"
                Text="{Binding Phone, Mode=TwoWay}"
                HasError="{Binding PhoneHasError}"
                LabelText="Phone"
                Mask="(000) 000-0000"
                ErrorText="Incorrect phone number"
                HelpText="Do not include a country code"
                Keyboard="Telephone"
                PlaceholderText="Enter phone number"/>
            <dx:MultilineEdit
                BoxMode="{Binding SelectedBoxMode}"
                StartIcon="notes_black_24dp"
                Text="{Binding Notes, Mode=TwoWay}"
                HasError="{Binding NotesHasError}"
                MinLineCount="2"
                MaxLineCount="4"
                LabelText="Notes"
                MaxCharacterCount="100"/>
            <dx:DXButton 
                Margin="0,10,0,0"
                Content="SUBMIT"
                Clicked="OnSubmitClicked"
                FontAttributes="Bold"
                BackgroundColor="#3F88F7"/>
        </dx:DXStackLayout>
    </ScrollView>
</ContentPage>

C#
/*
               Copyright (c) 2015-2021 Developer Express Inc.
{*******************************************************************}
{                                                                   }
{       Developer Express Mobile UI for Xamarin.Forms               }
{                                                                   }
{                                                                   }
{       Copyright (c) 2015-2021 Developer Express Inc.              }
{       ALL RIGHTS RESERVED                                         }
{                                                                   }
{   The entire contents of this file is protected by U.S. and       }
{   International Copyright Laws. Unauthorized reproduction,        }
{   reverse-engineering, and distribution of all or any portion of  }
{   the code contained in this file is strictly prohibited and may  }
{   result in severe civil and criminal penalties and will be       }
{   prosecuted to the maximum extent possible under the law.        }
{                                                                   }
{   RESTRICTIONS                                                    }
{                                                                   }
{   THIS SOURCE CODE AND ALL RESULTING INTERMEDIATE FILES           }
{   ARE CONFIDENTIAL AND PROPRIETARY TRADE                          }
{   SECRETS OF DEVELOPER EXPRESS INC. THE REGISTERED DEVELOPER IS   }
{   LICENSED TO DISTRIBUTE THE PRODUCT AND ALL ACCOMPANYING         }
{   CONTROLS AS PART OF AN EXECUTABLE PROGRAM ONLY.                 }
{                                                                   }
{   THE SOURCE CODE CONTAINED WITHIN THIS FILE AND ALL RELATED      }
{   FILES OR ANY PORTION OF ITS CONTENTS SHALL AT NO TIME BE        }
{   COPIED, TRANSFERRED, SOLD, DISTRIBUTED, OR OTHERWISE MADE       }
{   AVAILABLE TO OTHER INDIVIDUALS WITHOUT EXPRESS WRITTEN CONSENT  }
{   AND PERMISSION FROM DEVELOPER EXPRESS INC.                      }
{                                                                   }
{   CONSULT THE END USER LICENSE AGREEMENT FOR INFORMATION ON       }
{   ADDITIONAL RESTRICTIONS.                                        }
{                                                                   }
{*******************************************************************}
*/
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Text.RegularExpressions;
using DevExpress.Maui.Editors;

namespace EditorsGetStarted {
    public class MainViewModel : NotificationObject {
        BoxMode selectedBoxMode;
        public BoxMode SelectedBoxMode {
            get { return selectedBoxMode; }
            set { SetProperty(ref selectedBoxMode, value); }
        }

        string notes = "";
        public string Notes {
            get { return notes; }
            set { SetProperty(ref notes, value); }
        }
        bool notesHasError = false;
        public bool NotesHasError {
            get { return notesHasError; }
            set { SetProperty(ref notesHasError, value); }
        }

        string email;
        public string Email {
            get { return email; }
            set { SetProperty(ref email, value); }
        }

        bool emailHasError = false;
        public bool EmailHasError {
            get { return emailHasError; }
            set { SetProperty(ref emailHasError, value); }
        }

        DateTime? birthDate;
        public DateTime? BirthDate {
            get { return birthDate; }
            set { SetProperty(ref birthDate, value); }
        }

        bool birthDateHasError = false;
        public bool BirthDateHasError {
            get { return birthDateHasError; }
            set { SetProperty(ref birthDateHasError, value); }
        }

        string phone;
        public string Phone {
            get { return phone; }
            set { SetProperty(ref phone, value); }
        }

        bool phoneHasError = false;
        public bool PhoneHasError {
            get { return phoneHasError; }
            set { SetProperty(ref phoneHasError, value); }
        }

        string login = "";
        public string Login {
            get { return login; }
            set { SetProperty(ref login, value); }
        }

        bool loginHasError = false;
        public bool LoginHasError {
            get { return loginHasError; }
            set { SetProperty(ref loginHasError, value); }
        }

        string password = "";
        public string Password {
            get { return password; }
            set { SetProperty(ref password, value); }
        }

        bool passwordHasError = false;
        public bool PasswordHasError {
            get { return passwordHasError; }
            set { SetProperty(ref passwordHasError, value); }
        }

        public IList<BoxMode> BoxModes { get; }

        public MainViewModel() {
            BoxModes = new List<BoxMode> {
                BoxMode.Outlined,
                BoxMode.Filled
            };
            SelectedBoxMode = BoxModes[0];
        }

        public bool Validate() {
            EmailHasError = string.IsNullOrEmpty(Email);
            LoginHasError = string.IsNullOrEmpty(Login);
            PasswordHasError = !CheckPassword();
            BirthDateHasError = BirthDate == null;
            PhoneHasError = Phone == null || Phone.Length != 10;
            NotesHasError = Notes.Length > 100;
            return !(NotesHasError || PhoneHasError || EmailHasError || LoginHasError || PasswordHasError);
        }

        bool CheckPassword() {
            return Regex.IsMatch(password, @"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{5,}$");
        }
    }

    public class NotificationObject : INotifyPropertyChanged {
        protected bool SetProperty<T>(ref T backingStore, T value, Action onChanged = null, [CallerMemberName] string propertyName = "") {
            if (EqualityComparer<T>.Default.Equals(backingStore, value))
                return false;

            backingStore = value;
            onChanged?.Invoke();
            OnPropertyChanged(propertyName);
            return true;
        }

        protected bool SetProperty<T>(ref T backingStore, T value, Action<T, T> onChanged, [CallerMemberName] string propertyName = "") {
            if (EqualityComparer<T>.Default.Equals(backingStore, value))
                return false;
            T oldValue = backingStore;
            backingStore = value;
            onChanged?.Invoke(oldValue, value);
            OnPropertyChanged(propertyName);
            return true;
        }

        #region INotifyPropertyChanged
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged([CallerMemberName] string propertyName = "") {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
        #endregion
    }

}