import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { DashboardRoutingModule } from './dashboard-routing.module';
import { LayoutComponentComponent } from './layout-component/layout-component.component';
import { DashboardComponent } from './dashboard.component';
import { SharedModule } from 'src/app/shared/shared.module';
import { MatProgressBarModule } from '@angular/material/progress-bar';
import { MatCardModule } from '@angular/material/card';
import { MatIconModule } from '@angular/material/icon';
import { MatTableModule } from '@angular/material/table';
import { MatInputModule } from '@angular/material/input';
import { MatPaginatorModule } from '@angular/material/paginator';
import { MatButtonModule } from '@angular/material/button';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { FormsModule } from '@angular/forms';
import { MatSortModule } from '@angular/material/sort';
import { TranslateModule } from '@ngx-translate/core';
import { HomeViewComponent } from './home-view/home-view.component';
import { HomeUploadComponent } from './home-upload/home-upload.component';
import { ReactiveFormsModule } from '@angular/forms';
import { TenderHomeComponent } from './tender-home/tender-home.component';
import { AddTendersComponent } from './add-tenders/add-tenders.component';
import { MatTabsModule } from '@angular/material/tabs';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatNativeDateModule } from '@angular/material/core';
import { MatSelectModule } from '@angular/material/select';
import { MatMomentDateModule } from '@angular/material-moment-adapter';
import {MatTooltipModule} from '@angular/material/tooltip';
// import { NgxMatTimepickerModule } from 'ngx-mat-timepicker';
import {ProgressSpinnerMode, MatProgressSpinnerModule} from '@angular/material/progress-spinner';
import { LOCALE_ID } from '@angular/core';
import { MatDialogModule } from '@angular/material/dialog';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { DialogComponent } from './dialog/dialog.component';
import { QrPaymentComponent } from './qr-payment/qr-payment.component';
import { PaymentDetailsComponent } from './payment-details/payment-details.component';
import { GalleryComponent } from './gallery/gallery.component';

// import { MatTimepickerModule } from 'mat-timepicker';
// import { MatTimepickerModule } from '@angular/material/timepicker';
// import { MatSelectModule } from '@angular/material';
const lang = 'en-US';

@NgModule({
  declarations: [
    LayoutComponentComponent,
    DashboardComponent,
    HomeViewComponent,
    HomeUploadComponent,
    TenderHomeComponent,
    AddTendersComponent,
    DialogComponent,
    QrPaymentComponent,
    PaymentDetailsComponent,
    GalleryComponent
  ],
  imports: [
    CommonModule,
    DashboardRoutingModule,
    SharedModule,
    MatProgressBarModule,
    MatCardModule,
    MatIconModule,
    MatTableModule,
    MatInputModule,
    MatButtonModule,
    MatPaginatorModule,
    MatSlideToggleModule,
    FormsModule,
    MatSortModule,
    TranslateModule,
    ReactiveFormsModule,
    MatTabsModule,
    MatSelectModule,
    MatNativeDateModule,
    MatDatepickerModule,
    MatMomentDateModule,
    MatTooltipModule,
    MatDialogModule,
    MatCheckboxModule,
    MatProgressSpinnerModule
    // NgxMatTimepickerModule.setLocale(lang),
    // NgxMaterialTimepickerModule
    // MatTimepickerModule 
    
    
  ],
  providers: [{ provide: LOCALE_ID, useValue: lang }]
})
export class DashboardModule { }
