Fixed #2152 - New input event for Calendar

api-generator/components/calendar.js

@@ -249,6 +249,17 @@ const CalendarProps = [
 ];
 
 const CalendarEvents = [
+    {
+        name: "input",
+        description: "Callback to invoke when input field is being typed.",
+        arguments: [
+            {
+                name: "event",
+                type: "object",
+                description: "New date"
+            }
+        ]
+    },
     {
         name: "date-select",
         description: "Callback to invoke when a date is selected.",

src/components/calendar/Calendar.d.ts

@@ -276,6 +276,11 @@ export declare type CalendarEmits = {
      * @param {CalendarValueType} value - New value.
      */
     'update:modelValue': (value: CalendarValueType) => void;
+    /**
+     * Callback to invoke when input field is being typed.
+     * @param {Event} event - Browser event
+     */
+    'input': (event: Event) => void;
     /**
      * Callback to invoke when a date is selected.
      * @param {Date} value - Selected value.

src/components/calendar/Calendar.vue

@@ -2171,6 +2171,8 @@ export default {
             catch(err) {
                 /* NoOp */
             }
+
+            this.$emit('input', event);
         },
         onFocus() {
             if (this.showOnFocus && this.isEnabled()) {

src/views/calendar/CalendarDoc.vue

@@ -457,6 +457,11 @@ export default {
                     </tr>
                 </thead>
                 <tbody>
+                    <tr>
+                        <td>input</td>
+                        <td>event</td>
+                        <td>Callback to invoke when input field is being typed.</td>
+                    </tr>
                     <tr>
                         <td>date-select</td>
                         <td>value: Selected value</td>