Developing a custom input component
Blazor contains a class called InputBase<T>, which is the base class for all the input components that we have seen so far. The great thing about this class is that we can use it to develop our own input component with the same specifications as the built-in ones.
InputBase<T> has a method called TryParseValueFromString, which is the main method that we need to override, and this is where we can locate the logic that processes the string of the input and translates it into something more meaningful. There is also a property called CurrentValue, which we can use to bind our insider input to.
Blazor already has an InputDate component that gets rendered to an input tag of the date type in HTML, so in the next example, we are going to create a custom component called InputTime, which will be translated to the input tag of the time type. We can bind a TimeOnly value to it. Let’s get started:
- Within the
BooksStore.Blazor...