Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error while using Calendar input icon slot #222

Open
Guistoff081 opened this issue Apr 18, 2024 · 0 comments
Open

Error while using Calendar input icon slot #222

Guistoff081 opened this issue Apr 18, 2024 · 0 comments

Comments

@Guistoff081
Copy link

Guistoff081 commented Apr 18, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant