"You did not provide a ViewContainerRef. " exception due calling selectDate

A "You did not provide a ViewContainerRef. " exception is thrown when calling selectDate.

    "@angular-mdl/core": "^4.0.3",
    "@angular-mdl/datepicker": "0.0.2",
    "@angular-mdl/popover": "^0.6.3",
    "@angular-mdl/select": "^0.10.4",

 <button mdl-button (click)="pickADate($event)" mdl-button-type="icon" mdl-ripple>
    <mdl-icon>event</mdl-icon>
 </button>
 <span>{{ selectedDate?.format('LL') }}</span>

import { MdlDatePickerService } from '@angular-mdl/datepicker';
import * as moment from 'moment';

 constructor(
    private datePicker: MdlDatePickerService) { }

  public pickADate($event: MouseEvent) {
    this.datePicker.selectDate(this.selectedDate, { openFrom: $event }).subscribe((selectedDate: Date) => {
      this.selectedDate = selectedDate ? moment(selectedDate) : null;
    });
  }

[charitharumapperuma]

Actually I found out that app should import MdlDialogModule at the root level for date picker to work (importing it in a sub module won’t work). I could not find that information in the given documentation. Even though that is straight forward to import it, I think that should be included in the documentation to be on the safe side.

[charitharumapperuma]

MdlDialogModule must be imported as MdlDialogModule.forRoot() in app.module.ts