An error - Angular 6 with Material

I’ve installed the date-time picker, with Moment JS provder… and followed the correct steps…BUt I am getting this error : EROR TypeError: this.overlay.position(…).flexibleConnectedTo(…).withTransformOriginOn is not a function And it is completely broken. . Here is my Module:

import { OwlDateTimeModule, OWL_DATE_TIME_FORMATS } from 'ng-pick-datetime';
import { OwlMomentDateTimeModule } from 'ng-pick-datetime-moment';

export const MY_FORMATS = {
  parse: {
    dateInput: 'LL',
  },
  display: {
    dateInput: 'LL',
    monthYearLabel: 'MMM YYYY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'MMMM YYYY',
  },
};

@NgModule({
  imports: [
 CommonModule,
    FormsModule,
 OwlDateTimeModule, OwlMomentDateTimeModule
],
  providers: [
      {provide: OWL_DATE_TIME_FORMATS, useValue: MY_FORMATS}
],....

and My component.html as follows:

<input [owlDateTime]="dt1" [owlDateTimeTrigger]="dt1" placeholder="Date Time">
<owl-date-time #dt1></owl-date-time>

[DanielYKPan]

Update your @angular/cdk to latest version.

[takahser]

Sorry, I think it had to do with some cached node modules. After running rm -rf ./node_modules and reinstalling, it works with both versions I mentioned.