fix: clear btn functionality ffix

shubhadip · Feb 11, 2023 · 4ca56cb · 4ca56cb
1 parent 4d2fb5c
commit 4ca56cb
Show file tree

Hide file tree

Showing 7 changed files with 1,714 additions and 16,011 deletions.
diff --git a/.eslintcache b/.eslintcache
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuejs3-datepicker",
-  "version": "1.0.11",
+  "version": "1.0.14",
   "description": "Vue 3 datepicker",
   "files": [
     "dist/*",

diff --git a/serve/datepicker.js b/serve/datepicker.js
diff --git a/src/components/datepicker/DateInput.vue b/src/components/datepicker/DateInput.vue
@@ -288,6 +288,7 @@ export default defineComponent({
       parseTypedDate,
       inputBlurred,
       inputRef,
+      clearDate,
     };
   },
 });

diff --git a/src/components/datepicker/datepicker.css b/src/components/datepicker/datepicker.css
@@ -28,7 +28,6 @@
     margin-left: 10px;
     font-size: 15px;
   }
-
   &__typeablecalendar{
     position: absolute;
     top: 10px;
@@ -187,6 +186,9 @@
   &__clear-button, &__calendar-button{
     cursor: pointer;
     font-style: normal;
+    position: absolute;
+    top: 12px;
+    right:12px;
     &.disabled {
       color: #999;
       cursor: default;

diff --git a/src/components/datepicker/locale/index.ts b/src/components/datepicker/locale/index.ts
@@ -488,8 +488,8 @@ export const vn = (): ILocale => {
     'Tháng 11',
     'Tháng 12',
   ];
-  const days = ['CN', 'H', 'B', 'T', 'N', 'S', 'B']
-  const daysNames = ['CN', 'Thứ Hai', 'Thứ Ba', 'Thứ Tư', 'Thứ Năm', 'Thứ Sáu', 'Thứ Bảy']
+  const days = ['CN', 'H', 'B', 'T', 'N', 'S', 'B'];
+  const daysNames = ['CN', 'Thứ Hai', 'Thứ Ba', 'Thứ Tư', 'Thứ Năm', 'Thứ Sáu', 'Thứ Bảy'];
   const rtl = false;
   const ymd = false;
   const yearSuffix = '';

diff --git a/src/components/examples/VModel.vue b/src/components/examples/VModel.vue
@@ -5,7 +5,7 @@
     </template>
     <template v-slot:content>
       <div class="flex-block">
-        <appdate-picker v-model="dateinput" @update:modelValue="dateSelected" />
+        <appdate-picker v-model="dateinput" @update:modelValue="dateSelected" :clearButton="true" />
         <div class="change-btn">
           <button @click="changeValue">Change Value</button>
           <p>UpdateValue : {{ dateinput }}</p>
@@ -29,7 +29,7 @@ export default defineComponent({
   setup() {
     const dateinput = ref(new Date());
     const template = `<appdate-picker
-  v-model="dateinput" 
+  v-model="dateinput"
   @update:modelValue="dateSelected"
 />`;