import {Component, Input, OnInit} from '@angular/core';
import {FormControl, Validators} from '@angular/forms';

import {DatepickerOptions} from './DatepickerOptions';
import {Defaults} from '../../constant/defaults.constant';
import {Helper} from '../../helper';

@Component({
  selector: 'rss-datepicker',
  templateUrl: './datepicker.component.html',
  styleUrls: ['./datepicker.component.scss']
})
export class DatepickerComponent implements OnInit {

  @Input() config;
  @Input() control: FormControl;
  @Input() readonly: Boolean;

  @Input() label: any;
  @Input() placeholder = Defaults.PLACEHOLDER;
  @Input() required: boolean = Defaults.REQUIRED;
  @Input() requiredError: string = Defaults.REQUIRED_ERROR_MESSAGE;

  constructor() {
  }

  ngOnInit() {
    if (this.config) {
      const config = new DatepickerOptions(this.config);
      Helper.merge(this, config);
    }

    if (!this.control) {
      console.error(Defaults.MISSING_FORM_CONTROL_ERROR_MESSAGE);
    } else {
      if (this.required) {
        this.control.setValidators(Validators.required);
      }
    }
  }

  displayRequiredError(fc: FormControl) {
    return Helper.displayRequiredError(fc);
  }

}