@progress/kendo-vue-dateinputs 2.7.3 → 2.8.0-dev.202201111325

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

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -100,7 +99,7 @@ export interface DateRangePickerMethods {
 /**
  * @hidden
  */
-export interface DateRangePickerAll extends Vue, DateRangePickerMethods, DateRangePickerData, DateRangePickerComputed, DateRangePickerState {
+export interface DateRangePickerAll extends Vue2type, DateRangePickerMethods, DateRangePickerData, DateRangePickerComputed, DateRangePickerState {
 }
 declare let DateRangePicker: ComponentOptions<DateRangePickerAll, DefaultData<DateRangePickerData>, DefaultMethods<DateRangePickerAll>, DateRangePickerComputed, RecordPropsDefinition<DateRangePickerProps>>;
 declare const DateRangePickerVue3: DefineComponent<DateRangePickerProps, any, DateRangePickerData, DateRangePickerComputed, DateRangePickerMethods, {}, {}, {}, string, DateRangePickerProps, DateRangePickerProps, {}>;

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -119,6 +119,27 @@ var DateRangePicker = {
         return defaults_1.MIN_DATE;
       }
     },
+    rounded: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return ['small', 'medium', 'large', 'full'].includes(value);
+      }
+    },
+    fillMode: {
+      type: String,
+      default: 'solid',
+      validator: function validator(value) {
+        return ['solid', 'flat', 'outline'].includes(value);
+      }
+    },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return ['small', 'medium', 'large'].includes(value);
+      }
+    },
     popupSettings: {
       type: Object,
       default: function _default() {
@@ -198,10 +219,11 @@ var DateRangePicker = {
   },
   computed: {
     rootClassName: function rootClassName() {
-      return {
-        'k-daterangepicker': true,
-        'k-state-disabled': this.$props.disabled
-      };
+      var _a;
+
+      return _a = {
+        'k-daterangepicker': true
+      }, _a['k-disabled'] = this.$props.disabled, _a;
     },
     computedValue: function computedValue() {
       var value = this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.currentValue;
@@ -228,6 +250,10 @@ var DateRangePicker = {
 
     var h = gh || createElement;
     var value = this.computedValue || models_1.EMPTY_SELECTIONRANGE;
+    var _a = this.$props,
+        size = _a.size,
+        fillMode = _a.fillMode,
+        rounded = _a.rounded;
     var startDateInputId = (this.$props.startDateInputSettings || {}).id || this._startInputId;
     var endDateInputId = (this.$props.endDateInputSettings || {}).id || this._endInputId;
     var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
@@ -244,6 +270,9 @@ var DateRangePicker = {
       id: this._startInputId,
       disabled: this.$props.disabled,
       valid: this.$props.valid,
+      size: size,
+      fillMode: fillMode,
+      rounded: rounded,
       ariaHasPopup: true,
       ariaExpanded: this.computedShow,
       value: value.start
@@ -276,6 +305,9 @@ var DateRangePicker = {
       min: this.min,
       max: this.max,
       id: this._endInputId,
+      size: size,
+      fillMode: fillMode,
+      rounded: rounded,
       disabled: this.$props.disabled,
       valid: this.$props.valid,
       ariaHasPopup: true,
@@ -343,9 +375,9 @@ var DateRangePicker = {
         blur: this.calendarBlur
       }
     });
-    var _a = this.$props.popupSettings,
-        popupClass = _a.popupClass,
-        animate = _a.animate;
+    var _b = this.$props.popupSettings,
+        popupClass = _b.popupClass,
+        animate = _b.animate;
     var popupRender = this.$props.popup ? kendo_vue_common_2.templateRendering.call(this, this.$props.popup, kendo_vue_common_2.getListeners.call(this)) : undefined;
 
     var popupSettings = __assign({
@@ -383,7 +415,7 @@ var DateRangePicker = {
         "aria-controls": startDateInputId + ' ' + endDateInputId,
         "aria-label": kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.swapStartEnd, messages_1.messages[messages_1.swapStartEnd])
       },
-      "class": "k-select k-button k-flat",
+      "class": "k-button k-button-md k-button-flat k-icon-button",
       title: kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.swapStartEnd, messages_1.messages[messages_1.swapStartEnd]),
       onMousedown: this.handleReverseMouseDown,
       on: this.v3 ? undefined : {
@@ -397,11 +429,11 @@ var DateRangePicker = {
       style: {
         transform: 'rotate(90deg)'
       },
-      "class": "k-icon k-i-arrows-swap"
+      "class": "k-icon k-button-icon k-i-arrows-swap"
     })]);
     return h("span", {
       "class": this.rootClassName,
-      style: this.$props.style,
+      style: this.$attrs.style,
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
@@ -419,14 +451,11 @@ var DateRangePicker = {
         "keydown": this.handleKeyDown
       },
       onFocusout: this.handleBlur,
-      onKeydown: this.handleKeyDown
-    }, [h("span", {
+      onKeydown: this.handleKeyDown,
       ref: this.v3 ? function (el) {
         _this.kendoAnchorRef = el;
-      } : this._anchor,
-      "class": "k-daterangepicker-wrap",
-      style: WRAPPER_STYLES
-    }, [startDateInputRendering, (this.$props.allowReverse || this.$props.calendarSettings && this.$props.calendarSettings.allowReverse) && this.$props.swapButton ? reverseButton : separatorMessage, endDateInputRendering]), popupRendering]);
+      } : this._anchor
+    }, [startDateInputRendering, (this.$props.allowReverse || this.$props.calendarSettings && this.$props.calendarSettings.allowReverse) && this.$props.swapButton ? reverseButton : separatorMessage, endDateInputRendering, popupRendering]);
   },
   methods: {
     focus: function focus() {
@@ -499,11 +528,11 @@ var DateRangePicker = {
       }
 
       if (startInput) {
-        startInput.classList.add('k-state-focused');
+        startInput.classList.add('k-focus');
       }
 
       if (endInput) {
-        endInput.classList.add('k-state-focused');
+        endInput.classList.add('k-focus');
       }
 
       this.$emit('focus', event);
@@ -526,11 +555,11 @@ var DateRangePicker = {
         var endInput = _this.getEndInput();
 
         if (startInput) {
-          startInput.classList.remove('k-state-focused');
+          startInput.classList.remove('k-focus');
         }
 
         if (endInput) {
-          endInput.classList.remove('k-state-focused');
+          endInput.classList.remove('k-focus');
         }
 
         if (startInput && endInput && kendo_vue_common_1.canUseDOM && startInput && document.activeElement !== endInput) {

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

@@ -78,6 +78,45 @@ export interface DateRangePickerSettings {
      * Specifies the smallest valid date ([see example]({% slug dateranges_daterangepicker %})).
      */
     min?: Date;
+    /**
+     * Configures the `size` of the DateRangePicker.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null—Does not set a size `class`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `roundness` of the DateRangePicker.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - circle
+     * - full
+     * - null—Does not set a rounded `class`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the DateRangePicker.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null—Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
     /**
      * Fires each time any of the DateRangePicker elements gets blurred.
      */

package/dist/npm/datetimepicker/DateTimePicker.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -100,7 +99,7 @@ export interface DateTimePickerMethods {
 /**
  * @hidden
  */
-export interface DateTimePickerAll extends Vue, DateTimePickerMethods, DateTimePickerData, DateTimePickerComputed, DateTimePickerState {
+export interface DateTimePickerAll extends Vue2type, DateTimePickerMethods, DateTimePickerData, DateTimePickerComputed, DateTimePickerState {
 }
 declare let DateTimePicker: ComponentOptions<DateTimePickerAll, DefaultData<DateTimePickerData>, DefaultMethods<DateTimePickerAll>, DateTimePickerComputed, RecordPropsDefinition<DateTimePickerProps>>;
 declare const DateTimePickerVue3: DefineComponent<DateTimePickerProps, any, DateTimePickerData, DateTimePickerComputed, DateTimePickerMethods, {}, {}, {}, string, DateTimePickerProps, DateTimePickerProps, {}>;

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -14,6 +14,8 @@ var inject = allVue.inject;
 
 var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
 
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
 
 var kendo_date_math_1 = require("@progress/kendo-date-math");
@@ -98,6 +100,27 @@ var DateTimePicker = {
         return utils_3.defaultFormatPlaceholder;
       }
     },
+    rounded: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return ['small', 'medium', 'large', 'full'].includes(value);
+      }
+    },
+    fillMode: {
+      type: String,
+      default: 'solid',
+      validator: function validator(value) {
+        return ['solid', 'flat', 'outline'].includes(value);
+      }
+    },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return ['small', 'medium', 'large'].includes(value);
+      }
+    },
     id: String,
     ariaLabelledBy: String,
     ariaDescribedBy: String,
@@ -276,44 +299,43 @@ var DateTimePicker = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _a;
+
     var _this = this;
 
     var h = gh || createElement;
-    var _a = this.$props,
-        disabled = _a.disabled,
-        tabIndex = _a.tabIndex,
-        title = _a.title,
-        id = _a.id,
-        format = _a.format,
-        formatPlaceholder = _a.formatPlaceholder,
-        min = _a.min,
-        max = _a.max,
-        weekNumber = _a.weekNumber,
-        focusedDate = _a.focusedDate,
-        width = _a.width,
-        name = _a.name,
-        steps = _a.steps,
-        placeholder = _a.placeholder,
-        validationMessage = _a.validationMessage,
-        required = _a.required,
-        validityStyles = _a.validityStyles,
-        cancelButton = _a.cancelButton,
-        minTime = _a.minTime,
-        maxTime = _a.maxTime,
-        ariaLabelledBy = _a.ariaLabelledBy,
-        ariaDescribedBy = _a.ariaDescribedBy;
-    var _b = this.$props.popupSettings,
-        popupClass = _b.popupClass,
-        appendTo = _b.appendTo,
-        animate = _b.animate;
+    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var _b = this.$props,
+        disabled = _b.disabled,
+        tabIndex = _b.tabIndex,
+        title = _b.title,
+        id = _b.id,
+        format = _b.format,
+        formatPlaceholder = _b.formatPlaceholder,
+        min = _b.min,
+        max = _b.max,
+        weekNumber = _b.weekNumber,
+        focusedDate = _b.focusedDate,
+        width = _b.width,
+        name = _b.name,
+        steps = _b.steps,
+        placeholder = _b.placeholder,
+        validationMessage = _b.validationMessage,
+        required = _b.required,
+        validityStyles = _b.validityStyles,
+        cancelButton = _b.cancelButton,
+        minTime = _b.minTime,
+        maxTime = _b.maxTime,
+        ariaLabelledBy = _b.ariaLabelledBy,
+        ariaDescribedBy = _b.ariaDescribedBy,
+        size = _b.size,
+        fillMode = _b.fillMode,
+        rounded = _b.rounded;
+    var _c = this.$props.popupSettings,
+        popupClass = _c.popupClass,
+        appendTo = _c.appendTo,
+        animate = _c.animate;
     var isValid = !this.$props.validityStyles || this.validity().valid;
-    var rootClassName = kendo_vue_common_1.classNames('k-widget k-datetimepicker', {
-      'k-state-invalid': !isValid
-    });
-    var wrapperClassNames = kendo_vue_common_1.classNames('k-picker-wrap', {
-      'k-state-disabled': disabled,
-      'k-state-focused': this.isFocused
-    });
     var dateInput = this.$props.dateInput ? kendo_vue_common_1.templateRendering.call(this, this.$props.dateInput, kendo_vue_common_1.getListeners.call(this)) : undefined;
     var dateInputDefaultRendering = // @ts-ignore  function children
     h(DateInput_1.DateInput, {
@@ -334,6 +356,9 @@ var DateTimePicker = {
         minTime: minTime,
         maxTime: maxTime,
         name: name,
+        size: null,
+        rounded: null,
+        fillMode: null,
         required: required,
         steps: steps,
         tabIndex: !this.computedShow ? tabIndex : -1,
@@ -354,6 +379,9 @@ var DateTimePicker = {
       minTime: minTime,
       maxTime: maxTime,
       name: name,
+      size: null,
+      rounded: null,
+      fillMode: null,
       onChange: this.handleValueChange,
       on: this.v3 ? undefined : {
         "change": this.handleValueChange
@@ -366,7 +394,9 @@ var DateTimePicker = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: this.computedValue
-    });
+    }, this.v3 ? function () {
+      return [defaultSlot];
+    } : [defaultSlot]);
     var dateInputRendering = kendo_vue_common_1.getTemplate.call(this, {
       h: h,
       template: dateInput,
@@ -458,7 +488,10 @@ var DateTimePicker = {
       defaultSlots: dataTimeSelector
     });
     var dateTimePicker = h("div", {
-      "class": rootClassName,
+      "class": kendo_vue_common_1.classNames('k-input', 'k-datetimepicker', (_a = {}, _a["k-input-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-valid'] = isValid, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a['k-focus'] = this.isFocused, _a)),
+      ref: this.v3 ? function (el) {
+        _this.kendoAnchorRef = el;
+      } : this._anchor,
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown,
@@ -470,15 +503,11 @@ var DateTimePicker = {
       },
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur
-    }, [h("div", {
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this._anchor,
-      "class": wrapperClassNames
-    }, [dateInputRendering, h("span", {
-      role: "button",
+    }, [dateInputRendering, // @ts-ignore
+    h(kendo_vue_buttons_1.Button, {
+      icon: 'calendar',
       attrs: this.v3 ? undefined : {
-        role: "button",
+        icon: 'calendar',
         title: kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector]),
         "aria-controls": this._popupId,
         "aria-label": kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector])
@@ -490,14 +519,10 @@ var DateTimePicker = {
       },
       onClick: this.handleDateIconClick,
       title: kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector]),
-      "class": "k-select",
+      "class": "k-input-button",
       "aria-controls": this._popupId,
       "aria-label": kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector])
-    }, [h("span", {
-      "class": "k-link k-link-date"
-    }, [h("span", {
-      "class": "k-icon k-i-calendar"
-    })])])]), popupRendering]);
+    }), popupRendering]);
     return this.$props.label ? // @ts-ignore function children
     h(kendo_vue_labels_1.FloatingLabel, {
       label: this.$props.label,

package/dist/npm/datetimepicker/DateTimeSelector.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -97,7 +96,7 @@ export interface DateTimeSelectorMethods {
 /**
  * @hidden
  */
-export interface DateTimeSelectorAll extends Vue, DateTimeSelectorMethods, DateTimeSelectorData, DateTimeSelectorComputed, DateTimeSelectorState {
+export interface DateTimeSelectorAll extends Vue2type, DateTimeSelectorMethods, DateTimeSelectorData, DateTimeSelectorComputed, DateTimeSelectorState {
 }
 declare let DateTimeSelector: ComponentOptions<DateTimeSelectorAll, DefaultData<DateTimeSelectorData>, DefaultMethods<DateTimeSelectorAll>, DateTimeSelectorComputed, RecordPropsDefinition<DateTimeSelectorProps>>;
 declare const DateTimeSelectorVue3: DefineComponent<DateTimeSelectorProps, any, DateTimeSelectorData, DateTimeSelectorComputed, DateTimeSelectorMethods, {}, {}, {}, string, DateTimeSelectorProps, DateTimeSelectorProps, {}>;

package/dist/npm/datetimepicker/DateTimeSelector.js

@@ -157,9 +157,6 @@ var DateTimeSelector = {
       'k-time-tab': this.currentTab === 'time',
       'k-state-disabled': disabled
     }, 'k-datetime-wrap');
-    var setButtonClassName = kendo_vue_common_1.classNames({
-      'k-state-disabled': !this.hasDateValue
-    }, 'k-time-accept k-button k-primary');
     var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
     var dateMessage = localizationService.toLanguageString(messages_1.date, messages_1.messages[messages_1.date]);
     var timeMessage = localizationService.toLanguageString(messages_1.time, messages_1.messages[messages_1.time]);
@@ -308,10 +305,11 @@ var DateTimeSelector = {
       onFocus: this.handleFocus,
       onBlur: this.handleBlur
     })])]), h("div", {
-      "class": "k-datetime-footer k-action-buttons"
-    }, [cancelButton && h("button", {
+      "class": "k-datetime-footer k-actions k-actions-stretched"
+    }, [cancelButton && // @ts-ignore  function children
+    h(kendo_vue_buttons_1.Button, {
       ref: 'cancelButton',
-      "class": "k-button k-time-cancel",
+      "class": "k-time-cancel",
       onClick: this.handleReject,
       on: this.v3 ? undefined : {
         "click": this.handleReject
@@ -322,20 +320,29 @@ var DateTimeSelector = {
         "aria-label": cancelMessage
       },
       "aria-label": cancelMessage
-    }, [cancelMessage]), h("button", {
+    }, this.v3 ? function () {
+      return [cancelMessage];
+    } : [cancelMessage]), // @ts-ignore  function children
+    h(kendo_vue_buttons_1.Button, {
       ref: 'acceptButton',
-      "class": setButtonClassName,
+      disabled: !this.hasDateValue,
+      attrs: this.v3 ? undefined : {
+        disabled: !this.hasDateValue,
+        themeColor: 'primary',
+        title: setMessage,
+        "aria-label": setMessage
+      },
+      themeColor: 'primary',
+      "class": 'k-time-accept',
       onClick: this.handleAccept,
       on: this.v3 ? undefined : {
         "click": this.handleAccept
       },
       title: setMessage,
-      attrs: this.v3 ? undefined : {
-        title: setMessage,
-        "aria-label": setMessage
-      },
       "aria-label": setMessage
-    }, [setMessage])])]);
+    }, this.v3 ? function () {
+      return [setMessage];
+    } : [setMessage])])]);
   },
   methods: {
     handleBlur: function handleBlur(event) {
@@ -370,7 +377,7 @@ var DateTimeSelector = {
         return false;
       }
 
-      return kendo_vue_common_1.canUseDOM && (document.activeElement === this._acceptButton || document.activeElement === this._cancelButton);
+      return kendo_vue_common_1.canUseDOM && (document.activeElement === this._acceptButton.$el || document.activeElement === this._cancelButton.$el);
     },
     mergeTime: function mergeTime(current, candidate) {
       return current && candidate ? utils_1.setTime(candidate, current) : candidate;

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

@@ -70,6 +70,45 @@ export interface DateTimePickerSettings {
     min?: Date;
     minTime?: Date;
     maxTime?: Date;
+    /**
+     * Configures the `size` of the DateTimePicker.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null—Does not set a size `class`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `roundness` of the DateTimePicker.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - circle
+     * - full
+     * - null—Does not set a rounded `class`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the DateTimePicker.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null—Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
     /**
      * Specifies the `name` property of the `input` DOM element.
      */

package/dist/npm/main.d.ts

@@ -19,6 +19,6 @@ import { DatePickerSettings } from './datepicker/models';
 import { DateTimePickerSettings } from './datetimepicker/models';
 import { TimePickerSettings } from './timepicker/models';
 import { DateRangePickerSettings, DateRangePickerPopupSettings, DateRangePickerCalendarSettings, DateRangePickerDateInputSettings } from './daterangepicker/models';
-import { ToggleButton, ToggleButtonVue3, ToggleButtonProps } from './datepicker/ToggleButton';
+import { ToggleButton, ToggleButtonVue3 } from './datepicker/ToggleButton';
 import { PickerWrap, PickerWrapVue3, PickerWrapProps } from './common/PickerWrap';
-export { PickerWrap, PickerWrapVue3, PickerWrapProps, ToggleButton, ToggleButtonVue3, ToggleButtonProps, ActiveView, Calendar, CalendarVue3, CalendarProps, CalendarSettings, CalendarViewEnum, CalendarChangeEvent, CalendarWeekCellClickEvent, CalendarCell, CalendarCellVue3, CalendarCellProps, CalendarWeekCell, CalendarWeekCellVue3, CalendarWeekCellProps, CalendarHeaderTitle, CalendarHeaderTitleVue3, CalendarHeaderTitleProps, DateInput, DateInputVue3, DateInputProps, DateInputSettings, DateInputChangeEvent, DateInputIncrementalSteps, DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder, DatePicker, DatePickerVue3, DatePickerProps, DatePickerSettings, DatePickerChangeEvent, TimePicker, TimePickerVue3, TimePickerProps, TimePickerSettings, TimePickerChangeEvent, DateRangePicker, DateRangePickerProps, DateRangePickerSettings, DateRangePickerCalendarSettings, DateRangePickerDateInputSettings, DateRangePickerPopupSettings, DateRangePickerChangeEvent, DateTimePicker, DateTimePickerVue3, DateTimePickerProps, DateTimePickerSettings, DateTimePickerChangeEvent, SelectionRange };
+export { PickerWrap, PickerWrapVue3, PickerWrapProps, ToggleButton, ToggleButtonVue3, ActiveView, Calendar, CalendarVue3, CalendarProps, CalendarSettings, CalendarViewEnum, CalendarChangeEvent, CalendarWeekCellClickEvent, CalendarCell, CalendarCellVue3, CalendarCellProps, CalendarWeekCell, CalendarWeekCellVue3, CalendarWeekCellProps, CalendarHeaderTitle, CalendarHeaderTitleVue3, CalendarHeaderTitleProps, DateInput, DateInputVue3, DateInputProps, DateInputSettings, DateInputChangeEvent, DateInputIncrementalSteps, DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder, DatePicker, DatePickerVue3, DatePickerProps, DatePickerSettings, DatePickerChangeEvent, TimePicker, TimePickerVue3, TimePickerProps, TimePickerSettings, TimePickerChangeEvent, DateRangePicker, DateRangePickerProps, DateRangePickerSettings, DateRangePickerCalendarSettings, DateRangePickerDateInputSettings, DateRangePickerPopupSettings, DateRangePickerChangeEvent, DateTimePicker, DateTimePickerVue3, DateTimePickerProps, DateTimePickerSettings, DateTimePickerChangeEvent, SelectionRange };

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: 1641561446,
+    publishDate: 1641907085,
     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/TimeList.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -75,7 +74,7 @@ export interface TimeListMethods {
 /**
  * @hidden
  */
-export interface TimeListAll extends Vue, TimeListMethods, TimeListData, TimeListComputed, TimeListState {
+export interface TimeListAll extends Vue2type, TimeListMethods, TimeListData, TimeListComputed, TimeListState {
 }
 declare let TimeList: ComponentOptions<TimeListAll, DefaultData<TimeListData>, DefaultMethods<TimeListAll>, TimeListComputed, RecordPropsDefinition<TimeListProps>>;
 declare const TimeListVue3: DefineComponent<TimeListProps, any, TimeListData, TimeListComputed, TimeListMethods, {}, {}, {}, string, TimeListProps, TimeListProps, {}>;

package/dist/npm/timepicker/TimePart.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -87,7 +86,7 @@ export interface TimePartMethods {
 /**
  * @hidden
  */
-export interface TimePartAll extends Vue, TimePartMethods, TimePartData, TimePartComputed, TimePartState {
+export interface TimePartAll extends Vue2type, TimePartMethods, TimePartData, TimePartComputed, TimePartState {
 }
 declare let TimePart: ComponentOptions<TimePartAll, DefaultData<TimePartData>, DefaultMethods<TimePartAll>, TimePartComputed, RecordPropsDefinition<TimePartProps>>;
 declare const TimePartVue3: DefineComponent<TimePartProps, any, TimePartData, TimePartComputed, TimePartMethods, {}, {}, {}, string, TimePartProps, TimePartProps, {}>;