From 09717541f6682fe349359a2b863245ce48dea992 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 19 May 2025 20:41:06 +0530
Subject: [PATCH] fix: set default value as 0 in int field

(cherry picked from commit e7a20374c78851d74ba4a97072c3ee8250b18204)
---
 .../src/components/Controls/MultiSelectEmailInput.vue     | 2 +-
 frontend/src/components/FieldLayout/Field.vue             | 8 +++-----
 frontend/src/components/SidePanelLayout.vue               | 2 +-
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Controls/MultiSelectEmailInput.vue b/frontend/src/components/Controls/MultiSelectEmailInput.vue
index b5ba3f84..182ed938 100644
--- a/frontend/src/components/Controls/MultiSelectEmailInput.vue
+++ b/frontend/src/components/Controls/MultiSelectEmailInput.vue
@@ -211,7 +211,7 @@ const filterOptions = createResource({
 
 const options = computed(() => {
   let searchedContacts = props.fetchContacts ? filterOptions.data : []
-  if (!searchedContacts.length && query.value) {
+  if (!searchedContacts?.length && query.value) {
     searchedContacts.push({
       label: query.value,
       value: query.value,
diff --git a/frontend/src/components/FieldLayout/Field.vue b/frontend/src/components/FieldLayout/Field.vue
index 92ce15f8..64ba37e7 100644
--- a/frontend/src/components/FieldLayout/Field.vue
+++ b/frontend/src/components/FieldLayout/Field.vue
@@ -136,7 +136,6 @@
     <DateTimePicker
       v-else-if="field.fieldtype === 'Datetime'"
       :value="data[field.fieldname]"
-      icon-left=""
       :formatter="(date) => getFormat(date, '', true, true)"
       :placeholder="getPlaceholder(field)"
       input-class="border-none"
@@ -144,7 +143,6 @@
     />
     <DatePicker
       v-else-if="field.fieldtype === 'Date'"
-      icon-left=""
       :value="data[field.fieldname]"
       :formatter="(date) => getFormat(date, '', true)"
       :placeholder="getPlaceholder(field)"
@@ -162,10 +160,10 @@
       @change="fieldChange($event.target.value, field)"
     />
     <FormattedInput
-      v-else-if="['Int'].includes(field.fieldtype)"
-      type="number"
+      v-else-if="field.fieldtype === 'Int'"
+      type="text"
       :placeholder="getPlaceholder(field)"
-      :value="data[field.fieldname]"
+      :value="data[field.fieldname] || '0'"
       :disabled="Boolean(field.read_only)"
       :description="field.description"
       @change="fieldChange($event.target.value, field)"
diff --git a/frontend/src/components/SidePanelLayout.vue b/frontend/src/components/SidePanelLayout.vue
index 9272c656..ef80c599 100644
--- a/frontend/src/components/SidePanelLayout.vue
+++ b/frontend/src/components/SidePanelLayout.vue
@@ -279,7 +279,7 @@
                           v-else-if="field.fieldtype === 'Int'"
                           class="form-control"
                           type="text"
-                          v-model="document.doc[field.fieldname]"
+                          :value="document.doc[field.fieldname] || '0'"
                           :placeholder="field.placeholder"
                           :debounce="500"
                           @change.stop="fieldChange($event.target.value, field)"