@if(filter.label) {
    <mat-label [class.required]="isControlRequired()">{{filter.label}}</mat-label>    
}

<mat-form-field class="example-full-width custom-label-outside" appearance="outline" floatLabel="always">
    <input
        matInput
        class="form-control"
        [formControl]="filterForm"
        [type]="filter.inputType ? filter.inputType : INPUT_TYPE.TEXT"
        [placeholder]="filter.placeholder ? filter.placeholder : '' "
        [dropSpecialCharacters]="filter.mask && filter.mask.dropSpecialCharacters ? false : true"
        [prefix]="filter.mask?.prefix || ''"
        [suffix]="filter.mask?.suffix || ''"
        [mask]="filter.mask?.mask || ''"
        [showMaskTyped]="filter.mask?.showMaskTyped || false"
        [allowNegativeNumbers]="filter.mask?.allowNegativeNumbers || false"
        [clearIfNotMatch]="filter.mask?.clearIfNotMatch || false"
        [specialCharacters]="filter.mask?.specialCharacters || ['']"
        [thousandSeparator]="filter.mask?.thousandSeparator || '.'"
        [decimalMarker]="(filter.mask && filter.mask.thousandSeparator && filter.mask.thousandSeparator === '.') ? ',':'.'"
        [patterns]="filter.mask?.customPatterns ||  null"
        [validation]=" filter.mask?.validation ||  false" />
        @if (validateError()) {
            <mat-error>
              {{validateError()}}
            </mat-error>
        }
    <!-- errors = [{
        errorValidator: { required: true },
        errorDescription: 'Mensaje error',
    }]; -->
</mat-form-field>