Can't import NbTimepickerModule

[k0beLeenders]

Issue type

I'm submitting a ... (check one with "x")

• [x ] bug report
• [ ] feature request

Issue description

Current behavior: If i try to import NbTimepickerModule in my module i get the error: _TS2724: Module '"../../../../nodemodules/@nebular/theme"' has no exported member 'NbTimepickerModule'. Did you mean 'NbDatepickerModule'?

When I insert this html code: <input nbInput placeholder="Pick Date" [nbDatepicker]="dateTimePicker"> <nb-date-timepicker withSeconds

dateTimePicker>_

I get this error: _ERROR NullInjectorError: R3InjectorError(PagesModule)[InjectionToken NB_TIME_PICKER_CONFIG -> InjectionToken NB_TIME_PICKER_CONFIG -> InjectionToken NB_TIME_PICKER_CONFIG -> InjectionToken NB_TIME_PICKER_CONFIG]: NullInjectorError: No provider for InjectionToken NB_TIME_PICKERCONFIG!

Expected behavior: A useable datetimepicker component.

Steps to reproduce:

Related code:

Snippet of app.module.ts: _/**

• @license
• Copyright Akveo. All Rights Reserved.
• Licensed under the MIT License. See License.txt in the project root for license information. */ import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { NgModule } from '@angular/core'; import { HttpClientModule } from '@angular/common/http'; import { CoreModule } from './@core/core.module'; import { ThemeModule } from './@theme/theme.module'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; import { NbCardModule, NbChatModule, NbDatepickerModule, NbDialogModule, NbMenuModule, NbSidebarModule, NbToastrModule, NbWindowModule, } from '@nebular/theme'; import { FormsModule } from '@angular/forms'; import { AuthGuardService } from './services/auth-guard.service'; import { NbEvaIconsModule } from '@nebular/eva-icons'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { CalendarModule } from 'angular-calendar'; import { DateAdapter } from 'angular-calendar'; import { adapterFactory } from 'angular-calendar/date-adapters/date-fns'; import { registerLocaleData } from '@angular/common'; import localeNl from '@angular/common/locales/nl-BE'; import {NbDateFnsDateModule} from "@nebular/date-fns";

registerLocaleData(localeNl);

@NgModule({ declarations: [AppComponent], providers: [AuthGuardService], imports: [ NbEvaIconsModule, BrowserModule, BrowserAnimationsModule, HttpClientModule, AppRoutingModule, NbSidebarModule.forRoot(), NbMenuModule.forRoot(), NbDatepickerModule.forRoot(), NbDialogModule.forRoot(), NbWindowModule.forRoot(), NbToastrModule.forRoot(), NbChatModule.forRoot({ messageGoogleMapKey: 'AIzaSyAwNuCzia92MAmdLRzmqitRGvCF7wCZPY', }), CoreModule.forRoot(), ThemeModule.forRoot(), NbCardModule, FormsModule, NgbModule, CalendarModule.forRoot({ provide: DateAdapter, useFactory: adapterFactory }), NbDateFnsDateModule.forRoot({ parseOptions: { useAdditionalWeekYearTokens: true, useAdditionalDayOfYearTokens: true }, formatOptions: { useAdditionalWeekYearTokens: true, useAdditionalDayOfYearTokens: true }, }), ], bootstrap: [AppComponent], exports: [ ], }) export class AppModule { }

### Other information:
node --version: v10.18.0
npm --version: 6.13.4

**Angular, Nebular**
    "@nebular/auth": "6.2.1",
    "@nebular/date-fns": "^6.2.1",
    "@nebular/eva-icons": "^6.2.1",
    "@nebular/security": "6.0.0",
    "@nebular/theme": "6.2.1",

[migueldur94]

Hi, how I resolved this problem was putting in the PagesModule this provider

providers:[ { provide:NB_TIME_PICKER_CONFIG, useValue:{} } ]

[jeffk42]

In case anyone runs across this issue in the future, in addition to NbDatepickerModule.forRoot() you also need to add NbTimepickerModule.forRoot().

[nikesh9220]

Hi, how I resolved this problem was putting in the PagesModule this provider

providers:[ { provide:NB_TIME_PICKER_CONFIG, useValue:{} } ]

Thanks, The above solutions are working.