title: replace default message in my input
body: <p>hello I need to replace in my input the message default </p>
  
  <p>this is my input.component :</p>
  
  <pre><code>@Input () ValidationHints: any
  
      ngOnInit() {
      this.required = this.required !== undefined &amp;&amp; this.required !== false
      this.disabled = this.disabled !== undefined &amp;&amp; this.disabled !== false
      this.readonly = this.readonly !== undefined &amp;&amp; this.readonly !== false
      this.ngModelRef = ''
  
      this.ValidationHints = {
  
        required: 'This field is required.',
        minlength: 'Field must be at least ' + this.minlength + ' characters long.',
        maxlength: 'Field cannot be more than ' + this.maxlength + ' characters long.',
        pattern: 'Please match the requested format.'
  
      }
    }
  </code></pre>
  
  <p>and I want when If I write my input like this :</p>
  
  <pre><code> &lt;mae-input type="text"
             minlength="3"
             maxlength="10"
             pattern="[a-z]+"
             [withCharCount]="true"
             [(ngModel)]="input"
             required
  &gt;
  &lt;/mae-input&gt;
  </code></pre>
  
  <p>i want to add something like this <code>ValidationHints="{required :'my new message'}"</code></p>
  
  <p>I know the syntax is not good but who can be have something like this ?</p>
  
  <p>thanks</p>