diff --git a/src/components/shared/select/SelectAgent.vue b/src/components/shared/select/SelectAgent.vue
index d3addfe2..05dac050 100644
--- a/src/components/shared/select/SelectAgent.vue
+++ b/src/components/shared/select/SelectAgent.vue
@@ -3,7 +3,7 @@ import { ref, onMounted } from 'vue';
 import { getRole } from 'src/services/keycloak';
 
 import { createSelect, SelectProps } from './select';
-import SelectInput from '../SelectInput.vue';
+import SelectBase from './SelectBase.vue';
 
 import { User } from 'src/stores/user/types';
 
@@ -77,7 +77,7 @@ function setDefaultValue() {
 }
 </script>
 <template>
-  <SelectInput
+  <SelectBase
     v-model="value"
     incremental
     option-value="id"
@@ -85,7 +85,7 @@ function setDefaultValue() {
     :placeholder
     :readonly
     :disable="disabled"
-    :option="selectOptions"
+    :options="selectOptions"
     :hide-selected="false"
     :fill-input="false"
     :rules="[
@@ -123,5 +123,5 @@ function setDefaultValue() {
         class="cursor-pointer clear-btn"
       />
     </template>
-  </SelectInput>
+  </SelectBase>
 </template>
diff --git a/src/components/shared/select/SelectBranch.vue b/src/components/shared/select/SelectBranch.vue
index b18a1e51..4a8f4dbd 100644
--- a/src/components/shared/select/SelectBranch.vue
+++ b/src/components/shared/select/SelectBranch.vue
@@ -3,7 +3,7 @@ import { ref, onMounted } from 'vue';
 import { getRole } from 'src/services/keycloak';
 
 import { createSelect, SelectProps } from './select';
-import SelectInput from '../SelectInput.vue';
+import SelectBase from './SelectBase.vue';
 
 import { Branch } from 'src/stores/branch/types';
 
@@ -74,7 +74,7 @@ function setDefaultValue() {
 }
 </script>
 <template>
-  <SelectInput
+  <SelectBase
     for="select-hq-id"
     v-model="value"
     incremental
@@ -82,7 +82,7 @@ function setDefaultValue() {
     :placeholder
     :readonly
     :disable="disabled"
-    :option="
+    :options="
       selectOptions.map((v) => {
         const ret = {
           label: codeOnly
@@ -114,5 +114,5 @@ function setDefaultValue() {
         class="cursor-pointer clear-btn"
       />
     </template>
-  </SelectInput>
+  </SelectBase>
 </template>
diff --git a/src/components/shared/select/SelectCustomer.vue b/src/components/shared/select/SelectCustomer.vue
index 73fafd79..0cf51348 100644
--- a/src/components/shared/select/SelectCustomer.vue
+++ b/src/components/shared/select/SelectCustomer.vue
@@ -2,7 +2,7 @@
 import { ref, onMounted } from 'vue';
 
 import { createSelect, SelectProps } from './select';
-import SelectInput from '../SelectInput.vue';
+import SelectBase from './SelectBase.vue';
 import SelectCustomerItem from './SelectCustomerItem.vue';
 
 import useStore, { Customer, CustomerBranch } from 'src/stores/customer';
@@ -70,7 +70,7 @@ onMounted(async () => {
 });
 </script>
 <template>
-  <SelectInput
+  <SelectBase
     v-model="value"
     option-value="id"
     incremental
@@ -79,7 +79,7 @@ onMounted(async () => {
     :placeholder
     :readonly
     :disable="disabled"
-    :option="selectOptions"
+    :options="selectOptions"
     :hide-selected="false"
     :fill-input="false"
     :rules="[(v: string) => !!v || $t('form.error.required')]"
@@ -175,5 +175,5 @@ onMounted(async () => {
         class="cursor-pointer clear-btn"
       />
     </template>
-  </SelectInput>
+  </SelectBase>
 </template>
diff --git a/src/components/shared/select/SelectEmployee.vue b/src/components/shared/select/SelectEmployee.vue
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/components/shared/select/SelectFlow.vue b/src/components/shared/select/SelectFlow.vue
index 3b5d55ec..94b10f8c 100644
--- a/src/components/shared/select/SelectFlow.vue
+++ b/src/components/shared/select/SelectFlow.vue
@@ -2,7 +2,7 @@
 import { ref, onMounted } from 'vue';
 
 import { createSelect, SelectProps } from './select';
-import SelectInput from '../SelectInput.vue';
+import SelectBase from './SelectBase.vue';
 
 import { WorkflowTemplate } from 'src/stores/workflow-template/types';
 
@@ -72,7 +72,7 @@ function setDefaultValue() {
 }
 </script>
 <template>
-  <SelectInput
+  <SelectBase
     for="select-work-flow-template"
     v-model="value"
     incremental
@@ -80,7 +80,7 @@ function setDefaultValue() {
     :placeholder
     :readonly
     :disable="disabled"
-    :option="
+    :options="
       selectOptions.map((v) => {
         const ret = {
           label: v.name,
@@ -105,5 +105,5 @@ function setDefaultValue() {
         class="cursor-pointer clear-btn"
       />
     </template>
-  </SelectInput>
+  </SelectBase>
 </template>
diff --git a/src/components/shared/select/SelectInstitution.vue b/src/components/shared/select/SelectInstitution.vue
index 4b4ea912..8b87569b 100644
--- a/src/components/shared/select/SelectInstitution.vue
+++ b/src/components/shared/select/SelectInstitution.vue
@@ -2,7 +2,7 @@
 import { ref, onMounted } from 'vue';
 
 import { createSelect, SelectProps } from './select';
-import SelectInput from '../SelectInput.vue';
+import SelectBase from './SelectBase.vue';
 
 import { Institution } from 'src/stores/institution/types';
 
@@ -72,14 +72,14 @@ function setDefaultValue() {
 }
 </script>
 <template>
-  <SelectInput
+  <SelectBase
     v-model="value"
     incremental
     :label
     :placeholder
     :readonly
     :disable="disabled"
-    :option="
+    :options="
       selectOptions.map((v) => {
         const ret = {
           label: v.name,
@@ -104,5 +104,5 @@ function setDefaultValue() {
         class="cursor-pointer clear-btn"
       />
     </template>
-  </SelectInput>
+  </SelectBase>
 </template>
diff --git a/src/components/shared/select/SelectProductGroup.vue b/src/components/shared/select/SelectProductGroup.vue
index 5a1dac62..1251d61f 100644
--- a/src/components/shared/select/SelectProductGroup.vue
+++ b/src/components/shared/select/SelectProductGroup.vue
@@ -2,7 +2,7 @@
 import { ref, onMounted } from 'vue';
 
 import { createSelect, SelectProps } from './select';
-import SelectInput from '../SelectInput.vue';
+import SelectBase from './SelectBase.vue';
 
 import { ProductGroup } from 'stores/product-service/types';
 
@@ -71,7 +71,7 @@ function setDefaultValue() {
 }
 </script>
 <template>
-  <SelectInput
+  <SelectBase
     v-model="value"
     incremental
     option-label="code"
@@ -80,7 +80,7 @@ function setDefaultValue() {
     :placeholder
     :readonly
     :disable="disabled"
-    :option="selectOptions"
+    :options="selectOptions"
     :hide-selected="false"
     :fill-input="false"
     :rules="[
@@ -120,5 +120,5 @@ function setDefaultValue() {
         </span>
       </q-item-section>
     </template>
-  </SelectInput>
+  </SelectBase>
 </template>
diff --git a/src/components/shared/select/SelectQuotation.vue b/src/components/shared/select/SelectQuotation.vue
index 344e500b..b51e3a24 100644
--- a/src/components/shared/select/SelectQuotation.vue
+++ b/src/components/shared/select/SelectQuotation.vue
@@ -2,7 +2,7 @@
 import { ref, onMounted } from 'vue';
 
 import { createSelect, SelectProps } from './select';
-import SelectInput from '../SelectInput.vue';
+import SelectBase from './SelectBase.vue';
 
 import useOptionStore from 'src/stores/options';
 
@@ -102,7 +102,7 @@ function setDefaultValue() {
 }
 </script>
 <template>
-  <SelectInput
+  <SelectBase
     v-model="value"
     option-value="id"
     incremental
@@ -111,7 +111,7 @@ function setDefaultValue() {
     :readonly
     :hide-input="value !== ''"
     :disable="disabled"
-    :option="selectOptions"
+    :options="selectOptions"
     :hide-selected="false"
     :fill-input="false"
     :rules="[
@@ -219,5 +219,5 @@ function setDefaultValue() {
         </div>
       </div>
     </template>
-  </SelectInput>
+  </SelectBase>
 </template>
diff --git a/src/components/shared/select/SelectUser.vue b/src/components/shared/select/SelectUser.vue
index b931d07e..b0956dcc 100644
--- a/src/components/shared/select/SelectUser.vue
+++ b/src/components/shared/select/SelectUser.vue
@@ -2,7 +2,7 @@
 import { ref, onMounted } from 'vue';
 
 import { createSelect, SelectProps } from './select';
-import SelectInput from '../SelectInput.vue';
+import SelectBase from './SelectBase.vue';
 
 import useStore, { User } from 'src/stores/user';
 import { Lang } from 'src/utils/ui';
@@ -68,14 +68,14 @@ function setDefaultValue() {
 }
 </script>
 <template>
-  <SelectInput
+  <SelectBase
     v-model="value"
     incremental
     :label
     :placeholder
     :readonly
     :disable="disabled"
-    :option="
+    :options="
       selectOptions.map((v) => {
         const ret = {
           label: (
@@ -106,5 +106,5 @@ function setDefaultValue() {
         class="cursor-pointer clear-btn"
       />
     </template>
-  </SelectInput>
+  </SelectBase>
 </template>