Matblazor: Version 2.0.0 Features (Reinvention MatBlazor Forms)

[SamProf]

Here is a list of changes that will be in future release.
This release needs some time and I will wrote what have done and not.
The list will be updated while I will add new features.
You can propose new features right now or give refs to another popular issues\ideas for forms components.

Base

• [x] BaseMatInputComponent and BaseMatTextInputComponent for all forms-input components
• [x] Support Html-forms attributes for all components

MatAutoComplete

• [ ] MatAutoComplete
  
  
  
  • Rethinking of component
    
    
    
    
    
    • This is just MatTextField with AutoComplete feature
    
    
    
    • Component should provide possibility to write free text value - string or maybe simple generic types
    
    
    
    • Component should NOT provide possibility to select object values - for this we should use MatSelect (maybe with filtering featurtes)
    
    
    
    • Possibility use automatic filtering feature (like now - Collection) and Custom using MatOption tags
    
    
    
    • So, In my plans right now to rewrite current component
    
    
    
    • Old component may stay with another name - please, propose name!
    
    
    
  
  

<MatAutoComplete @bind-Value="Val">
   <MatOption Value="Ananas">Ananas</MatOption>
   <MatOption Value="Banana">Banana</MatOption>
   <MatOption Value="Apple">Apple</MatOption>
</MatAutoComplete>

MatCheckbox

• [x] MatCheckbox supports with and without EditContext
• [x] Indeterminate mode

MatDatePicker

• [x] MatDatePicker - inheritor of BaseMatTextInputComponent to support all TextFieldView features
• [x] MatDatePicker - supports with and without EditContext
• [x] MatDatePicker - Possiblity to enter value using keyboard
• [x] MatDatePicker - Show DatePicker only when you click Calendar Icon
• [x] MatDatePicker - .NET formatting for text in Input
• [x] MatDatePicker - More examples and HowTo fix TmeZone problem in WASM mode

MatNumericUpDownField

• [x] MatNumericUpDownField - inheritor of BaseMatTextInputComponent to support all TextFieldView features
• [x] MatNumericUpDownField - supports with and without EditContext
• [x] MatNumericUpDownField - supports Generic types (for int, decimal, float, etc.) for easy binding

MatRadioButton

• [x] inheritor of BaseMatInputComponent
• [x] supports with and without EditContext
• [x] supports Generic types for Values to use not only string keys
• [x] supports Auto populate MatRadioButton's for MatRadioGroup

MatSelect

• [x] inheritor of BaseMatInputComponent
• [x] supports with and without EditContext
• [x] supports Enhanced mode
• [x] supports Generic types for Values to use not only string keys
• [ ] MayBe: supports filtering like in current AytoComplete

MatSlider

• [x] inheritor of BaseMatInputComponent
• [x] supports with and without EditContext
• [x] supports Generic types (for int, decimal, float, etc.) for easy binding
• [x] | fix Step feature

MatSlideToggle

• [x] inheritor of BaseMatInputComponent
• [x] supports with and without EditContext

MatTextField

• [x] MatTextField supports with and without EditContext
• [x] MatTextFieldType - Generic MatTextField implementation. Value can be any type.
• [x] MatTextFieldType - Test this mode
• [ ] MatTextFieldType - Rename - propose new name!
• [x] MatTextFieldType - Add Documentation Examples
• [x] MatTextFieldType - Parameter Type - Automatic depends Generic type

MatFile

• [x] Implement new component

• [x] JS API

  Other

• [ ] MatMenu add full binding style open mode

[SamProf]

@sandrohanea, @dga711 Hi! You make a lot for MatAutoComplete. Can you say what you think about my plans?

[djinnet]

If datepicker could still pick time in the new version, that would be great.

However, would it be better for 2.0 forms if it's an standalone component, so we have MatDatetimepicker, MatDatepicker and MatTimepicker components?

Perhaps there would also be a good idea to add MatTable to the list as well, since it need some rework as well?

[navodbopitiya]

Would it be possible to get Minimum Date and Maximum Date added to the DatePicker component?

If it's still based on flatpickr, I think they do have the option of setting max and min.

[githubfanster]

please consider adding keyboard navigation support . for example, using the "tab" key, a user should be able to move from one item to another within a list component, and using the "shift-tab" keys combo, navigate the same items in the opposite direction. thanks!

[novfal]

Add Date range Picker with open calendar.
Add the date picker inline function

[abibtj]

Hi. Thanks for the great work. Please, consider adding a multi select component that allows selection of multiple items from a select list. I suggest MatMultiselect as a name.

[DemiusAcademius]

Please add Autofocus property for input and SetFocus method.
Thanks for your work

[gitbugreport]

please consider adding keyboard navigation support . for example, using the "tab" key, a user should be able to move from one item to another within a list component, and using the "shift-tab" keys combo, navigate the same items in the opposite direction. thanks!

Maybe add TabIndex property to form elements. Would be useful in multi-columns forms.

[novfal]

Mat Table default row count change into 10 and the width of the last column is too large

[JeroMiya]

If MatAutoComplete won't allow for object selection, we'll need an alternative to MatSelect that works the same but looks like MatAutoComplete and doesn't require the entire select list to be in the markup statically. There are major performance issues when you try to add too many of these elements on the page with lots of potential select options. Ideally for this scenario I'd like to have a combo-box like control that looks like MatAutoComplete except:

• You must select an item from the list like MatSelect- it's not a free-entry text control.
• The entire select list isn't rendered into the markup until it's visible (and only one at a time).
• User types in a text box to "search" for an item from the list, but must select an item. Losing focus without selecting cancels the input.
• Should optionally be able to limit the number of visible options to the top N.
• Should provide facilities to support both large static lists and dynamic or server-side lists - e.g. user types in a search term, then the select list (or the top 10 matches) is dynamically retrieved from the server or other dynamic source.
  
  
  
  • Allow specification of both a value func and a display func (both parameters) and both a value generic type param and an option generic type param. Use case: I want to @bind-Value to an integer foreign key field, and use a list of options objects which each have a display field and a value field (integer foreign key values), and when the user selects an option, the value field is assigned to the @bind-Value param and not the entire option object.
  
  
  • Ideally: allow configuration of de-bouncing options for the dynamic options list function to be called, so we're not calling it every keystroke.
  
  

My particular use case: I have a page where the user can build up a "system" with various hardware "components". They add a component by selecting the type, then selecting the model from a rather large list of available models for each type. Currently neither the MatSelect (too expensive to have 20 copies of 1000+ options rendered into the html in a table) nor the MatAutoComplete (can't force selection from the list as it's a free-text-entry control. Have to validate the text entry before saving) fit the requirements.

[klemmchr]

From a workflow perspective, wouldn't it be better to separate these items into issues and assigning them to a 2.0 project/milestone? then people can just grab small parts for contributing. makes working easier.

[yberstad]

Hi! Thanks for all the work put in to this project! Much appreciated!

Are there any plans for adding support for various aria-attributes? Ref https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics.

I'm thinking of for instance, aria-required for input-fields, and aria-selected for tabs, making the component WCAG complaint out of the box, https://www.w3.org/WAI/standards-guidelines/wcag/

[rafalone]

Please, MatDatePicker.Culture is needed.

[rafalone]

MatAutocomplete.Disabled property exists but is not showing with intellitype list.

[Mercurial]

anything I can help with this?

[SamProf]

Announcement: MatBlazor 2.0.0 (9 December)

[snowchenlei]

MatTable Allows add custom parameters