Merge pull request 'set disable in persian date' (#48) from UI.calendar into dev

Reviewed-on: WillaEngine-Project/WillaEngine#48

resources/js/Global/components/Inputs/PersianDate.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :class="[ disabled ? 'has-blur' : '' ]">
         <v-text-field
             v-model="dateShow"
             :label="label"
@@ -16,7 +16,7 @@
             :locale-config="localeConfig"
             :format="defaultDisplayFormat"
             :inputFormat="defaultInputFormat"
-            @change="$emit('input', $event.format(defaultFormat))"
+            @change="changeDatePicker"
             :type="type"
             :auto-submit="true"
             :element="'my-custom-date-' + uniqueId"
@@ -39,6 +39,7 @@
     },
     props: {
         color: {default: 'black'},
+        disabled: {default: false},
         defaultDate: {
             default: 'now',
             type: String,
@@ -75,7 +76,7 @@
             get() {
                 if (this.value) {
                     return moment(new Date(this.value)).format(this.defaultDisplayFormat);
-                    } else {
+                } else if (!this.disabled) {
                     if (this.defaultDate === 'now') {
                         this.$emit('input', moment(new Date()).format(this.defaultFormat));
                         return moment(new Date()).format(this.defaultDisplayFormat);
@@ -138,6 +139,20 @@
                 return this.max;
             }
         },
+    },
+    methods: {
+        changeDatePicker(event) {
+            if (!this.disabled) {
+                this.$emit('input', event.format(this.defaultFormat))
+            }
+        }
+    },
+    watch: {
+        disabled(value) {
+            if (value) {
+                this.$emit('input', null);
+            }
+        }
     }
 }
 </script>