vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/lib/datepicker/DatePicker.d.ts vendored
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.
*/ */

2
components/lib/datepicker/DatePicker.vue
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>

2
components/lib/datepicker/style/DatePickerStyle.js
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,