import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MatMenuModule } from '@angular/material/menu';
import { MatIconModule } from '@angular/material/icon';


import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgbDatepickerModule, NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { HttpClientModule } from '@angular/common/http';
import { MatSidenavModule } from '@angular/material/sidenav';
import { MatGridListModule } from '@angular/material/grid-list';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CrudComponent } from './crud/crud.component';
import { HomeComponent } from './home/home.component';
import { DatasetComponent } from './crud/dataset/dataset.component';
import { FormComponent } from './crud/form/form.component';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatNativeDateModule, MAT_DATE_LOCALE } from '@angular/material/core';
import { AccomodationComponent } from './accomodation/accomodation.component';
import { ActivitieslistComponent } from './activitieslist/activitieslist.component';
import { ActivityComponent } from './activity/activity.component';
import { MatInputModule } from '@angular/material/input';
import { ItineraryComponent } from './itinerary/itinerary.component';
import { MatSelectModule } from '@angular/material/select';
import { TripsummaryComponent } from './tripsummary/tripsummary.component';
import { WizardComponent } from './wizard/wizard.component';
import { DateRangeFormatPipe } from './pipes/date-range-format.pipe';
import { DatePipe } from '@angular/common';
import { ActivitytypeComponent } from './activitytype/activitytype.component';
import { LightgalleryModule } from 'lightgallery/angular';
import { AccomodationdescriptionComponent } from './accomodationdescription/accomodationdescription.component';
import { YourtripComponent } from './yourtrip/yourtrip.component';

@NgModule({
   declarations: [
      AppComponent,
      CrudComponent,
      DatasetComponent,
      FormComponent,
      HomeComponent,
      AccomodationComponent,
      ActivitieslistComponent,
      ActivityComponent,
      ItineraryComponent,
      TripsummaryComponent,
      WizardComponent,
      DateRangeFormatPipe,
      // ActivitydescriptionComponent,
      ActivitytypeComponent,
      AccomodationdescriptionComponent,
      YourtripComponent,
   ],
   imports: [
      BrowserModule,
      HttpClientModule,
      AppRoutingModule,
      NgbModule,
      BrowserAnimationsModule,
      MatSidenavModule,
      MatGridListModule,
      FormsModule,
      ReactiveFormsModule,
      MatDatepickerModule,
      MatFormFieldModule,
      MatNativeDateModule,
      MatInputModule,
      MatSelectModule,
      NgbDatepickerModule,
      LightgalleryModule,
      MatMenuModule,
      MatIconModule
   ],
   providers: [
      DatePipe,
      {
         provide: MAT_DATE_LOCALE,
         useValue: 'en-GB'
      }
   ],
   bootstrap: [AppComponent]
})
export class AppModule { }