title: PrimeNg component for displaying invalid input equivalent to mat-error
body: <p>Does PrimeNg have something equivalent to mat-error from Angular Material?</p>
  <pre><code> &lt;mat-form-field appearance=&quot;fill&quot;&gt;
      &lt;mat-label&gt;Enter your email&lt;/mat-label&gt;
      &lt;input matInput placeholder=&quot;pat@example.com&quot; [formControl]=&quot;email&quot; required&gt;
      &lt;mat-error *ngIf=&quot;email.invalid&quot;&gt;{{getErrorMessage()}}&lt;/mat-error&gt;
    &lt;/mat-form-field&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/7FJgW.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7FJgW.jpg" alt="enter image description here" /></a></p>
  <p>I have some data bounded to a NgModel and when the user presses a button I want to validate that Input and display some error messages(below the input field) in case of invalid input.
  I m aware of the form builders and their predefined validator but I want to use FluentValidator(<a href="https://www.npmjs.com/package/fluentvalidation-ts" rel="nofollow noreferrer">https://www.npmjs.com/package/fluentvalidation-ts</a>)  this time.</p>
  <pre><code>&lt;p-card header=&quot;Create New Treatment &quot; [style]=&quot;{'width':'45%', 'margin-left':'auto','margin-right':'auto','margin-top':'5%'}&quot;&gt;
  
  
  
  
      &lt;!--comments  --&gt;
        &lt;div style=&quot;margin-left: auto;margin-right: auto;&quot;&gt;
      &lt;div class=&quot;p-field p-grid&quot;&gt;
        &lt;label for=&quot;firstname3&quot; class=&quot;p-col-fixed&quot; style=&quot;width:100px&quot;&gt;Patient&lt;/label&gt;
        &lt;div class=&quot;p-col&quot; style=&quot;margin-top: 4%; margin-left: 11%;&quot;&gt;
          &lt;h2&gt;&lt;strong style=&quot;margin-top: 10%;&quot;&gt;{{patientName}}&lt;/strong&gt;&lt;/h2&gt; 
  
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;p-field p-grid&quot;&gt;
        &lt;label for=&quot;firstname3&quot; class=&quot;p-col-fixed&quot; style=&quot;width:100px&quot;&gt;Disease&lt;/label&gt;
        &lt;div class=&quot;p-col&quot;&gt;
          &lt;p-dropdown [style]=&quot;{'width':'200px'}&quot; [options]=&quot;diseaseOptions&quot;
            [(ngModel)]=&quot;selectedDiseaseId&quot;&gt;&lt;/p-dropdown&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;p-field p-grid&quot;&gt;
        &lt;label for=&quot;firstname3&quot; class=&quot;p-col-fixed&quot; style=&quot;width:100px&quot;&gt;Medication&lt;/label&gt;
        &lt;div class=&quot;p-col&quot;&gt;
          &lt;p-dropdown  [style]=&quot;{'width':'200px'}&quot; [options]=&quot;medicationOptions&quot;
            [(ngModel)]=&quot;selectedMedicationId&quot;&gt;&lt;/p-dropdown&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;p-field p-grid&quot;&gt;
        &lt;label for=&quot;firstname3&quot; class=&quot;p-col-fixed&quot; style=&quot;width:100px&quot;&gt;Start Date&lt;/label&gt;
        &lt;div class=&quot;p-col&quot;&gt;
          &lt;p-calendar  [style]=&quot;{'margin-left':'15%' ,'margin-top':'2%'}&quot; [(ngModel)]=&quot;endDate&quot; showButtonBar=&quot;true&quot;
            inputId=&quot;buttonbar1&quot;&gt;&lt;/p-calendar&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
  
      &lt;div class=&quot;p-field p-grid&quot;&gt;
        &lt;label for=&quot;firstname3&quot; class=&quot;p-col-fixed&quot; style=&quot;width:100px&quot;&gt;End Date&lt;/label&gt;
        &lt;div class=&quot;p-col&quot;&gt;
          &lt;p-calendar [style]=&quot;{'margin-left':'15%' ,'margin-top':'2%'}&quot; [(ngModel)]=&quot;startDate&quot; showButtonBar=&quot;true&quot;
            inputId=&quot;buttonbar2&quot;&gt;&lt;/p-calendar&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;button type=&quot;button&quot; [routerLink]='[&quot;/patients&quot;]' style=&quot;margin-left:15%&quot;  pButton icon=&quot;pi pi-times&quot; label=&quot;Cancel&quot;&gt; &lt;/button&gt;
    &lt;button type=&quot;button&quot; style=&quot;margin-left:30%&quot; (click)=&quot;createTreatment()&quot; pButton icon=&quot;pi pi-plus&quot; label=&quot;Save&quot;&gt; &lt;/button&gt;
  
  
  
    &lt;/p-card&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/tSKNi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tSKNi.png" alt="enter image description here" /></a></p>