diff --git a/layouts/v7/modules/Vtiger/resources/Utils.js b/layouts/v7/modules/Vtiger/resources/Utils.js
index c51009b48d412c9d050e8d58079915bbaa794d2e..a19b41474819f8ef09f657e590c2fea772b6901a 100644
--- a/layouts/v7/modules/Vtiger/resources/Utils.js
+++ b/layouts/v7/modules/Vtiger/resources/Utils.js
@@ -135,7 +135,9 @@ var vtUtils = {
                         showShortcuts: true,
                         autoClose : false,
                         duration : 500
-                    });
+                    }).on('datepicker-opened', function(e){
+						vtUtils.addMask(jQuery('.date-picker-wrapper:visible'));
+					}).on('datepicker-closed',vtUtils.removeMask);
                 }else{
                     var elementDateFormat = element.data('dateFormat');
                     if(typeof elementDateFormat !== 'undefined') {
@@ -375,5 +377,18 @@ var vtUtils = {
         return string.replace(tags, function ($0, $1) {
             return allowed.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : '';
         });
-    }
+	},
+	
+	addMask: function (container) {
+		if (container.length && jQuery('#vt-mask').length == 0) {
+			var mask = '<div id="vt-mask" class="vt-page-mask" ></div>'
+			container.before(mask);
+		}
+	},
+
+	removeMask: function () {
+		if (jQuery('#vt-mask').length) {
+			jQuery('#vt-mask').remove();
+		}
+	},
 }
diff --git a/layouts/v7/skins/vtiger/style.less b/layouts/v7/skins/vtiger/style.less
index 875fa422f597d9f03dbaea7cde32ad2e247c4a86..9a09e0f159da72e718685883415d9aa57db27377 100644
--- a/layouts/v7/skins/vtiger/style.less
+++ b/layouts/v7/skins/vtiger/style.less
@@ -8675,4 +8675,20 @@ body .fc {
         border-width: thin;
         padding: 30px;
     }
+}
+
+#vt-mask{
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 10001;
+    background-color: #fff;
 }
\ No newline at end of file