primevue-tailwind icon indicating copy to clipboard operation
primevue-tailwind copied to clipboard

Error while using Calendar input icon slot

Open Guistoff081 opened this issue 10 months ago • 0 comments

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

Guistoff081 avatar Apr 18 '24 15:04 Guistoff081