Fixed #519 - TouchUI modal gets stuck if input tabs out

src/components/calendar/Calendar.vue

@@ -343,8 +343,7 @@ export default {
         }
 
         if (this.mask) {
-            this.disableModality();
+            this.destroyMask();
-            this.mask = null;
         }
 
         this.restoreAppend();
@@ -554,6 +553,11 @@ export default {
             this.unbindScrollListener();
             this.unbindResizeListener();
             this.$emit('hide');
+            
+            if (this.mask) {
+                this.disableModality();
+            }
+
             this.overlay = null;
         },
         onPrevButtonClick(event) {
@@ -771,10 +775,6 @@ export default {
             if (this.isSingleSelection() && (!this.showTime || this.hideOnDateTimeSelect)) {
                 setTimeout(() => {
                     this.overlayVisible = false;
-
-                    if (this.mask) {
-                        this.disableModality();
-                    }
                 }, 150);
             }
         },
@@ -1309,7 +1309,7 @@ export default {
                 DomHandler.addMultipleClasses(this.mask, 'p-datepicker-mask p-datepicker-mask-scrollblocker');
 
                 this.maskClickListener = () => {
-                    this.disableModality();
+                    this.overlayVisible = false;
                 };
                 this.mask.addEventListener('click', this.maskClickListener);
 
@@ -1323,10 +1323,13 @@ export default {
         },
         disableModality() {
             if (this.mask) {
-                this.overlayVisible = false;
-
                 DomHandler.addClass(this.mask, 'p-datepicker-mask-leave');
                 this.mask.addEventListener('transitionend', () => {
+                    this.destroyMask();
+                });
+            }
+        },
+        destroyMask() {
             this.mask.removeEventListener('click', this.maskClickListener);
             this.maskClickListener = null;
             document.body.removeChild(this.mask);
@@ -1345,8 +1348,6 @@ export default {
             if (!hasBlockerMasks) {
                 DomHandler.removeClass(document.body, 'p-overflow-hidden');
             }
-                });
-            }
         },
         updateCurrentMetaData() {
             const viewDate = this.viewDate;