From 9370a67652e36c39ef97a98162cf863391fd65f1 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: Fri, 22 Jul 2022 21:32:33 +0300
Subject: [PATCH] Calendar props updated

---
 src/components/calendar/Calendar.d.ts | 28 +++++++++++++------
 src/components/calendar/Calendar.vue  |  2 --
 src/views/calendar/CalendarDoc.vue    | 40 +++++++++++++++++----------
 3 files changed, 46 insertions(+), 24 deletions(-)

diff --git a/src/components/calendar/Calendar.d.ts b/src/components/calendar/Calendar.d.ts
index 21a260c8e..f51c918bf 100755
--- a/src/components/calendar/Calendar.d.ts
+++ b/src/components/calendar/Calendar.d.ts
@@ -132,10 +132,6 @@ export interface CalendarProps {
      * @deprecated since version 3.9.0, Years are based on decades by default.
      */
     yearRange?: string | undefined;
-    /**
-     * Style class of the datetimepicker panel.
-     */
-    panelClass?: any;
     /**
      * The minimum selectable date.
      */
@@ -239,6 +235,19 @@ export interface CalendarProps {
      * Default value is 'body'.
      */
     appendTo?: CalendarAppendToType;
+    id?: string | undefined;
+    /**
+     * Inline style of the component.
+     */
+    style?: any;
+    /**
+     * Style class of the component.
+     */
+    class?: any;
+    /**
+     * Identifier of the underlying input element.
+     */
+    inputId?: string | undefined;
     /**
      * Inline style of the input field.
      */
@@ -248,13 +257,16 @@ export interface CalendarProps {
      */
     inputClass?: any;
     /**
-     * Inline style of the component.
+     * 
      */
-    style?: any;
+    inputProps?: object | undefined;
     /**
-     * Style class of the component.
+     * Unique identifier of the element.
      */
-    class?: any;
+    /**
+     * 
+     */
+    panelProps?: object | undefined;
 }
 
 export interface CalendarSlots {
diff --git a/src/components/calendar/Calendar.vue b/src/components/calendar/Calendar.vue
index 45826ead2..6aab787ae 100755
--- a/src/components/calendar/Calendar.vue
+++ b/src/components/calendar/Calendar.vue
@@ -316,8 +316,6 @@ export default {
         inputId: null,
         inputClass: null,
         inputStyle: null,
-        class: null,
-        style: null,
         inputProps: null,
         panelProps: null,
         disabled: {
diff --git a/src/views/calendar/CalendarDoc.vue b/src/views/calendar/CalendarDoc.vue
index da9ee5fdb..8b2f3578a 100755
--- a/src/views/calendar/CalendarDoc.vue
+++ b/src/views/calendar/CalendarDoc.vue
@@ -217,6 +217,12 @@ export default {
                         <td>false</td>
                         <td>When specified, disables the component.</td>
                     </tr>
+                    <tr>
+                        <td>readonly</td>
+                        <td>boolean</td>
+                        <td>false</td>
+                        <td>When present, it specifies that an input field is read-only.</td>
+                    </tr>
                     <tr>
                         <td>showOtherMonths</td>
                         <td>boolean</td>
@@ -284,12 +290,6 @@ export default {
                         <td>The range of years displayed in the year drop-down in (nnnn:nnnn) format such as (2000:2020). <br><br>
                         <b> Deprecated: </b> Years are based on decades by default.</td>
                     </tr>
-                    <tr>
-                        <td>panelClass</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Style class of the datetimepicker panel.</td>
-                    </tr>
                     <tr>
                         <td>minDate</td>
                         <td>Date</td>
@@ -430,16 +430,10 @@ export default {
                         and "self" for the element itself.</td>
                     </tr>
                     <tr>
-                        <td>inputStyle</td>
-                        <td>any</td>
-                        <td>null</td>
-                        <td>Inline style of the input field.</td>
-                    </tr>
-                    <tr>
-                        <td>inputClass</td>
+                        <td>id</td>
                         <td>string</td>
                         <td>null</td>
-                        <td>Style class of the input field.</td>
+                        <td>Unique identifier of the element.</td>
                     </tr>
                     <tr>
                         <td>style</td>
@@ -453,6 +447,24 @@ export default {
                         <td>null</td>
                         <td>Style class of the component.</td>
                     </tr>
+                    <tr>
+                        <td>inputStyle</td>
+                        <td>any</td>
+                        <td>null</td>
+                        <td>Inline style of the input field.</td>
+                    </tr>
+                    <tr>
+                        <td>inputClass</td>
+                        <td>string</td>
+                        <td>null</td>
+                        <td>Style class of the input field.</td>
+                    </tr>
+                    <tr>
+                        <td>panelClass</td>
+                        <td>string</td>
+                        <td>null</td>
+                        <td>Style class of the datetimepicker panel.</td>
+                    </tr>
                 </tbody>
             </table>
         </div>