@veritree/ui 0.76.1-4 → 0.76.1-6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.76.1-4",
+  "version": "0.76.1-6",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",
@@ -18,7 +18,8 @@
     "@floating-ui/dom": "^1.6.5",
     "@linusborg/vue-simple-portal": "^0.1.5",
     "@sum.cumo/vue-datepicker": "^4.0.0",
-    "@veritree/icons": "^0.62.0"
+    "@veritree/icons": "^0.62.0",
+    "dayjs": "^1.11.11"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.23.10",

package/src/components/Form/VTInputDate.vue

@@ -45,7 +45,7 @@ import VTPopoverTrigger from './../Popover/VTPopoverTrigger.vue';
 import VTPopoverContent from './../Popover/VTPopoverContent.vue';
 import Datepicker from '@sum.cumo/vue-datepicker';
 import { IconChevronLeft, IconChevronRight } from '@veritree/icons';
-import { format } from 'date-fns';
+import dayjs from 'dayjs';
 
 export default {
   name: 'VTInputDate',
@@ -107,16 +107,8 @@ export default {
       },
     },
 
-    // The date-fns library uses 'yyyy' for year and 'dd' for day, instead of 'YYYY' and 'DD' respectively,
-    // following the Unicode Technical Standard #35 for date format patterns.
-    // This is different from the format patterns used in the JavaScript Date object, which uses 'YYYY' and 'DD'.
-    // For more information, refer to the date-fns documentation: https://date-fns.org/v3.6.0/docs/Unicode-Tokens
-    // It's important to note the difference when using date formatting in different contexts.
     valueModelFormatted() {
-      return format(
-        this.value,
-        this.format.replace('YYYY', 'yyyy').replace('DD', 'dd'), // replace to match date-fns format
-      );
+      return dayjs(this.value).format(this.format);
     },
 
     disabledDates() {