import { Component, OnInit, Input, HostBinding } from "@angular/core";
import { FormGroup } from "@angular/forms";
import { IDynamicBaseControl, IDynamicDateControl } from "../../interfaces/dynamic-control.interface";
@Component({
  selector: "dynamic-date-range",
  template: `
      <div class="farris-group-wrap" [formGroup]="form">
        <div class="form-group farris-form-group">
          <label class="col-form-label">
            <span *ngIf="0" class="farris-label-info text-danger">*</span>
            <span class="farris-label-text">{{control.name}}</span>
          </label>
          <div class="farris-input-wrap">
            <farris-datepicker [dateRange]="true" [returnFormat]="control.control.format" [formControlName]="control.labelCode" [readonly]="control.control.readonly"></farris-datepicker>
          </div>
        </div>
      </div>
  `,
  styles: []
})
export class DateRangeComponent implements OnInit {
  @HostBinding('class') className: string;
  @Input()
  control: IDynamicDateControl;
  @Input()
  form: FormGroup;
  constructor() {}
  ngOnInit() {
    this.control.control.format = this.control.control.format || 'yyyy-MM-dd';
    this.className = this.control.className ? this.control.className : 'col-12 col-md-6 col-xl-3 col-el-2';
  }
}