goodteditor-ui 1.0.37 → 1.0.39

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "goodteditor-ui",
-    "version": "1.0.37",
+    "version": "1.0.39",
     "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() {
@@ -263,6 +263,11 @@ export default {
         },
         onInputInput({ target }) {
             this.inputValueRaw = target.value;
+            /**
+             * Input event
+             * @property {String} date
+             */
+            this.$emit('input', target.value);
         },
         onInputChange(e) {
             this.setDateFromString(e.target.value);
@@ -276,11 +281,6 @@ export default {
         },
         onDpChange(date) {
             const model = Array.isArray(date) ? date.map(this.toValue) : this.toValue(date);
-            /**
-             * Input event
-             * @property {String|Array} value
-             */
-            this.$emit('input', model);
             /**
              * Change event
              * @property {String|Array} value
@@ -310,11 +310,6 @@ export default {
                 const d = this.toDate(value);
                 model = isDateValid(d) ? this.toValue(d) : '';
             }
-            /**
-             * Input event
-             * @property {String|Array} value
-             */
-            this.$emit('input', model);
             /**
              * Change event
              * @property {String|Array} value

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) {