fix(PrimeCalendar): does not trigger error when validation: 'required" on blur #22

Author: sfxcode

src/formkit/PrimeCalendar.vue

@@ -1,4 +1,6 @@
 <script setup lang='ts'>
+import {CalendarBlurEvent} from "primevue/calendar";
+
 const props = defineProps({
   context: Object,
 })
@@ -14,6 +16,10 @@ function handleSelect(e: any) {
   context?.node.input(e)
 }
 
+function handleBlur(e: CalendarBlurEvent) {
+  context?.handlers.blur(e.value)
+}
+
 const styleClass = computed(() => (context?.state.validationVisible && !context?.state.valid) ? `${attrs.value?.class} p-invalid` : attrs.value?.class)
 </script>
 
@@ -75,6 +81,7 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :unstyled="attrs.unstyled ?? false"
       @date-select="handleSelect"
       @input="handleInput"
+      @blur="handleBlur"
     />
   </div>
 </template>