No provision to set Html Props like id on form controls.

[ramancloudsmartz]

I'm submitting a

Feature Request / Proposal

I'm using

NG Dynamic Forms Version: `13.0.0`
NG Bootstrap

Description

I have two forms in angular application and they have some common named fields like state, county, city, zip code. So when I am going to use both forms inside an parent component I am getting HTML id conflict warning.

<div>
     <user-address-form>
     <user-billing-form>
</div>

As I have gone through the library codebase there no such options other than id. There should be some provision to add custom HTML property using additional params like *htmlOptions**

new DynamicInputModel({

  id: 'name',
  label: 'Account Name',
  maxLength: 42,
  placeholder: 'Account Name',
  validators: {
    required: null
  },
  errorMessages: {
    required: '{{ label }} is required'
  }
  })

Exptected htmlOptions Property

new DynamicInputModel({

  id: 'name',
  htmlOptions: {
      id:""
  },
  label: 'Account Name',
  maxLength: 42,
  placeholder: 'Account Name',
  validators: {
    required: null
  },
  errorMessages: {
    required: '{{ label }} is required'
  }
  })