@progress/kendo-vue-dateinputs 2.7.3 → 3.0.0-dev.202201141128

package/dist/es/datepicker/DatePicker.js

@@ -6,7 +6,7 @@ var ref = allVue.ref;
 var inject = allVue.inject;
 import { Popup } from '@progress/kendo-vue-popup';
 import { getDate, cloneDate } from '@progress/kendo-date-math';
-import { classNames, guid, Keys, templateRendering, getListeners, getTemplate, validatePackage, canUseDOM } from '@progress/kendo-vue-common';
+import { classNames, guid, Keys, templateRendering, getListeners, getTemplate, validatePackage, canUseDOM, kendoThemeMaps, getDefaultSlots } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 import { DateInput } from '../dateinput/DateInput';
 import { Calendar } from '../calendar/components/Calendar';
@@ -15,7 +15,6 @@ import { isInDateRange } from '../utils';
 import { messages, toggleCalendar } from '../messages';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { ToggleButton } from './ToggleButton';
-import { PickerWrap } from '../common/PickerWrap';
 import { FloatingLabel } from '@progress/kendo-vue-labels'; // tslint:enable:max-line-length
 
 var DatePicker = {
@@ -80,10 +79,25 @@ var DatePicker = {
         return undefined;
       }
     },
-    pickerWrap: {
-      type: [String, Object, Function],
-      default: function _default() {
-        return undefined;
+    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);
       }
     },
     focusedDate: Date,
@@ -157,14 +171,12 @@ var DatePicker = {
     validatePackage(packageMetadata);
     this._popupId = guid();
     this._anchor = guid();
-    this._wrapper = null;
     this._dateInput = null;
     this._calendar = null;
     this.$data.currentValue = this.$props.defaultValue;
     this.$data.currentShow = this.$props.defaultShow;
   },
   mounted: function mounted() {
-    this._wrapper = this.v3 ? this.wrapperRef : this.$refs.wrapper;
     this._dateInput = this.v3 ? this.dateInputRef : this.$refs.dateInput;
 
     if (this.$refs.calendar || this.calendarRef) {
@@ -229,15 +241,6 @@ var DatePicker = {
       get: function get() {
         return this.$data.showDuringOnChange !== undefined ? this.$data.showDuringOnChange : this.$props.show !== undefined ? this.$props.show : this.$data.currentShow;
       }
-    },
-    wrapperClassNames: {
-      get: function get() {
-        var disabled = this.$props.disabled;
-        return {
-          'k-state-disabled': disabled,
-          'k-state-focused': this.$data.isFocused
-        };
-      }
     }
   },
   methods: {
@@ -248,18 +251,11 @@ var DatePicker = {
     },
     handleFocus: function handleFocus(event) {
       this._oldShow = this.computedShow;
-
-      if (this._wrapper) {
-        this.$data.isFocused = true;
-      }
-
+      this.$data.isFocused = true;
       this.$emit('focus', event);
     },
     handleBlur: function handleBlur(event) {
-      if (this._wrapper) {
-        this.$data.isFocused = false;
-      }
-
+      this.$data.isFocused = false;
       this.createBlurTimeout();
       this.$emit('blur', event);
     },
@@ -400,41 +396,49 @@ var DatePicker = {
   },
   // @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,
-        className = _a.className,
-        width = _a.width,
-        name = _a.name,
-        validationMessage = _a.validationMessage,
-        required = _a.required,
-        validityStyles = _a.validityStyles;
-    var _b = this.$props.popupSettings,
-        popupClass = _b.popupClass,
-        animate = _b.animate,
-        appendTo = _b.appendTo;
+    var defaultSlot = 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,
+        validationMessage = _b.validationMessage,
+        required = _b.required,
+        validityStyles = _b.validityStyles,
+        size = _b.size,
+        fillMode = _b.fillMode,
+        rounded = _b.rounded;
+    var _c = this.$props.popupSettings,
+        popupClass = _c.popupClass,
+        animate = _c.animate,
+        appendTo = _c.appendTo;
     var show = this.computedShow;
     var value = this.computedValue;
     var sanitizedValue = value && getDate(value);
     var isValid = !this.$props.validityStyles || this.validity().valid;
-    var rootClassName = classNames('k-widget k-datepicker', {
-      'k-state-invalid': !isValid
-    }, className);
     var popupClassNames = classNames('k-calendar-container k-group k-reset', popupClass);
     var toggleButton = this.$props.toggleButton ? templateRendering.call(this, this.$props.toggleButton, getListeners.call(this)) : undefined;
-    var toggleButtonDefaultRendering = // @ts-ignore function children
+    var toggleButtonDefaultRendering = // @ts-ignore
     h(ToggleButton, {
+      icon: "calendar",
+      attrs: this.v3 ? undefined : {
+        icon: "calendar",
+        title: provideLocalizationService(this).toLanguageString(toggleCalendar, messages[toggleCalendar]),
+        "aria-label": provideLocalizationService(this).toLanguageString(toggleCalendar, messages[toggleCalendar])
+      },
       onMousedown: this.handleIconMouseDown,
       on: this.v3 ? undefined : {
         "mousedown": this.handleIconMouseDown,
@@ -442,17 +446,9 @@ var DatePicker = {
       },
       onClick: this.handleIconClick,
       title: provideLocalizationService(this).toLanguageString(toggleCalendar, messages[toggleCalendar]),
-      attrs: this.v3 ? undefined : {
-        title: provideLocalizationService(this).toLanguageString(toggleCalendar, messages[toggleCalendar])
-      },
-      "class": "k-select"
-    }, this.v3 ? function () {
-      return [h("span", {
-        "class": "k-icon k-i-calendar"
-      })];
-    } : [h("span", {
-      "class": "k-icon k-i-calendar"
-    })]);
+      "aria-label": provideLocalizationService(this).toLanguageString(toggleCalendar, messages[toggleCalendar]),
+      "class": "k-input-button"
+    });
     var toggleButtonRendering = getTemplate.call(this, {
       h: h,
       template: toggleButton,
@@ -480,6 +476,9 @@ var DatePicker = {
         max: max,
         min: min,
         name: name,
+        size: null,
+        rounded: null,
+        fillMode: null,
         required: required,
         tabIndex: !show ? tabIndex : -1,
         title: title,
@@ -495,6 +494,9 @@ var DatePicker = {
       max: max,
       min: min,
       name: name,
+      size: null,
+      rounded: null,
+      fillMode: null,
       onChange: this.handleInputValueChange,
       on: this.v3 ? undefined : {
         "change": this.handleInputValueChange
@@ -512,22 +514,6 @@ var DatePicker = {
       template: dateInput,
       defaultRendering: dateInputDefaultRendering
     });
-    var pickerWrap = this.$props.pickerWrap ? templateRendering.call(this, this.$props.pickerWrap, getListeners.call(this)) : undefined;
-    var pickerWrapDefaultRendering = // @ts-ignore function children
-    h(PickerWrap, {
-      ref: this.v3 ? function (el) {
-        _this.wrapperRef = el;
-      } : 'wrapper',
-      "class": this.wrapperClassNames
-    }, this.v3 ? function () {
-      return [dateInputRendering, toggleButtonRendering];
-    } : [dateInputRendering, toggleButtonRendering]);
-    var pickerWrapRendering = getTemplate.call(this, {
-      h: h,
-      template: pickerWrap,
-      defaultRendering: pickerWrapDefaultRendering,
-      defaultSlots: [dateInputRendering, toggleButtonRendering]
-    });
     var calendar = this.$props.calendar ? templateRendering.call(this, this.$props.calendar, getListeners.call(this)) : undefined;
     var calendarDefaultRendering = // @ts-ignore
     h(Calendar, {
@@ -615,7 +601,7 @@ var DatePicker = {
         "aria-expanded": this.computedShow
       },
       "aria-expanded": this.computedShow,
-      "class": rootClassName,
+      "class": classNames('k-input', 'k-datepicker', (_a = {}, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (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.$data.isFocused, _a)),
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown,
@@ -624,7 +610,7 @@ var DatePicker = {
       },
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur
-    }, [pickerWrapRendering, popupRendering]);
+    }, [dateInputRendering, toggleButtonRendering, popupRendering]);
     return this.$props.label ? // @ts-ignore function children
     h(FloatingLabel, {
       label: this.$props.label,

package/dist/es/datepicker/ToggleButton.d.ts

@@ -1,29 +1,8 @@
+import { ButtonProps } from '@progress/kendo-vue-buttons';
 import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * Represents the this.$props of the Kendo UI for Vue
- * [Toggle Button]({% slug api_dateinputs_native_togglebuttonprops %}) component.
- */
-export interface ToggleButtonProps {
-    id?: string;
-    tabIndex?: number;
-    title?: string;
-}
-/**
- * @hidden
- */
-export interface ToggleButtonMethods extends Vue {
-    handleMouseDown: (e: any) => void;
-    handleMouseUp: (e: any) => void;
-    handleClick: (e: any) => void;
-}
 /**
  * Represents the default `toggleButton` component.
  */
-declare let ToggleButton: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<ToggleButtonMethods>, {}, RecordPropsDefinition<ToggleButtonProps>>;
-declare const ToggleButtonVue3: DefineComponent<ToggleButtonProps, any, {}, {}, ToggleButtonMethods, {}, {}, {}, string, ToggleButtonProps, ToggleButtonProps, {}>;
+declare let ToggleButton: any;
+declare const ToggleButtonVue3: DefineComponent<ButtonProps, any, {}, {}, {}, {}, {}, {}, string, ButtonProps, ButtonProps, {}>;
 export { ToggleButton, ToggleButtonVue3 };

package/dist/es/datepicker/ToggleButton.js

@@ -1,73 +1,8 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { Button } from '@progress/kendo-vue-buttons';
 /**
  * Represents the default `toggleButton` component.
  */
 
-var ToggleButton = {
-  // @ts-ignore
-  emits: {
-    'click': null,
-    'mousedown': null,
-    'mouseup': null
-  },
-  props: {
-    id: String,
-    tabIndex: {
-      type: Number,
-      default: undefined
-    },
-    title: String
-  },
-  methods: {
-    handleMouseDown: function handleMouseDown(e) {
-      this.$emit('mousedown', e);
-    },
-    handleMouseUp: function handleMouseUp(e) {
-      this.$emit('mouseup', e);
-    },
-    handleClick: function handleClick(e) {
-      this.$emit('click', e);
-    }
-  },
-  // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = getDefaultSlots(this);
-    return h("a", {
-      id: this.$props.id,
-      attrs: this.v3 ? undefined : {
-        id: this.$props.id,
-        role: "button",
-        tabindex: this.$props.tabIndex,
-        title: this.$props.title,
-        "aria-label": this.$props.title
-      },
-      role: "button",
-      "class": 'k-select',
-      tabindex: this.$props.tabIndex,
-      title: this.$props.title,
-      "aria-label": this.$props.title,
-      onMousedown: this.handleMouseDown,
-      on: this.v3 ? undefined : {
-        "mousedown": this.handleMouseDown,
-        "click": this.handleClick,
-        "mouseup": this.handleMouseUp
-      },
-      onClick: this.handleClick,
-      onMouseup: this.handleMouseUp
-    }, [defaultSlot]);
-  }
-};
+var ToggleButton = Button;
 var ToggleButtonVue3 = ToggleButton;
 export { ToggleButton, ToggleButtonVue3 };

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

@@ -5,5 +5,4 @@ export interface DatePickerComputed {
     [key: string]: any;
     computedValue: Date | null;
     computedShow: boolean;
-    wrapperClassNames: object;
 }

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

@@ -38,6 +38,45 @@ export interface DatePickerSettings {
      * Determines whether the DatePicker is disabled ([see example]({% slug disabled_datepicker_native %})).
      */
     disabled?: boolean;
+    /**
+     * Configures the `size` of the TimeInput.
+     *
+     * 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 TimeInput.
+     *
+     * 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 TimeInput.
+     *
+     * 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 focused date of the DatePicker ([see example]({% slug dates_datepicker_native %})).
      */

package/dist/es/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/es/daterangepicker/DateRangePicker.js

@@ -100,6 +100,27 @@ var DateRangePicker = {
         return 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() {
@@ -179,10 +200,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;
@@ -209,6 +231,10 @@ var DateRangePicker = {
 
     var h = gh || createElement;
     var value = this.computedValue || 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 = provideLocalizationService(this);
@@ -225,6 +251,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
@@ -257,6 +286,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,
@@ -324,9 +356,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 ? templateRendering.call(this, this.$props.popup, getListeners.call(this)) : undefined;
 
     var popupSettings = __assign({
@@ -364,7 +396,7 @@ var DateRangePicker = {
         "aria-controls": startDateInputId + ' ' + endDateInputId,
         "aria-label": provideLocalizationService(this).toLanguageString(swapStartEnd, messages[swapStartEnd])
       },
-      "class": "k-select k-button k-flat",
+      "class": "k-button k-button-md k-button-flat k-icon-button",
       title: provideLocalizationService(this).toLanguageString(swapStartEnd, messages[swapStartEnd]),
       onMousedown: this.handleReverseMouseDown,
       on: this.v3 ? undefined : {
@@ -378,11 +410,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,
@@ -400,14 +432,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() {
@@ -480,11 +509,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);
@@ -507,11 +536,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 && canUseDOM && startInput && document.activeElement !== endInput) {

package/dist/es/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/es/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, {}>;