@fy-/fws-vue 1.3.3 → 1.3.5

package/components/fws/UserProfile.vue

@@ -229,7 +229,7 @@ function selectFile(e: Event) {
       id="birthdateFWS"
       v-model="state.userData.Birthdate"
       class="mb-4"
-      type="datepicker"
+      type="date"
       :dp-options="{
         format: 'yyyy-mm-dd',
       }"

package/components/fws/UserProfileStrict.vue

@@ -138,7 +138,7 @@ const patchUser = async () => {
       :dp-options="{
         format: 'yyyy-mm-dd',
       }"
-      type="datepicker"
+      type="date"
       :label="$t('fws_birthdate_label')"
       :error-vuelidate="v$.userData.Birthdate.$errors"
     />

package/components/ui/DefaultInput.vue

@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import { LinkIcon } from "@heroicons/vue/24/solid";
-import { computed, onMounted, onUnmounted, ref, toRef } from "vue";
+import {
+  computed,
+  defineAsyncComponent,
+  onMounted,
+  onUnmounted,
+  ref,
+  toRef,
+} from "vue";
 import type { ErrorObject } from "@vuelidate/core";
 import { useTranslation } from "../../composables/translations";
 import DefaultTagInput from "./DefaultTagInput.vue";
@@ -95,14 +102,6 @@ const modelCheckbox = computed({
   },
 });
 defineExpose({ focus, blur, getInputRef });
-const dpComponent = ref<any | null>(null);
-onMounted(async () => {
-  if (!import.meta.env.SSR) {
-    // Dynamically import VueDatePicker only on the client side
-    const { default: VueDatePicker } = await import("@vuepic/vue-datepicker");
-    dpComponent.value = VueDatePicker;
-  }
-});
 </script>
 <template>
   <div>
@@ -168,41 +167,7 @@ onMounted(async () => {
             @blur="handleBlur"
           />
         </div>
-        <div v-if="type == 'datepicker'">
-          <label
-            :for="id"
-            v-if="label || placeholder"
-            class="block mb-2 text-sm font-medium text-fv-neutral-900 dark:text-white"
-            >{{ label ? label : placeholder }}
-          </label>
-          <div class="relative max-w-xl">
-            <div
-              class="absolute inset-y-0 start-0 flex items-center ps-3.5 pointer-events-none"
-            >
-              <svg
-                class="w-4 h-4 text-fv-neutral-500 dark:text-fv-neutral-400"
-                aria-hidden="true"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="currentColor"
-                viewBox="0 0 20 20"
-              >
-                <path
-                  d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"
-                />
-              </svg>
-            </div>
-            <component
-              :is="dpComponent"
-              v-if="dpComponent"
-              v-model="model"
-              auto-apply
-              :placeholder="placeholder"
-              year-first
-              dark
-              :enable-time-picker="false"
-            ></component>
-          </div>
-        </div>
+
         <div v-if="type == 'chips' || type == 'tags'">
           <label
             :for="id"

package/package.json

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