goodteditor-ui 1.0.37 → 1.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "goodteditor-ui",
-    "version": "1.0.37",
+    "version": "1.0.38",
     "main": "index.js",
     "homepage": "https://goodt-ui.netlify.app/",
     "scripts": {

package/src/components/ui/InputDatePicker.vue

@@ -192,10 +192,6 @@ export default {
     data() {
         return {
             date: null,
-            inputBinds: {
-                placeholder: this.placeholder,
-                readonly: this.readonly || !this.editable,
-            },
             inputEvents: {
                 input: this.onInputInput,
                 change: this.onInputChange,
@@ -206,6 +202,21 @@ export default {
             inputValueRaw: '',
         };
     },
+    computed: {
+        isRange() {
+            return !!this.datepicker.range;
+        },
+        valueLabel() {
+            return Array.isArray(this.value) ? this.value.join(this.delimiter) : this.value;
+        },
+        inputBinds() {
+            const { placeholder, readonly, editable } = this;
+            return {
+                placeholder,
+                readonly: readonly || !editable
+            }
+        }
+    },
     watch: {
         value: {
             handler(val) {
@@ -232,18 +243,7 @@ export default {
              * @property {String} date
              */
             this.$emit('input', val ? [] : '');
-        },
-        placeholder(placeholder) {
-            this.inputBinds = { ...this.inputBinds, placeholder };
-        },
-    },
-    computed: {
-        isRange() {
-            return !!this.datepicker.range;
-        },
-        valueLabel() {
-            return Array.isArray(this.value) ? this.value.join(this.delimiter) : this.value;
-        },
+        }
     },
     methods: {
         clear() {

package/src/components/ui/InputTimePicker.vue

@@ -8,7 +8,7 @@
     >
         <div class="ui-input-time-picker-wrapper d-flex flex-v-center w-100">
             <div style="flex: 1 0 0">
-                <!-- 
+                <!--
                 @slot Custom input slot
                 @binding {String} id    input id attribute value
                 @binding {String} value    input value
@@ -26,7 +26,7 @@
                     />
                 </slot>
             </div>
-            <!-- 
+            <!--
             @slot Custom clear icon slot
             @binding {Function} clear    function that clears the value
             -->
@@ -35,7 +35,7 @@
                     <i class="mdi mdi-close"></i>
                 </div>
             </slot>
-            <!-- 
+            <!--
             @slot Icon slot
             @binding {Function} toggle  function that toggles the datepicker
             -->
@@ -171,10 +171,6 @@ export default {
     data() {
         return {
             time: null,
-            inputBinds: {
-                placeholder: this.placeholder,
-                readonly: this.readonly || !this.editable,
-            },
             inputEvents: {
                 change: this.onInputChange,
                 input: this.onInputInput,
@@ -183,6 +179,15 @@ export default {
             },
         };
     },
+    computed: {
+        inputBinds() {
+            const { placeholder, readonly, editable } = this;
+            return {
+                placeholder,
+                readonly: readonly || !editable
+            }
+        }
+    },
     watch: {
         value: {
             handler(val) {