Update IconDoc.vue

pull/5756/head
tugcekucukoglu 2024-05-15 09:16:06 +03:00
parent 8281a63f40
commit e8f8c9b8b6
1 changed files with 8 additions and 8 deletions

View File

@ -14,8 +14,8 @@
<div class="flex-auto"> <div class="flex-auto">
<label for="templatedisplay" class="font-bold block mb-2"> Custom Icon </label> <label for="templatedisplay" class="font-bold block mb-2"> Custom Icon </label>
<DatePicker v-model="templatedisplay" showIcon iconDisplay="input" timeOnly inputId="templatedisplay"> <DatePicker v-model="templatedisplay" showIcon iconDisplay="input" timeOnly inputId="templatedisplay">
<template #inputicon="{ clickCallback }"> <template #inputicon="slotProps">
<InputIcon class="pi pi-clock cursor-pointer" @click="clickCallback" /> <InputIcon class="pi pi-clock" :class="slotProps.class" @click="slotProps.clickCallback" />
</template> </template>
</DatePicker> </DatePicker>
</div> </div>
@ -35,8 +35,8 @@ export default {
<DatePicker v-model="buttondisplay" showIcon :showOnFocus="false" /> <DatePicker v-model="buttondisplay" showIcon :showOnFocus="false" />
<DatePicker v-model="icondisplay" showIcon iconDisplay="input" /> <DatePicker v-model="icondisplay" showIcon iconDisplay="input" />
<DatePicker v-model="templatedisplay" showIcon iconDisplay="input" timeOnly> <DatePicker v-model="templatedisplay" showIcon iconDisplay="input" timeOnly>
<template #inputicon="{ clickCallback }"> <template #inputicon="slotProps">
<InputIcon class="pi pi-clock cursor-pointer" @click="clickCallback" /> <InputIcon class="pi pi-clock" :class="slotProps.class" @click="slotProps.clickCallback" />
</template> </template>
</DatePicker> </DatePicker>
`, `,
@ -54,8 +54,8 @@ export default {
<div class="flex-auto"> <div class="flex-auto">
<label for="templatedisplay" class="font-bold block mb-2"> Custom Icon </label> <label for="templatedisplay" class="font-bold block mb-2"> Custom Icon </label>
<DatePicker v-model="templatedisplay" showIcon iconDisplay="input" timeOnly inputId="templatedisplay"> <DatePicker v-model="templatedisplay" showIcon iconDisplay="input" timeOnly inputId="templatedisplay">
<template #inputicon="{ clickCallback }"> <template #inputicon="slotProps">
<InputIcon class="pi pi-clock cursor-pointer" @click="clickCallback" /> <InputIcon class="pi pi-clock" :class="slotProps.class" @click="slotProps.clickCallback" />
</template> </template>
</DatePicker> </DatePicker>
</div> </div>
@ -88,8 +88,8 @@ export default {
<div class="flex-auto"> <div class="flex-auto">
<label for="templatedisplay" class="font-bold block mb-2"> Custom Icon </label> <label for="templatedisplay" class="font-bold block mb-2"> Custom Icon </label>
<DatePicker v-model="templatedisplay" showIcon iconDisplay="input" timeOnly inputId="templatedisplay"> <DatePicker v-model="templatedisplay" showIcon iconDisplay="input" timeOnly inputId="templatedisplay">
<template #inputicon="{ clickCallback }"> <template #inputicon="slotProps">
<InputIcon class="pi pi-clock cursor-pointer" @click="clickCallback" /> <InputIcon class="pi pi-clock" :class="slotProps.class" @click="slotProps.clickCallback" />
</template> </template>
</DatePicker> </DatePicker>
</div> </div>