angular - ngx-bootstrap/datepicker not rendering and generating error BsDatepickerDirective -> BsDatepickerConfig

Question

I just go through ngx-bootstrap for datepicker control for my basic Angular app but stuck with below error

ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[BsDatepickerDirective -> BsDatepickerConfig]: 
  StaticInjectorError(Platform: core)[BsDatepickerDirective -> BsDatepickerConfig]: 

snippet from app.module.ts

import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';

@NgModule({
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    ReactiveFormsModule,
    BrowserAnimationsModule,
    BsDatepickerModule.forRoot()

This is html snippet

        <div class="form-group">
            <label for="doj">DOJ:</label>
            <input type="text" bsDatepicker  
            formControlName="DOJ" class="form-control" name="doj" id="doj">
        </div>

Answer 1

等待大神答复