DatePicker ptm updates

pull/5756/head
tugcekucukoglu 2024-05-15 11:11:32 +03:00
parent 04d0298ae9
commit 15227cd9b5
3 changed files with 10 additions and 2 deletions

View File

@ -147,6 +147,14 @@ export interface DatePickerPassThroughOptions {
* Used to pass attributes to the dropdown icon's DOM element.
*/
dropdownIcon?: DatePickerPassThroughOptionType;
/**
* Used to pass attributes to the input icon container's DOM element.
*/
inputIconContainer?: DatePickerPassThroughOptionType;
/**
* Used to pass attributes to the input icon's DOM element.
*/
inputIcon?: DatePickerPassThroughOptionType;
/**
* Used to pass attributes to the panel's DOM element.
*/

View File

@ -48,7 +48,7 @@
</button>
</slot>
<template v-else-if="showIcon && iconDisplay === 'input'">
<span v-if="$slots.inputicon || showIcon" :class="cx('inputIconContainer')">
<span v-if="$slots.inputicon || showIcon" :class="cx('inputIconContainer')" v-bind="ptm('inputIconContainer')">
<slot name="inputicon" :class="cx('inputIcon')" :clickCallback="onButtonClick">
<component :is="icon ? 'i' : 'CalendarIcon'" :class="[icon, cx('inputIcon')]" @click="onButtonClick" v-bind="ptm('inputicon')" />
</slot>

View File

@ -362,7 +362,7 @@ const classes = {
dropdown: 'p-datepicker-dropdown',
inputIconContainer: 'p-datepicker-input-icon-container',
inputIcon: 'p-datepicker-input-icon',
panel: ({ instance, props }) => [
panel: ({ props }) => [
'p-datepicker-panel p-component',
{
'p-datepicker-panel-inline': props.inline,