From 0da26132c8d8de11b21ca7467a58759e46be3149 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Wed, 27 Jul 2022 13:26:08 +0300
Subject: [PATCH] Password and Calendar add panelStyle prop

---
 src/components/calendar/Calendar.vue | 20 +++++++++-----------
 src/views/calendar/CalendarDoc.vue   |  6 ++++++
 src/views/password/PasswordDoc.vue   | 18 +++++++++++++++---
 3 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/src/components/calendar/Calendar.vue b/src/components/calendar/Calendar.vue
index 83db6d1d0..8fbc943f5 100755
--- a/src/components/calendar/Calendar.vue
+++ b/src/components/calendar/Calendar.vue
@@ -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
diff --git a/src/views/calendar/CalendarDoc.vue b/src/views/calendar/CalendarDoc.vue
index 97b81f173..d9d7ca7ef 100755
--- a/src/views/calendar/CalendarDoc.vue
+++ b/src/views/calendar/CalendarDoc.vue
@@ -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>
diff --git a/src/views/password/PasswordDoc.vue b/src/views/password/PasswordDoc.vue
index 31a6ae31a..181fe346b 100755
--- a/src/views/password/PasswordDoc.vue
+++ b/src/views/password/PasswordDoc.vue
@@ -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>