import { Component, Input } from '@angular/core';
import { FormControl, Validators } from '@angular/forms';
import { Filter } from '../../interface/filter.interface';
import { Calendar as iconCalendar } from 'lucide-angular';
import { Utils } from '../../common/utils';
@Component({
    selector: 'kit-toolbar-filter-date',
    templateUrl: './toolbar-filter-date.component.html'
})
  
export class ToolbarFilterDateComponent{
    @Input() filterForm: FormControl = new FormControl({});
    public iconCalendar = iconCalendar;
    
    private _filter!:Filter;

    public constructor(){}
    
    @Input() public set filter(filter:Filter){
        this._filter = filter;
    }
    public get filter(){
        return this._filter;
    }

    public isControlRequired(): boolean {
        return this.filterForm.hasValidator(Validators.required); 
    }

    public validateError () {
        return this.filter?.errors ? Utils.validateError(this.filterForm, this.filter?.errors) : '';
    }

}