@progress/kendo-vue-dateinputs 2.6.5-dev.202112060756 → 2.6.5-dev.202112061409

package/dist/es/daterangepicker/DateRangePicker.d.ts

@@ -10,16 +10,17 @@ import { DateRangePickerSettings } from './models';
  * @hidden
  */
 export interface ReverseClickEvent {
-    nativeEvent?: any;
+    event?: any;
 }
 /**
  * The arguments for the `onChange` event of the DateRangePicker.
  */
 export interface DateRangePickerChangeEvent {
-    nativeEvent?: any;
+    event?: any;
     value: SelectionRange;
     show?: boolean;
     target: any;
+    component?: any;
 }
 /**
  * Represents the props of the [Kendo UI for Vue DateRangePicker component]({% slug overview_daterangepicker %}).
@@ -78,6 +79,7 @@ export interface DateRangePickerState {
  */
 export interface DateRangePickerComputed {
     [key: string]: any;
+    rootClassName: object;
     computedValue: SelectionRange;
     computedShow: boolean;
 }

package/dist/es/daterangepicker/DateRangePicker.js

@@ -22,7 +22,7 @@ var ref = allVue.ref;
 var inject = allVue.inject;
 import { Popup } from '@progress/kendo-vue-popup';
 import { cloneDate } from '@progress/kendo-date-math';
-import { guid, classNames, Keys, canUseDOM } from '@progress/kendo-vue-common';
+import { guid, Keys, canUseDOM } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { validatePackage, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
@@ -169,6 +169,12 @@ var DateRangePicker = {
     };
   },
   computed: {
+    rootClassName: function rootClassName() {
+      return {
+        'k-daterangepicker': true,
+        'k-state-disabled': this.$props.disabled
+      };
+    },
     computedValue: function computedValue() {
       var value = this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.currentValue;
       return value || EMPTY_SELECTIONRANGE;
@@ -196,9 +202,6 @@ var DateRangePicker = {
     var value = this.computedValue || EMPTY_SELECTIONRANGE;
     var startDateInputId = (this.$props.startDateInputSettings || {}).id || this._startInputId;
     var endDateInputId = (this.$props.endDateInputSettings || {}).id || this._endInputId;
-    var rootClassName = classNames('k-daterangepicker', {
-      'k-state-disabled': this.$props.disabled
-    }, this.$props.className);
     var localizationService = provideLocalizationService(this);
     var startMessage = localizationService.toLanguageString(start, messages[start]);
     var endMessage = localizationService.toLanguageString(end, messages[end]);
@@ -216,7 +219,7 @@ var DateRangePicker = {
       ariaHasPopup: true,
       ariaExpanded: this.computedShow,
       value: value.start
-    }, this.$props.endDateInputSettings);
+    }, this.$props.startDateInputSettings);
 
     var startDateInputDefaultRendering = h(DateInput, __assign(__assign({
       ref: this.v3 ? function (el) {
@@ -369,7 +372,7 @@ var DateRangePicker = {
       "class": "k-icon k-i-arrows-swap"
     })]);
     return h("span", {
-      "class": rootClassName,
+      "class": this.rootClassName,
       style: this.$props.style,
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
@@ -454,7 +457,7 @@ var DateRangePicker = {
         end: this.computedValue.start
       };
       var args = {
-        nativeEvent: event.nativeEvent
+        event: event.event
       };
       this.handleChange(value, args);
     },
@@ -579,7 +582,12 @@ var DateRangePicker = {
         event: event.event,
         value: this.computedValue,
         show: this.computedShow,
-        target: this
+        component: this,
+        target: {
+          name: this.$props.name,
+          value: this.computedValue,
+          show: this.computedShow
+        }
       };
       this.$emit('change', args);
       this.valueDuringOnChange = undefined;

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

@@ -35,10 +35,6 @@ export interface DateRangePickerSettings {
      * Represents the additional props that can be passed to the [MultiViewCalendar]({% slug overview_multiviewcalendar %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-the-multiviewcalendar)).
      */
     calendarSettings?: DateRangePickerCalendarSettings;
-    /**
-     * Sets the `className` of the DateRangePicker.
-     */
-    className?: string;
     /**
      * Sets the default state of the DateRangePicker upon render ([see example]({% slug default_value_daterangepicker %})).
      */

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: 1638776971,
+    publishDate: 1638799209,
     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/daterangepicker/DateRangePicker.d.ts

@@ -10,16 +10,17 @@ import { DateRangePickerSettings } from './models';
  * @hidden
  */
 export interface ReverseClickEvent {
-    nativeEvent?: any;
+    event?: any;
 }
 /**
  * The arguments for the `onChange` event of the DateRangePicker.
  */
 export interface DateRangePickerChangeEvent {
-    nativeEvent?: any;
+    event?: any;
     value: SelectionRange;
     show?: boolean;
     target: any;
+    component?: any;
 }
 /**
  * Represents the props of the [Kendo UI for Vue DateRangePicker component]({% slug overview_daterangepicker %}).
@@ -78,6 +79,7 @@ export interface DateRangePickerState {
  */
 export interface DateRangePickerComputed {
     [key: string]: any;
+    rootClassName: object;
     computedValue: SelectionRange;
     computedShow: boolean;
 }

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -188,6 +188,12 @@ var DateRangePicker = {
     };
   },
   computed: {
+    rootClassName: function rootClassName() {
+      return {
+        'k-daterangepicker': true,
+        'k-state-disabled': this.$props.disabled
+      };
+    },
     computedValue: function computedValue() {
       var value = this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.currentValue;
       return value || models_1.EMPTY_SELECTIONRANGE;
@@ -215,9 +221,6 @@ var DateRangePicker = {
     var value = this.computedValue || models_1.EMPTY_SELECTIONRANGE;
     var startDateInputId = (this.$props.startDateInputSettings || {}).id || this._startInputId;
     var endDateInputId = (this.$props.endDateInputSettings || {}).id || this._endInputId;
-    var rootClassName = kendo_vue_common_1.classNames('k-daterangepicker', {
-      'k-state-disabled': this.$props.disabled
-    }, this.$props.className);
     var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
     var startMessage = localizationService.toLanguageString(messages_1.start, messages_1.messages[messages_1.start]);
     var endMessage = localizationService.toLanguageString(messages_1.end, messages_1.messages[messages_1.end]);
@@ -235,7 +238,7 @@ var DateRangePicker = {
       ariaHasPopup: true,
       ariaExpanded: this.computedShow,
       value: value.start
-    }, this.$props.endDateInputSettings);
+    }, this.$props.startDateInputSettings);
 
     var startDateInputDefaultRendering = h(DateInput_1.DateInput, __assign(__assign({
       ref: this.v3 ? function (el) {
@@ -388,7 +391,7 @@ var DateRangePicker = {
       "class": "k-icon k-i-arrows-swap"
     })]);
     return h("span", {
-      "class": rootClassName,
+      "class": this.rootClassName,
       style: this.$props.style,
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
@@ -473,7 +476,7 @@ var DateRangePicker = {
         end: this.computedValue.start
       };
       var args = {
-        nativeEvent: event.nativeEvent
+        event: event.event
       };
       this.handleChange(value, args);
     },
@@ -598,7 +601,12 @@ var DateRangePicker = {
         event: event.event,
         value: this.computedValue,
         show: this.computedShow,
-        target: this
+        component: this,
+        target: {
+          name: this.$props.name,
+          value: this.computedValue,
+          show: this.computedShow
+        }
       };
       this.$emit('change', args);
       this.valueDuringOnChange = undefined;

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

@@ -35,10 +35,6 @@ export interface DateRangePickerSettings {
      * Represents the additional props that can be passed to the [MultiViewCalendar]({% slug overview_multiviewcalendar %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-the-multiviewcalendar)).
      */
     calendarSettings?: DateRangePickerCalendarSettings;
-    /**
-     * Sets the `className` of the DateRangePicker.
-     */
-    className?: string;
     /**
      * Sets the default state of the DateRangePicker upon render ([see example]({% slug default_value_daterangepicker %})).
      */

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: 1638776971,
+    publishDate: 1638799209,
     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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dateinputs",
   "description": "Kendo UI for Vue Date Inputs package",
-  "version": "2.6.5-dev.202112060756",
+  "version": "2.6.5-dev.202112061409",
   "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": "2.6.5-dev.202112060756",
-    "@progress/kendo-vue-common": "2.6.5-dev.202112060756",
-    "@progress/kendo-vue-labels": "2.6.5-dev.202112060756",
-    "@progress/kendo-vue-popup": "2.6.5-dev.202112060756"
+    "@progress/kendo-vue-buttons": "2.6.5-dev.202112061409",
+    "@progress/kendo-vue-common": "2.6.5-dev.202112061409",
+    "@progress/kendo-vue-labels": "2.6.5-dev.202112061409",
+    "@progress/kendo-vue-popup": "2.6.5-dev.202112061409"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-dropdowns": "2.6.5-dev.202112060756",
-    "@progress/kendo-vue-intl": "2.6.5-dev.202112060756"
+    "@progress/kendo-vue-dropdowns": "2.6.5-dev.202112061409",
+    "@progress/kendo-vue-intl": "2.6.5-dev.202112061409"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",