primevue-tailwind
primevue-tailwind copied to clipboard
Error while using Calendar input icon slot
Hi Guys! When trying to use primevue/calendar with a custom icon slot as stated on primevue docs i get an Vue render error: Hydration attribute mismatch on <Calendar... I am using the unstyled mode with Lara preset
<label for="dateRangeFilter" class="font-bold block mb-2">
<Calendar
v-model="dateRangeFilter"
showIcon
selectionMode="range"
dateFormat="dd/mm/yy"
dateRangeFilter="input"
inputId="dateRangeFilter"
iconDisplay="input"
>
<template #inputicon="{ clickCallback }">
<InputIcon
class="fa-regular fa-calendar-days"
@click="clickCallback"
/>
</template>
</Calendar>
</label>
Versions
vue 3.4.23
primevue 3.51.0
Lara preset 0.8.2