@fy-/fws-vue 1.6.2 → 1.6.5

package/components/fws/UserProfile.vue

@@ -34,7 +34,9 @@ const eventBus = useEventBus();
 const currentDate = new Date();
 const defaultDate = new Date(
   currentDate.setFullYear(currentDate.getFullYear() - 18),
-);
+)
+  .toISOString()
+  .split("T")[0];
 
 const state = reactive({
   userData: {
@@ -54,6 +56,8 @@ watchEffect(() => {
     Bio: userData.value?.UserProfile?.Bio || "",
     Birthdate: userData.value?.UserProfile?.Birthdate
       ? new Date(userData.value?.UserProfile?.Birthdate.unixms)
+          .toISOString()
+          .split("T")[0]
       : defaultDate,
     PublicGender: userData.value?.UserProfile?.PublicGender || false,
     PublicBio: userData.value?.UserProfile?.PublicBio || false,
@@ -230,9 +234,7 @@ function selectFile(e: Event) {
       v-model="state.userData.Birthdate"
       class="mb-4"
       type="datepicker"
-      :dp-options="{
-        format: 'yyyy-mm-dd',
-      }"
+      :disableDatesUnder18="true"
       :label="$t('fws_birthdate_label')"
       :error-vuelidate="v$.userData.Birthdate.$errors"
     />

package/components/fws/UserProfileStrict.vue

@@ -24,7 +24,9 @@ const props = withDefaults(
 const currentDate = new Date();
 const defaultDate = new Date(
   currentDate.setFullYear(currentDate.getFullYear() - 18),
-);
+)
+  .toISOString()
+  .split("T")[0];
 
 const ageValidator = (value: any) => {
   const today = new Date();
@@ -51,6 +53,8 @@ watchEffect(() => {
     Gender: userData.value?.UserProfile?.Gender || "",
     Birthdate: userData.value?.UserProfile?.Birthdate
       ? new Date(userData.value?.UserProfile?.Birthdate.unixms)
+          .toISOString()
+          .split("T")[0]
       : defaultDate,
     AcceptedTerms: userData.value?.AcceptedTerms || true,
   };
@@ -135,9 +139,7 @@ const patchUser = async () => {
       id="birthdateFWS"
       v-model="state.userData.Birthdate"
       class="mb-4"
-      :dp-options="{
-        format: 'yyyy-mm-dd',
-      }"
+      :disableDatesUnder18="true"
       type="datepicker"
       :label="$t('fws_birthdate_label')"
       :error-vuelidate="v$.userData.Birthdate.$errors"

package/components/ui/DefaultInput.vue

@@ -39,6 +39,7 @@ const props = withDefaults(
     errorVuelidate?: ErrorObject[];
     disabled?: boolean;
     maxLengthPerTag?: number;
+    disableDatesUnder18?: boolean;
   }>(),
   {
     showLabel: true,
@@ -49,6 +50,7 @@ const props = withDefaults(
     checkboxFalseValue: false,
     disabled: false,
     maxLengthPerTag: 0,
+    disableDatesUnder18: false,
     dpOptions: () => ({}),
   },
 );
@@ -103,6 +105,17 @@ const modelCheckbox = computed({
   },
 });
 defineExpose({ focus, blur, getInputRef });
+
+function disableDateUnder18Func(date: Date) {
+  const today = new Date();
+  const date18YearsAgo = new Date(
+    today.getFullYear() - 18,
+    today.getMonth(),
+    today.getDate(),
+  );
+
+  return date < date18YearsAgo;
+}
 </script>
 <template>
   <div>
@@ -200,6 +213,9 @@ defineExpose({ focus, blur, getInputRef });
               }"
               :placeholder="placeholder"
               as-single
+              :disable-date="
+                props.disableDatesUnder18 ? disableDateUnder18Func : undefined
+              "
             ></VueTailwindDatepicker>
           </div>
         </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "1.6.2",
+  "version": "1.6.5",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "repository": {