import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { MatAutocompleteModule } from '@angular/material/autocomplete'; import { MatButtonModule } from '@angular/material/button'; import { MatCardModule } from '@angular/material/card'; import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatNativeDateModule } from '@angular/material/core'; import { MatDatepickerModule } from '@angular/material/datepicker'; import { MatFormFieldModule } from '@angular/material/form-field'; import { MatIconModule } from '@angular/material/icon'; import { MatInputModule } from '@angular/material/input'; import { MatTableModule } from '@angular/material/table'; import { SharedModule} from '../shared/shared.module'; import { ReactiveFormsModule } from '@angular/forms'; import { CdkTableModule } from '@angular/cdk/table'; import { BillSettlementReportRoutingModule } from './bill-settlement-report-routing.module'; import { BillSettlementReportComponent } from './bill-settlement-report.component'; import { MomentDateAdapter } from '@angular/material-moment-adapter'; import { A11yModule } from '@angular/cdk/a11y'; import { FlexLayoutModule } from '@angular/flex-layout'; export const MY_FORMATS = { parse: { dateInput: 'DD-MMM-YYYY', }, display: { dateInput: 'DD-MMM-YYYY', monthYearLabel: 'MMM YYYY', dateA11yLabel: 'DD-MMM-YYYY', monthYearA11yLabel: 'MMM YYYY', }, }; @NgModule({ imports: [ A11yModule, CommonModule, CdkTableModule, FlexLayoutModule, MatAutocompleteModule, MatButtonModule, MatCardModule, MatDatepickerModule, MatFormFieldModule, MatIconModule, MatInputModule, MatNativeDateModule, MatTableModule, ReactiveFormsModule, SharedModule, BillSettlementReportRoutingModule ], declarations: [ BillSettlementReportComponent ], providers: [ {provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]}, {provide: MAT_DATE_FORMATS, useValue: MY_FORMATS}, ] }) export class BillSettlementReportModule { }