@progress/kendo-vue-dateinputs 3.0.3 → 3.0.5-dev.202202071439

package/dist/es/calendar/components/interfaces/CalendarProps.d.ts

@@ -26,15 +26,15 @@ export interface CalendarProps extends CalendarSettings {
     /**
      * An event that is called after the value of the Calendar has changed.
      */
-    change?: (event: CalendarChangeEvent) => void;
+    onChange?: (event: CalendarChangeEvent) => void;
     /**
      * An event called when the week number cell is clicked.
      */
-    weekcellclick?: (event: CalendarWeekCellClickEvent) => void;
+    onWeekcellclick?: (event: CalendarWeekCellClickEvent) => void;
     /**
      * An event called when the week name cell is clicked.
      */
-    weeknameclick?: (event: CalendarWeekNameClickEvent) => void;
+    onWeeknameclick?: (event: CalendarWeekNameClickEvent) => void;
     /**
      * Sets the value of the Calendar.
      */

package/dist/es/dateinput/interfaces/DateInputProps.d.ts

@@ -27,5 +27,5 @@ export interface DateInputProps extends FormComponentProps, DateInputSettings {
     /**
      * Determines the event handler that will be fired when the user edits the value ([see example]({% slug dateranges_dateinput_native %}).
      */
-    change?: (event: any) => void;
+    onChange?: (event: any) => void;
 }

package/dist/es/datepicker/DatePicker.js

@@ -34,7 +34,8 @@ var DatePicker = {
     'update:modelValue': null,
     'iconclick': null,
     'focus': null,
-    'blur': null
+    'blur': null,
+    'keydown': null
   },
   props: {
     defaultShow: {
@@ -360,7 +361,7 @@ var DatePicker = {
       var altKey = event.altKey,
           keyCode = event.keyCode;
 
-      if (keyCode === Keys.tab && event.target !== this._dateInput._element) {
+      if (keyCode === Keys.tab && this._dateInput && event.target !== this._dateInput._element) {
         event.preventDefault();
         this.$data.shouldFocusDateInput = true;
         this.setShow(false);
@@ -379,6 +380,8 @@ var DatePicker = {
         this.$data.shouldFocusDateInput = keyCode === Keys.up;
         this.setShow(keyCode === Keys.down);
       }
+
+      this.$emit('keydown', event);
     }
   },
   // @ts-ignore

package/dist/es/datepicker/interfaces/DatePickerProps.d.ts

@@ -16,11 +16,11 @@ export interface DatePickerProps extends DatePickerSettings, FormComponentProps
     /**
      * Fires each time the user selects a new value ([see example]({% slug controlled_datepicker_native %}#toc-controlling-the-date-value)).
      */
-    change?: (event: DatePickerChangeEvent) => void;
+    onChange?: (event: DatePickerChangeEvent) => void;
     /**
      * Fires when the icon element is clicked.
      */
-    iconclick?: (event: any) => void;
+    onIconclick?: (event: any) => void;
     /**
      * Renders a floating label for the DatePicker.
      */

package/dist/es/datepicker/models/DatePickerSettings.d.ts

@@ -108,11 +108,11 @@ export interface DatePickerSettings {
     /**
      * Fires each time any of the DatePicker elements gets blurred.
      */
-    blur?: (event: any) => void;
+    onBlur?: (event: any) => void;
     /**
      * Fires each time the user focuses any of the DatePicker elements.
      */
-    focus?: (event: any) => void;
+    onFocus?: (event: any) => void;
     /**
      * Configures the popup options of the DatePicker.
      *

package/dist/es/daterangepicker/models/DateRangePickerSettings.d.ts

@@ -120,11 +120,11 @@ export interface DateRangePickerSettings {
     /**
      * Fires each time any of the DateRangePicker elements gets blurred.
      */
-    blur?: (event: any) => void;
+    onBlur?: (event: any) => void;
     /**
      * Fires each time the user focuses any of the DateRangePicker elements.
      */
-    focus?: (event: any) => void;
+    onFocus?: (event: any) => void;
     /**
      * Represents the additional props that will be passed to the [Popup]({% slug overview_popup %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-the-popup)).
      */

package/dist/es/datetimepicker/DateTimePicker.js

@@ -28,7 +28,8 @@ var DateTimePicker = {
     'iconclick': null,
     'change': null,
     'focus': null,
-    'blur': null
+    'blur': null,
+    'keydown': null
   },
   props: {
     modelValue: {
@@ -627,7 +628,7 @@ var DateTimePicker = {
       var altKey = event.altKey,
           keyCode = event.keyCode;
 
-      if (keyCode === Keys.tab && event.target !== this._dateInput._element) {
+      if (keyCode === Keys.tab && this._dateInput && event.target !== this._dateInput._element) {
         event.preventDefault();
         this.$data.shouldFocusDateInput = true;
         this.setShow(false);
@@ -646,6 +647,8 @@ var DateTimePicker = {
         this.shouldFocusDateInput = keyCode === Keys.up;
         this.setShow(keyCode === Keys.down);
       }
+
+      this.$emit('keydown', event);
     },
     dateInputElement: function dateInputElement() {
       return this._dateInput && this._dateInput.$el || this._wrapper && this._wrapper.querySelector('.k-dateinput-wrap > input.k-input');

package/dist/es/datetimepicker/models/DateTimePickerSettings.d.ts

@@ -134,15 +134,15 @@ export interface DateTimePickerSettings {
     /**
      * Fires each time any of the DateTimePicker elements gets blurred.
      */
-    blur?: (event: any) => void;
+    onBlur?: (event: any) => void;
     /**
      * Fires each time the user focuses any of the DateTimePicker elements.
      */
-    focus?: (event: any) => void;
+    onFocus?: (event: any) => void;
     /**
      * Fires when the icon element is clicked.
      */
-    iconclick?: (event: any) => void;
+    onIconclick?: (event: any) => void;
     /**
      * Specifies if the popup will be displayed
      * ([see example]({% slug controlled_datetimepicker %}#toc-controlling-the-popup-state)).

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dateinputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1643353703,
+    publishDate: 1644244488,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/timepicker/TimePicker.js

@@ -41,7 +41,8 @@ var TimePicker = {
     'iconclick': null,
     'change': null,
     'focus': null,
-    'blur': null
+    'blur': null,
+    'keydown': null
   },
   model: {
     event: 'changemodel'
@@ -657,6 +658,8 @@ var TimePicker = {
         this.shouldFocusDateInput = keyCode === Keys.up;
         this.setShow(keyCode === Keys.down);
       }
+
+      this.$emit('keydown', event);
     }
   }
 };

package/dist/es/timepicker/models/TimePickerSettings.d.ts

@@ -107,15 +107,15 @@ export interface TimePickerSettings {
     /**
      * Fires each time any of the TimePicker elements gets blurred.
      */
-    blur?: (event: any) => void;
+    onBlur?: (event: any) => void;
     /**
      * Fires each time the user focuses any of the TimePicker elements.
      */
-    focus?: (event: any) => void;
+    onFocus?: (event: any) => void;
     /**
      * Fires when the icon element is clicked.
      */
-    iconclick?: (event: any) => void;
+    onIconclick?: (event: any) => void;
     /**
      * Configures the popup options of the TimePicker.
      *

package/dist/npm/calendar/components/interfaces/CalendarProps.d.ts

@@ -26,15 +26,15 @@ export interface CalendarProps extends CalendarSettings {
     /**
      * An event that is called after the value of the Calendar has changed.
      */
-    change?: (event: CalendarChangeEvent) => void;
+    onChange?: (event: CalendarChangeEvent) => void;
     /**
      * An event called when the week number cell is clicked.
      */
-    weekcellclick?: (event: CalendarWeekCellClickEvent) => void;
+    onWeekcellclick?: (event: CalendarWeekCellClickEvent) => void;
     /**
      * An event called when the week name cell is clicked.
      */
-    weeknameclick?: (event: CalendarWeekNameClickEvent) => void;
+    onWeeknameclick?: (event: CalendarWeekNameClickEvent) => void;
     /**
      * Sets the value of the Calendar.
      */

package/dist/npm/dateinput/interfaces/DateInputProps.d.ts

@@ -27,5 +27,5 @@ export interface DateInputProps extends FormComponentProps, DateInputSettings {
     /**
      * Determines the event handler that will be fired when the user edits the value ([see example]({% slug dateranges_dateinput_native %}).
      */
-    change?: (event: any) => void;
+    onChange?: (event: any) => void;
 }

package/dist/npm/datepicker/DatePicker.js

@@ -54,7 +54,8 @@ var DatePicker = {
     'update:modelValue': null,
     'iconclick': null,
     'focus': null,
-    'blur': null
+    'blur': null,
+    'keydown': null
   },
   props: {
     defaultShow: {
@@ -380,7 +381,7 @@ var DatePicker = {
       var altKey = event.altKey,
           keyCode = event.keyCode;
 
-      if (keyCode === kendo_vue_common_1.Keys.tab && event.target !== this._dateInput._element) {
+      if (keyCode === kendo_vue_common_1.Keys.tab && this._dateInput && event.target !== this._dateInput._element) {
         event.preventDefault();
         this.$data.shouldFocusDateInput = true;
         this.setShow(false);
@@ -399,6 +400,8 @@ var DatePicker = {
         this.$data.shouldFocusDateInput = keyCode === kendo_vue_common_1.Keys.up;
         this.setShow(keyCode === kendo_vue_common_1.Keys.down);
       }
+
+      this.$emit('keydown', event);
     }
   },
   // @ts-ignore

package/dist/npm/datepicker/interfaces/DatePickerProps.d.ts

@@ -16,11 +16,11 @@ export interface DatePickerProps extends DatePickerSettings, FormComponentProps
     /**
      * Fires each time the user selects a new value ([see example]({% slug controlled_datepicker_native %}#toc-controlling-the-date-value)).
      */
-    change?: (event: DatePickerChangeEvent) => void;
+    onChange?: (event: DatePickerChangeEvent) => void;
     /**
      * Fires when the icon element is clicked.
      */
-    iconclick?: (event: any) => void;
+    onIconclick?: (event: any) => void;
     /**
      * Renders a floating label for the DatePicker.
      */

package/dist/npm/datepicker/models/DatePickerSettings.d.ts

@@ -108,11 +108,11 @@ export interface DatePickerSettings {
     /**
      * Fires each time any of the DatePicker elements gets blurred.
      */
-    blur?: (event: any) => void;
+    onBlur?: (event: any) => void;
     /**
      * Fires each time the user focuses any of the DatePicker elements.
      */
-    focus?: (event: any) => void;
+    onFocus?: (event: any) => void;
     /**
      * Configures the popup options of the DatePicker.
      *

package/dist/npm/daterangepicker/models/DateRangePickerSettings.d.ts

@@ -120,11 +120,11 @@ export interface DateRangePickerSettings {
     /**
      * Fires each time any of the DateRangePicker elements gets blurred.
      */
-    blur?: (event: any) => void;
+    onBlur?: (event: any) => void;
     /**
      * Fires each time the user focuses any of the DateRangePicker elements.
      */
-    focus?: (event: any) => void;
+    onFocus?: (event: any) => void;
     /**
      * Represents the additional props that will be passed to the [Popup]({% slug overview_popup %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-the-popup)).
      */

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -50,7 +50,8 @@ var DateTimePicker = {
     'iconclick': null,
     'change': null,
     'focus': null,
-    'blur': null
+    'blur': null,
+    'keydown': null
   },
   props: {
     modelValue: {
@@ -649,7 +650,7 @@ var DateTimePicker = {
       var altKey = event.altKey,
           keyCode = event.keyCode;
 
-      if (keyCode === kendo_vue_common_1.Keys.tab && event.target !== this._dateInput._element) {
+      if (keyCode === kendo_vue_common_1.Keys.tab && this._dateInput && event.target !== this._dateInput._element) {
         event.preventDefault();
         this.$data.shouldFocusDateInput = true;
         this.setShow(false);
@@ -668,6 +669,8 @@ var DateTimePicker = {
         this.shouldFocusDateInput = keyCode === kendo_vue_common_1.Keys.up;
         this.setShow(keyCode === kendo_vue_common_1.Keys.down);
       }
+
+      this.$emit('keydown', event);
     },
     dateInputElement: function dateInputElement() {
       return this._dateInput && this._dateInput.$el || this._wrapper && this._wrapper.querySelector('.k-dateinput-wrap > input.k-input');

package/dist/npm/datetimepicker/models/DateTimePickerSettings.d.ts

@@ -134,15 +134,15 @@ export interface DateTimePickerSettings {
     /**
      * Fires each time any of the DateTimePicker elements gets blurred.
      */
-    blur?: (event: any) => void;
+    onBlur?: (event: any) => void;
     /**
      * Fires each time the user focuses any of the DateTimePicker elements.
      */
-    focus?: (event: any) => void;
+    onFocus?: (event: any) => void;
     /**
      * Fires when the icon element is clicked.
      */
-    iconclick?: (event: any) => void;
+    onIconclick?: (event: any) => void;
     /**
      * Specifies if the popup will be displayed
      * ([see example]({% slug controlled_datetimepicker %}#toc-controlling-the-popup-state)).

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dateinputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1643353703,
+    publishDate: 1644244488,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/timepicker/TimePicker.js

@@ -61,7 +61,8 @@ var TimePicker = {
     'iconclick': null,
     'change': null,
     'focus': null,
-    'blur': null
+    'blur': null,
+    'keydown': null
   },
   model: {
     event: 'changemodel'
@@ -677,6 +678,8 @@ var TimePicker = {
         this.shouldFocusDateInput = keyCode === kendo_vue_common_1.Keys.up;
         this.setShow(keyCode === kendo_vue_common_1.Keys.down);
       }
+
+      this.$emit('keydown', event);
     }
   }
 };

package/dist/npm/timepicker/models/TimePickerSettings.d.ts

@@ -107,15 +107,15 @@ export interface TimePickerSettings {
     /**
      * Fires each time any of the TimePicker elements gets blurred.
      */
-    blur?: (event: any) => void;
+    onBlur?: (event: any) => void;
     /**
      * Fires each time the user focuses any of the TimePicker elements.
      */
-    focus?: (event: any) => void;
+    onFocus?: (event: any) => void;
     /**
      * Fires when the icon element is clicked.
      */
-    iconclick?: (event: any) => void;
+    onIconclick?: (event: any) => void;
     /**
      * Configures the popup options of the TimePicker.
      *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dateinputs",
   "description": "Kendo UI for Vue Date Inputs package",
-  "version": "3.0.3",
+  "version": "3.0.5-dev.202202071439",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -46,16 +46,16 @@
   },
   "dependencies": {
     "@progress/kendo-date-math": "1.5.1",
-    "@progress/kendo-vue-buttons": "3.0.3",
-    "@progress/kendo-vue-common": "3.0.3",
-    "@progress/kendo-vue-labels": "3.0.3",
-    "@progress/kendo-vue-popup": "3.0.3"
+    "@progress/kendo-vue-buttons": "3.0.5-dev.202202071439",
+    "@progress/kendo-vue-common": "3.0.5-dev.202202071439",
+    "@progress/kendo-vue-labels": "3.0.5-dev.202202071439",
+    "@progress/kendo-vue-popup": "3.0.5-dev.202202071439"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-dropdowns": "3.0.3",
-    "@progress/kendo-vue-intl": "3.0.3"
+    "@progress/kendo-vue-dropdowns": "3.0.5-dev.202202071439",
+    "@progress/kendo-vue-intl": "3.0.5-dev.202202071439"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",