import { Component, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';

/* Own modules */
import { BaseDateFormatComponent } from './base-date-format.component';

@Component({
    selector: 'date-format',
    template: "<div class='input-group date'> <input type='tel' [ngClass]='cssclass' [textMask]='{mask:dateMask}' [placeholder]='placeholder' [readonly]='readonly' [name]='inputname' [(ngModel)]='_date' (focus)='focusEvent($event)' (keyup)='keyUpEvent($event)' (keydown)='keyDownEvent($event)' [disabled]='isDisabled()' ngDefaultControl /> </div> ",
    providers: [
        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DateFormatComponent), multi: true },
        { provide: NG_VALIDATORS, useExisting: forwardRef(() => DateFormatComponent), multi: true }
    ]
})
export class DateFormatComponent extends BaseDateFormatComponent {}