Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

An error - Angular 6 with Material

See original GitHub issue

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',
  imports: [
 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>

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

DanielYKPancommented, Jun 28, 2018

Update your @angular/cdk to latest version.

takahsercommented, Aug 20, 2018

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Error after Update to Angular 6 - Material Design for Bootstrap
Hey,we upgrade our devenv and project from Angular 5.2 to Angular 6 as its described at the page.But now we get the...
Read more >
Angular 6 Material form reset makes Validation error appear
My reset, wants me to bring the form like it looks during loading.. how to do it ? angular · angular6 · angular-material-6...
Read more >
Select | Angular Material
This error is thrown if you attempt to assign a value other than null , undefined , or an array to a <mat-select...
Read more >
How To Update Angular CLI To Latest Version
If you are using Angular material You have to update it as well using ng update command. ng update @angular/material. The Angular latest ......
Read more >
Upgrade Angular 6 app to Angular 7 with Visual Studio 2017
To fix this error, first run npm link and then run ng serve command. 1. 2. npm link. ng serve ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found