search

DanielYKPan / date-time-picker

Angular Date Time Picker (Responsive Design)
https://daniel-projects.firebaseapp.com/owlng/date-time-picker
MIT License
562 stars 358 forks source link

Dialog picker mode not working with Angular 9 #697

Open prashantasdeveloper opened 4 years ago

prashantasdeveloper commented 4 years ago 
<input class="calendar-owl" [max]="currentDate"
       [owlDateTimeTrigger]="dt2" [owlDateTime]="dt2" placeholder="Enter Date">
<owl-date-time [pickerMode]="'dialog'" [pickerType]="'calendar'" #dt2="owlDateTime">
</owl-date-time>

core.js:4118 ERROR TypeError: Cannot read property 'hasAttached' of undefined at OwlDialogContainerComponent.push../node_modules/ng-pick-datetime/ivy_ngcc__/dialog/dialog-container.component.js.OwlDialogContainerComponent.attachComponentPortal (dialog-container.component.js:123) at OwlDialogService.push../node_modules/ng-pick-datetime/ivy_ngcc/dialog/dialog.service.js.OwlDialogService.attachDialogContent (dialog.service.js:119) at OwlDialogService.push../node_modules/ng-pick-datetime/__ivy_ngcc/dialog/dialog.service.js.OwlDialogService.open (dialog.service.js:88) at OwlDateTimeComponent.push../node_modules/ng-pick-datetime/ivy_ngcc__/date-time/date-time-picker.component.js.OwlDateTimeComponent.openAsDialog (date-time-picker.component.js:371) at OwlDateTimeComponent.push../node_modules/ng-pick-datetime/ivy_ngcc/date-time/date-time-picker.component.js.OwlDateTimeComponent.open (date-time-picker.component.js:281) at OwlDateTimeTriggerDirective.push../node_modules/ng-pick-datetime/__ivy_ngcc/date-time/date-time-picker-trigger.directive.js.OwlDateTimeTriggerDirective.handleClickOnHost (date-time-picker-trigger.directive.js:51) at OwlDateTimeTriggerDirective_click_HostBindingHandler (date-time-picker-trigger.directive.js:91) at executeListenerWithErrorHandling (core.js:15161) at wrapListenerIn_markDirtyAndPreventDefault (core.js:15196) at HTMLInputElement. (platform-browser.js:615)

vijaygodhasara commented 4 years ago

Hello,

I have same issue observed with angular 9.

ERROR TypeError: Cannot read property 'pickerMode' of undefined at OwlDateTimeContainerComponent.get [as owlDTPopupContainerClass] (date-time-picker-container.component.js:141) at Object.eval [as updateRenderer] (OwlDateTimeInlineComponent.html:1) at Object.debugUpdateRenderer [as updateRenderer] (core.js:31314) at checkAndUpdateView (core.js:30689) at callViewAction (core.js:30925) at execComponentViewsAction (core.js:30867) at checkAndUpdateView (core.js:30690) at callViewAction (core.js:30925) at execComponentViewsAction (core.js:30867) at checkAndUpdateView (core.js:30690) View_OwlDateTimeInlineComponent_0 @ OwlDateTimeInlineComponent.html:1

danielmoncada commented 4 years ago

@prashantasdeveloper @vijaygodhasara this should be fixed in my fork that supports ng9: https://github.com/danielmoncada/date-time-picker