Hi Ross,

We already have the following three:

• numeric input that can take only numbers and also accespts formats (like percentage, number of decimals, currency): https://demos.telerik.com/blazor-ui/numerictextbox/formats
• date input that can only take dates: https://demos.telerik.com/blazor-ui/dateinput/overview which is also integrated into a date picker, date-time picker, and a date-range picker
• the textbox can also use regex data annotation validators to, to an extent, act as a masked input, at least in terms of what values are allowed if not a visual hint

Regards,
Marin Bratanov
Progress Telerik

Hi guys,

Such a component is, by far, not a trivial task, and is not a technical debt item, but requires a lot of dedicated time. This means it needs to be prioritized along all the other tasks and requests that we have. At the moment, there are things with higher priority that need to be implemented first. We are keeping an eye on the portal and we are actively incorporating our customers' feedback into our planning process, though, which means that we will implement such a component. The best way to get notifications when that happens is to click the Follow button on this page.

To also address the feature parity with the UI for ASP.NET AJAX suite - the UI for Blazor suite just turned 1 year old, and in that time we have about 40 components and a grid that is just about feature complete. The WebForms suite is over 15 years old. It is inevitable that there will be catching up to do.

That said, while I do not see a masked input for Blazor in either DevExpress, or Blazorise, I have brought this up with management so they can consider its priority. Hopefully, it will be done around the R1 2021 mark (hopefully, sooner, of course).

Regards,
Marin Bratanov
Progress Telerik

Hi guys,

You can implement the validation part through form validation and using a RegEx attribute.

@using System.ComponentModel.DataAnnotations

<EditForm Model="@theModel">
    <DataAnnotationsValidator />
    <hr />
    <TelerikTextBox @bind-Value="@theModel.RegexField" />
    <ValidationMessage For="@( () => theModel.RegexField )" />
    <hr />
    <ValidationSummary />
    <TelerikButton ButtonType="@ButtonType.Submit">SUBMIT</TelerikButton>
</EditForm>
@code{
    TheFormModel theModel { get; set; } = new TheFormModel();

    public class TheFormModel
    {
        // Allow up to 40 uppercase and lowercase
        // characters. Use custom error.
        [RegularExpression(@"^[a-zA-Z''-'\s]{1,40}$",
             ErrorMessage = "Characters are not allowed.")]
        public string RegexField { get; set; }
    }
}

Regards,
Marin Bratanov
Progress Telerik