codevdesign 0.0.92 → 0.0.94

package/composants/csqcDate.vue

@@ -1,56 +1,57 @@
-<template>
-  <v-date-input
-    v-model="dateValeur"
-    v-bind="$attrs"
-    @update:model-value="formatDate"
-    variant="outlined"
-    prepend-icon=""
-    prepend-inner-icon="$calendar"
-    density="comfortable"
-  ></v-date-input>
-</template>
-
-<script setup lang="ts">
-  import { ref, watch, computed } from 'vue'
-  import { VDateInput } from 'vuetify/labs/VDateInput'
-
-  const props = withDefaults(
-    defineProps<{
-      modelValue: string | Date | null
-    }>(),
-    {},
-  )
-
-  const emit = defineEmits(['update:modelValue'])
-  const dateValeur = ref<Date | string | null>(props.modelValue)
-
-  const formatDate = (date: Date | string | null) => {
-    if (date == null) {
-      emit('update:modelValue', null)
-      return
-    }
-
-    if (typeof date === 'string') {
-      emit('update:modelValue', props.modelValue)
-      return
-    }
-
-    //Transformer la date en string
-    const d = new Date(date)
-    const yyyy = d.getFullYear()
-    const mm = String(d.getMonth() + 1).padStart(2, '0')
-    const dd = String(d.getDate()).padStart(2, '0')
-    const formatte = `${yyyy}-${mm}-${dd}`
-    dateValeur.value = formatte
-
-    emit('update:modelValue', dateValeur.value)
-  }
-
-  // Synchronise les props externes avec l'état interne
-  watch(
-    () => props.modelValue,
-    nouvelle => {
-      dateValeur.value = nouvelle
-    },
-  )
-</script>
+<template>
+  <v-date-input
+    v-model="dateValeur"
+    v-bind="$attrs"
+    input-format="yyyy-MM-dd"
+    variant="outlined"
+    prepend-icon=""
+    prepend-inner-icon="$calendar"
+    density="comfortable"
+    @update:model-value="formatDate"
+  ></v-date-input>
+</template>
+
+<script setup lang="ts">
+  import { ref, watch } from 'vue'
+  import { VDateInput } from 'vuetify/labs/VDateInput'
+
+  const props = withDefaults(
+    defineProps<{
+      modelValue: string | Date | null
+    }>(),
+    {},
+  )
+
+  const emit = defineEmits(['update:modelValue'])
+  const dateValeur = ref<Date | string | null>(props.modelValue)
+
+  const formatDate = (date: Date | string | null) => {
+    if (date == null) {
+      emit('update:modelValue', null)
+      return
+    }
+
+    if (typeof date === 'string') {
+      emit('update:modelValue', props.modelValue)
+      return
+    }
+
+    //Transformer la date en string
+    const d = new Date(date)
+    const yyyy = d.getFullYear()
+    const mm = String(d.getMonth() + 1).padStart(2, '0')
+    const dd = String(d.getDate()).padStart(2, '0')
+    const formatte = `${yyyy}-${mm}-${dd}`
+    dateValeur.value = formatte
+
+    emit('update:modelValue', dateValeur.value)
+  }
+
+  // Synchronise les props externes avec l'état interne
+  watch(
+    () => props.modelValue,
+    nouvelle => {
+      dateValeur.value = nouvelle
+    },
+  )
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codevdesign",
-  "version": "0.0.92",
+  "version": "0.0.94",
   "description": "Composants Vuetify 3 pour les projets Codev",
   "files": [
     "./**/*.vue",