How to use ngx-daterangepicker-material - 2 common examples

SocialModule,
    FitbitModule,
    MonzoModule,
    DataManagementModule,
    PublicPagesModule,
    NotablesModule,
    MashupsModule,
    ExploreModule,
    SheModule,
    CoreModule,
    AppRoutingModule,
    HatClaimModule,
    SettingsModule,
    ToolsModule,
    ReactiveWebStorageModule.setLocalStorageKeys(storageKeys),
    NgxDaterangepickerMd.forRoot()
  ],
  bootstrap: [ AppRootComponent ],
  entryComponents: [ DialogBoxComponent, ConfirmBoxComponent, InfoBoxComponent, MapBoxComponent, FileUploadComponent,
    HatAppHmiComponent
  ],
  providers: [
    { provide: LocationStrategy, useClass: HashLocationStrategy },
    { provide: APP_CONFIG, useValue: configuration },
    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },
    AuthGuard,
    NativeGuard,
    CookieService,
    HatApiService, // Supersedes original HAT API service
    StaticDataService,
    SystemStatusService,
    GlobalMessagingService,

import { SearchService } from '@sunbird/core';
import { SharedModule } from '@sunbird/shared';
import { OrderModule } from 'ngx-order-pipe';

@NgModule({
  imports: [
    CommonModule,
    DashboardRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    ChartsModule,
    SuiModule,
    SharedModule,
    OrderModule,
    TelemetryModule,
    NgxDaterangepickerMd.forRoot()
  ],
  declarations: [CourseConsumptionComponent, OrganisationComponent, CourseProgressComponent, UsageReportsComponent,
    DataTableComponent, DataChartComponent],
  exports: [CourseProgressComponent, DataTableComponent],
  providers: [
    RendererService,
    DashboardUtilsService,
    SearchService,
    LineChartService,
    CourseConsumptionService,
    OrganisationService, DownloadService, CourseProgressService, UsageService]
})
export class DashboardModule { }