import { NgModule } from '@angular/core';
import { AsyncPipe, CommonModule } from '@angular/common';
import { MatTableModule } from '@angular/material/table';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { GridProductComponent } from './grid-product.component';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatDivider, MatDividerModule } from '@angular/material/divider';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { MatSelectModule } from '@angular/material/select';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { MatOptionModule, provideNativeDateAdapter } from '@angular/material/core';
import { MatAutocompleteModule } from '@angular/material/autocomplete';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { CustomDateFormatDirective } from './directives/CustomDateFormat.directive';
import { NgxMaskDirective, NgxMaskPipe, provideNgxMask } from 'ngx-mask';

@NgModule({
    imports: [
        CommonModule,
        MatTableModule, 
        MatButtonModule, 
        MatIconModule,
        MatCheckboxModule,
        MatDivider,
        MatDividerModule,
        FormsModule,
        MatFormFieldModule,
        MatInputModule,
        ReactiveFormsModule,
        MatSelectModule,
        MatProgressSpinnerModule,
        MatOptionModule,
        MatAutocompleteModule,
        MatDatepickerModule,
        AsyncPipe,
        CustomDateFormatDirective,
        NgxMaskDirective, 
        NgxMaskPipe
    ],
    declarations: [
        GridProductComponent
    ],
    exports:[
        GridProductComponent
    ],
    providers: [provideNativeDateAdapter(),provideNgxMask()]
})
export class KifGridProductModule { }