pull/5756/head
Cagatay Civici 2024-05-15 11:35:02 +03:00
commit 6999721a2a
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. * Used to pass attributes to the dropdown icon's DOM element.
*/ */
dropdownIcon?: DatePickerPassThroughOptionType; 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. * Used to pass attributes to the panel's DOM element.
*/ */

View File

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

View File

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