Password and Calendar add panelStyle prop

pull/2809/head
Tuğçe Küçükoğlu 2022-07-27 13:26:08 +03:00
parent 60bee46015
commit 0da26132c8
3 changed files with 30 additions and 14 deletions

View File

@ -6,7 +6,7 @@
<CalendarButton v-if="showIcon" :icon="icon" class="p-datepicker-trigger" :disabled="disabled" @click="onButtonClick" type="button" :aria-label="$primevue.config.locale.chooseDate" aria-haspopup="dialog" :aria-expanded="overlayVisible" :aria-controls="panelId"/>
<Portal :appendTo="appendTo" :disabled="inline">
<transition name="p-connected-overlay" @enter="onOverlayEnter($event)" @after-enter="onOverlayEnterComplete" @after-leave="onOverlayAfterLeave" @leave="onOverlayLeave">
<div :ref="overlayRef" :id="panelId" :class="panelStyleClass" v-if="inline || overlayVisible" :role="inline ? null : 'dialog'" :aria-modal="inline ? null : 'true'" :aria-label="$primevue.config.locale.chooseDate" @click="onOverlayClick" @mouseup="onOverlayMouseUp" v-bind="panelProps">
<div :ref="overlayRef" :id="panelId" :class="panelStyleClass" :style=panelStyle v-if="inline || overlayVisible" :role="inline ? null : 'dialog'" :aria-modal="inline ? null : 'true'" :aria-label="$primevue.config.locale.chooseDate" @click="onOverlayClick" @mouseup="onOverlayMouseUp" v-bind="panelProps">
<template v-if="!timeOnly">
<div class="p-datepicker-group-container">
<div class="p-datepicker-group" v-for="(month,groupIndex) of months" :key="month.month + month.year">
@ -216,10 +216,6 @@ export default {
type: String,
default: null
},
panelClass: {
type: String,
default: null
},
minDate: {
type: Date,
value: null
@ -312,12 +308,6 @@ export default {
type: String,
default: 'body'
},
id: null,
inputId: null,
inputClass: null,
inputStyle: null,
inputProps: null,
panelProps: null,
disabled: {
type: Boolean,
default: false
@ -326,6 +316,14 @@ export default {
type: Boolean,
default: false
},
id: null,
inputId: null,
inputClass: null,
inputStyle: null,
inputProps: null,
panelClass: null,
panelStyle: null,
panelProps: null,
'aria-labelledby': {
type: String,
default: null

View File

@ -459,6 +459,12 @@ export default {
<td>null</td>
<td>Style class of the datetimepicker panel.</td>
</tr>
<tr>
<td>panelStyle</td>
<td>string</td>
<td>null</td>
<td>Inline style of the overlay panel.</td>
</tr>
</tbody>
</table>
</div>

View File

@ -156,10 +156,10 @@ import Password from 'primevue/password';
<td>Icon to show displaying the password as plain text.</td>
</tr>
<tr>
<td>inputStyle</td>
<td>any</td>
<td>inputId</td>
<td>string</td>
<td>null</td>
<td>Inline style of the input field.</td>
<td>Style class of the component input field.</td>
</tr>
<tr>
<td>inputClass</td>
@ -167,11 +167,23 @@ import Password from 'primevue/password';
<td>null</td>
<td>Style class of the input field.</td>
</tr>
<tr>
<td>inputStyle</td>
<td>any</td>
<td>null</td>
<td>Inline style of the input field.</td>
</tr>
<tr>
<td>panelClass</td>
<td>string</td>
<td>null</td>
<td>Style class of the overlay panel.</td>
</tr>
<tr>
<td>panelStyle</td>
<td>string</td>
<td>null</td>
<td>Inline style of the overlay panel.</td>
</tr>
</tbody>
</table>