@eeplatform/nuxt-layer-common 1.7.32 → 1.7.33

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @eeplatform/nuxt-layer-common
 
+## 1.7.33
+
+### Patch Changes
+
+- a893a78: Fix birthdate format
+
 ## 1.7.32
 
 ### Patch Changes

package/components/EnrollmentForm.vue

@@ -378,13 +378,9 @@
                   />
                 </v-col>
                 <v-col cols="12">
-                  <v-mask-input
+                  <InputMaskDate
                     v-model="enrollment.learnerInfo.birthDate"
-                    mask="##/##/####"
-                    placeholder="MM/DD/YYYY"
-                    density="comfortable"
-                    variant="outlined"
-                  ></v-mask-input>
+                  ></InputMaskDate>
                 </v-col>
               </v-row>
             </v-col>
@@ -1469,8 +1465,6 @@ const prop = defineProps({
     default: "",
   },
 });
-
-import { VMaskInput } from "vuetify/labs/VMaskInput";
 const { requiredRule, debounce } = useUtils();
 
 const enrollment = defineModel<TTLearner>({
@@ -2534,7 +2528,7 @@ watchEffect(() => {
 import { useMask } from "vuetify";
 
 watchEffect(() => {
-  const mask = useMask({ mask: "##/##/####" });
+  const mask = useMask({ mask: "##-##-####" });
   const date = mask.mask(enrollment.value.learnerInfo.birthDate);
   if (
     enrollment.value.learnerInfo.birthDate &&

package/components/Input/MaskDate.vue

@@ -0,0 +1,30 @@
+<template>
+  <v-mask-input
+    v-bind="attrs"
+    v-model="formattedValue"
+    mask="##-##-####"
+    placeholder="MM-DD-YYYY"
+    density="comfortable"
+    variant="outlined"
+  >
+    <template v-for="(_, name) in $slots" #[name]="slotProps">
+      <slot :name="name" v-bind="slotProps || {}" />
+    </template>
+  </v-mask-input>
+</template>
+
+<script setup lang="ts">
+import { VMaskInput } from "vuetify/labs/VMaskInput";
+
+const attrs = useAttrs();
+const formattedValue = ref("");
+
+const modelData = defineModel({ type: String });
+
+import { useMask } from "vuetify";
+
+watch(formattedValue, () => {
+  const mask = useMask({ mask: "##-##-####" });
+  modelData.value = mask.mask(formattedValue.value);
+});
+</script>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@eeplatform/nuxt-layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "1.7.32",
+  "version": "1.7.33",
   "main": "./nuxt.config.ts",
   "publishConfig": {
     "access": "public"