From 50c4949bfb38336b6def20432e3ea1a26f2436b6 Mon Sep 17 00:00:00 2001
From: Eric Gauzens <ericgauzens@hotmail.com>
Date: Tue, 26 Dec 2023 15:37:40 -0500
Subject: [PATCH] Remove el-input styling

---
 package.json                                  |  2 +-
 src/App.vue                                   | 42 +++++++++++++++++++
 src/assets/styles.scss                        |  2 +-
 .../DropdownMultiselect/DropdownLabel.vue     |  2 +-
 4 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index fa92391..ac62dd9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sparc-design-system-components-2",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "private": false,
   "scripts": {
     "dev": "vite",
diff --git a/src/App.vue b/src/App.vue
index 33a02ab..1cbfb64 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,6 +10,28 @@
   <main>
     <el-icon><Folder /></el-icon>
 
+    <el-select
+      v-model="month"
+      class="mr-8 month"
+      placeholder="Month"
+    >
+      <el-option
+        v-for="(month, index) in months"
+        :key="index"
+        :label="month"
+        :value="month"
+      />
+    </el-select>
+    <el-input-number
+      v-model="year"
+      controls-position="right"
+      placeholder="Year"
+      :precision="0"
+      :min="2000"
+      :max="2040"
+      disabled
+    />
+
     <div>
 
     <sparc-checkbox
@@ -21,6 +43,7 @@
       :display="item.display"
     />
   </div>
+  
   <div>
     <sparc-checkbox
       v-model="checkboxVal"
@@ -1168,6 +1191,20 @@
         'right-center',
         'right-bottom'
       ])
+      const months = [
+        'Jan',
+        'Feb',
+        'Mar',
+        'Apr',
+        'May',
+        'Jun',
+        'Jul',
+        'Aug',
+        'Sep',
+        'Oct',
+        'Nov',
+        'Dec'
+      ]
       let value = ref('')
       let selectVal = ref([])
       const radioVal=ref("1")
@@ -1198,8 +1235,13 @@
       const pageCount= ref(100)
       const selectedPage = ref(3)
       const tabCard = ref(contentTabCard)
+      const month = ref('Mar')
+      const year = ref(2020)
 
       return {
+        months,
+        month,
+        year,
         checkboxVal,
         checkboxVal2,
         checkboxItem,
diff --git a/src/assets/styles.scss b/src/assets/styles.scss
index d0119fe..0ac4f1a 100644
--- a/src/assets/styles.scss
+++ b/src/assets/styles.scss
@@ -17,7 +17,7 @@ $--font-path: '~element-plus/lib/theme-chalk/fonts';
 @import './components/_el-table';
 @import './components/_el-dialog';
 
-@import './components/_el-input';
+// @import './components/_el-input';
 @import './components/_el-select';
 @import './components/_el-popover';
 
diff --git a/src/components/DropdownMultiselect/DropdownLabel.vue b/src/components/DropdownMultiselect/DropdownLabel.vue
index 2c6f8f9..077430f 100644
--- a/src/components/DropdownMultiselect/DropdownLabel.vue
+++ b/src/components/DropdownMultiselect/DropdownLabel.vue
@@ -3,7 +3,7 @@
     <div @click="onArrowClicked" :class="showCollapsibleArrow ? 'label-header-clickable' : ''" class="label-header">
       <span>
         <span class="label-title">{{ label }}</span>
-        <sparc-tooltip>
+        <sparc-tooltip placement="bottom-center">
           <template #item>
             <help-icon v-if="showHelpIcon" class="ml-4 help-icon" width="20" height="20" />
           </template>