Cannot read property 'reposition' of undefined

[nsjithin]

First of all thank you very much for this plugin. But I am getting the following error, when I try include it in my project.

ERROR TypeError: Cannot read property 'reposition' of undefined
    at MdDatetimepicker._createPopup (datetimepicker.js:278)
    at MdDatetimepicker._openAsPopup (datetimepicker.js:261)
    at MdDatetimepicker.open (datetimepicker.js:219)
    at MdDatetimepickerToggle._open (datetimepicker-toggle.js:32)
    at Object.eval [as handleEvent] (MyIndexComponent.html:5)
    at handleEvent (core.es5.js:11892)
    at callWithDebugContext (core.es5.js:13184)
    at Object.debugHandleEvent [as handleEvent] (core.es5.js:12772)
    at dispatchEvent (core.es5.js:8792)
    at core.es5.js:9384

Please help

[michael-mcanulty]

Did you drag the Typescript files into your project from github, or install using npm?

Also, what version of @angular/material is in your package.json?

On Jul 26, 2017 11:07 PM, "nsjithin" notifications@github.com wrote:

First of all thank you very much for this plugin. But I am getting the following error, when I try include it in my project.

ERROR TypeError: Cannot read property 'reposition' of undefined at MdDatetimepicker._createPopup (datetimepicker.js:278) at MdDatetimepicker._openAsPopup (datetimepicker.js:261) at MdDatetimepicker.open (datetimepicker.js:219) at MdDatetimepickerToggle._open (datetimepicker-toggle.js:32) at Object.eval [as handleEvent] (MyIndexComponent.html:5) at handleEvent (core.es5.js:11892) at callWithDebugContext (core.es5.js:13184) at Object.debugHandleEvent [as handleEvent] (core.es5.js:12772) at dispatchEvent (core.es5.js:8792) at core.es5.js:9384

Please help

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/michael-mcanulty/md-datetimepicker/issues/3, or mute the thread https://github.com/notifications/unsubscribe-auth/ASl-NK5jk9HJiYOkY6Oi-XmvIWTwjpDyks5sSCkdgaJpZM4Ok1Lr .

[nsjithin]

I have installed using npm install.

From package.json

 "dependencies": {
    "@agm/core": "1.0.0-beta.0",
    "@angular/animations": "4.1.2",
    "@angular/common": "4.1.2",
    "@angular/compiler": "4.1.2",
    "@angular/core": "4.1.2",
    "@angular/flex-layout": "2.0.0-beta.8",
    "@angular/forms": "4.1.2",
    "@angular/http": "4.1.2",
    "@angular/material": "2.0.0-beta.6",
    "@angular/platform-browser": "4.1.2",
    "@angular/platform-browser-dynamic": "4.1.2",
    "@angular/router": "4.1.2",
    "@swimlane/ngx-datatable": "9.2.0",
    "angular-calendar": "0.15.0",
    "angular-tree-component": "3.6.0",
    "angular2-highcharts": "^0.5.5",
    "angular2-jwt": "0.2.3",
    "chart.js": "2.5.0",
    "core-js": "2.4.1",
    "d3": "4.9.1",
    "dragula": "3.7.2",
    "font-awesome": "^4.7.0",
    "hammerjs": "2.0.8",
    "intl": "1.2.5",
    "leaflet": "1.0.3",
    "moment": "^2.18.1",
    "ng2-charts": "1.5.0",
    "ng2-dragula": "1.3.1",
    "ng2-file-upload": "1.2.1",
    "ng2-translate": "5.0.0",
    "ng2-validation": "4.2.0",
    "ngx-pipes": "^1.6.1",
    "ngx-toastr": "^5.3.1",
    "perfect-scrollbar": "0.7.0",
    "quill": "1.2.4",
    "rxjs": "5.4.0",
    "screenfull": "3.2.0",
    "zone.js": "0.8.10"
  },

[michael-mcanulty]

It looks like you will have to upgrade to material beta 7, is that possible for you?

"@angular/material": "2.0.0-beta.7",

no caret ^ unless you want to add more dependancies...

I am workling on changes for beta 8 now, but I will go back and see what's going on.

On Jul 27, 2017 9:22 PM, "nsjithin" notifications@github.com wrote:

I have installed using npm install.

From package.json

"dependencies": { "@agm/core": "1.0.0-beta.0", "@angular/animations": "4.1.2", "@angular/common": "4.1.2", "@angular/compiler": "4.1.2", "@angular/core": "4.1.2", "@angular/flex-layout": "2.0.0-beta.8", "@angular/forms": "4.1.2", "@angular/http": "4.1.2", "@angular/material": "2.0.0-beta.6", "@angular/platform-browser": "4.1.2", "@angular/platform-browser-dynamic": "4.1.2", "@angular/router": "4.1.2", "@swimlane/ngx-datatable": "9.2.0", "angular-calendar": "0.15.0", "angular-tree-component": "3.6.0", "angular2-highcharts": "^0.5.5", "angular2-jwt": "0.2.3", "chart.js": "2.5.0", "core-js": "2.4.1", "d3": "4.9.1", "dragula": "3.7.2", "font-awesome": "^4.7.0", "hammerjs": "2.0.8", "intl": "1.2.5", "leaflet": "1.0.3", "moment": "^2.18.1", "ng2-charts": "1.5.0", "ng2-dragula": "1.3.1", "ng2-file-upload": "1.2.1", "ng2-translate": "5.0.0", "ng2-validation": "4.2.0", "ngx-pipes": "^1.6.1", "ngx-toastr": "^5.3.1", "perfect-scrollbar": "0.7.0", "quill": "1.2.4", "rxjs": "5.4.0", "screenfull": "3.2.0", "zone.js": "0.8.10" },

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/michael-mcanulty/md-datetimepicker/issues/3#issuecomment-318555565, or mute the thread https://github.com/notifications/unsubscribe-auth/ASl-NKHe_gmVnusn4Hc6ukX-ZH4r6GeEks5sSWHxgaJpZM4Ok1Lr .

[nsjithin]

Now it works. Thanks very much.