import { NgModule, ModuleWithProviders } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import {
  MdInputModule,
  MdDatepickerModule,
  MdNativeDateModule
} from '@angular/material';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { TextMaskModule } from 'angular2-text-mask';
import { DateFormatComponent } from './component/date-format.component';
import { MdDateFormatComponent } from './component/md/md-date-format.component';
import { DateFormatModel } from './model/date-format.model';
import { DateFormatValidator } from './validator/date-format.validator';

const CommonImports = [
  CommonModule,
  FormsModule,
  TextMaskModule
];

const CommonProviders = [
  DateFormatModel,
  DateFormatValidator
];

@NgModule({
  imports: CommonImports,
  declarations: [DateFormatComponent],
  exports: [DateFormatComponent],
  providers: CommonProviders
})
export class DateFormatModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: DateFormatModule,
      providers: CommonProviders
    };
  }
}

@NgModule({
  imports: [
    ...CommonImports,
    BrowserAnimationsModule,
    MdInputModule,
    MdDatepickerModule,
    MdNativeDateModule
  ],
  declarations: [MdDateFormatComponent],
  exports: [MdDateFormatComponent],
  providers: CommonProviders
})
export class MdDateFormatModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: MdDateFormatModule,
      providers: CommonProviders
    };
  }
}