<mat-hint align="end">Example: ABCD123456</mat-hint>
<mat-error *ngIf="validateControl('ranName') && hasError('ranName', 'required')">Name is required</mat-error>
<mat-error *ngIf="hasError('ranName', 'length')">Valid name is required</mat-error>
<mat-hint align="end">Example: ABCD123456</mat-hint>
<mat-error *ngIf="validateControl('ranName') && hasError('ranName', 'required')">Name is required</mat-error>
<mat-error *ngIf="hasError('ranName', 'length')">Valid name is required</mat-error>