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

package/dist/es/timepicker/TimeSelector.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;
@@ -84,7 +83,7 @@ export interface TimeSelectorComputed {
 /**
  * @hidden
  */
-export interface TimeSelectorAll extends Vue, TimeSelectorMethods, TimeSelectorData, TimeSelectorComputed, TimeSelectorState {
+export interface TimeSelectorAll extends Vue2type, TimeSelectorMethods, TimeSelectorData, TimeSelectorComputed, TimeSelectorState {
 }
 declare let TimeSelector: ComponentOptions<TimeSelectorAll, DefaultData<TimeSelectorData>, DefaultMethods<TimeSelectorAll>, TimeSelectorComputed, RecordPropsDefinition<TimeSelectorProps>>;
 declare const TimeSelectorVue3: DefineComponent<TimeSelectorProps, any, TimeSelectorData, TimeSelectorComputed, TimeSelectorMethods, {}, {}, {}, string, TimeSelectorProps, TimeSelectorProps, {}>;

package/dist/es/timepicker/TimeSelector.js

@@ -3,6 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
+import { Button } from '@progress/kendo-vue-buttons';
 import { cloneDate } from '@progress/kendo-date-math';
 import { canUseDOM, classNames, Keys } from '@progress/kendo-vue-common';
 import { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -192,10 +193,11 @@ var TimeSelector = {
       nowButton: nowButton,
       steps: steps
     }), h("div", {
-      "class": "k-time-footer k-action-buttons"
-    }, [cancelButton && h("button", {
+      "class": "k-time-footer k-actions k-actions-stretched"
+    }, [cancelButton && // @ts-ignore  function children
+    h(Button, {
       ref: 'cancelButton',
-      "class": "k-button k-time-cancel",
+      "class": "k-time-cancel",
       onClick: this.handleReject,
       on: this.v3 ? undefined : {
         "click": this.handleReject
@@ -206,20 +208,27 @@ var TimeSelector = {
         "aria-label": cancelMessage
       },
       "aria-label": cancelMessage
-    }, [cancelMessage]), h("button", {
+    }, this.v3 ? function () {
+      return [cancelMessage];
+    } : [cancelMessage]), // @ts-ignore  function children
+    h(Button, {
       ref: 'acceptButton',
-      "class": "k-time-accept k-button k-primary",
+      themeColor: 'primary',
+      attrs: this.v3 ? undefined : {
+        themeColor: 'primary',
+        title: setMessage,
+        "aria-label": setMessage
+      },
+      "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) {
@@ -242,7 +251,7 @@ var TimeSelector = {
         return false;
       }
 
-      return canUseDOM && (document.activeElement === this._acceptButton || document.activeElement === this._cancelButton);
+      return canUseDOM && (document.activeElement === this._acceptButton.$el || document.activeElement === this._cancelButton.$el);
     },
     handleKeyDown: function handleKeyDown(event) {
       var keyCode = event.keyCode;

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

@@ -65,6 +65,45 @@ export interface TimePickerSettings {
      * Specifies the value of the placeholder.
      */
     placeholder?: string;
+    /**
+     * 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;
     /**
      * Fires each time any of the TimePicker elements gets blurred.
      */

package/dist/es/virtualization/Virtualization.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;
@@ -102,7 +101,7 @@ export interface VirtualizationProps {
 /**
  * @hidden
  */
-export interface VirtualizationAll extends Vue, VirtualizationMethods, VirtualizationData, VirtualizationComputed, VirtualizationState {
+export interface VirtualizationAll extends Vue2type, VirtualizationMethods, VirtualizationData, VirtualizationComputed, VirtualizationState {
 }
 declare let Virtualization: ComponentOptions<VirtualizationAll, DefaultData<VirtualizationData>, DefaultMethods<VirtualizationAll>, VirtualizationComputed, RecordPropsDefinition<VirtualizationProps>>;
 declare const VirtualizationVue3: DefineComponent<VirtualizationProps, any, VirtualizationData, VirtualizationComputed, VirtualizationMethods, {}, {}, {}, string, VirtualizationProps, VirtualizationProps, {}>;

package/dist/npm/additionalTypes.ts

@@ -1,3 +1,9 @@
 // @ts-ignore
 import { DefineComponent } from 'vue';
-export { DefineComponent };
+// @ts-ignore
+import * as Vue from 'vue';
+// @ts-ignore
+type Vue2type = Vue.default;
+// @ts-ignore
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/npm/calendar/components/Calendar.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) => CalendarData);
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -12,7 +11,7 @@ import { CalendarProps } from './interfaces/CalendarProps';
 /**
  * @hidden
  */
-export interface CalendarAll extends Vue, CalendarMethods, CalendarComputed, CalendarState, CalendarData {
+export interface CalendarAll extends Vue2type, CalendarMethods, CalendarComputed, CalendarState, CalendarData {
 }
 declare let Calendar: ComponentOptions<CalendarAll, DefaultData<CalendarData>, DefaultMethods<CalendarAll>, CalendarComputed, RecordPropsDefinition<CalendarProps>>;
 declare const CalendarVue3: DefineComponent<CalendarProps, any, CalendarData, CalendarComputed, CalendarMethods, {}, {}, {}, string, CalendarProps, CalendarProps, {}>;

package/dist/npm/calendar/components/CalendarCell.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 DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
@@ -24,7 +23,7 @@ export interface CalendarCellMethods {
 /**
  * @hidden
  */
-export interface CalendarCellAllMethods extends Vue, CalendarCellMethods {
+export interface CalendarCellAllMethods extends Vue2type, CalendarCellMethods {
 }
 /**
  * The `CalendarCell` component is internally used for rendering the items in the current view. Also be used as a custom `cell` of the [Calendar]({% slug api_dateinputs_native_calendarprops %}#toc-cell).

package/dist/npm/calendar/components/CalendarCell.js

@@ -71,7 +71,7 @@ var CalendarCell = {
   // Manually checking if the component needs an update
   // due to date object being compared by instance
   // and new Date object is created
-  // every time and fails the shallow compare of the Vue.PureComponent.
+  // every time and fails the shallow compare of the Vue.
 
   /**
    * @hidden

package/dist/npm/calendar/components/CalendarHeaderTitle.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 DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
@@ -21,7 +20,7 @@ export interface CalendarHeaderTitleMethods {
 /**
  * @hidden
  */
-export interface CalendarHeaderTitleAllMethods extends Vue, CalendarHeaderTitleMethods {
+export interface CalendarHeaderTitleAllMethods extends Vue2type, CalendarHeaderTitleMethods {
 }
 /**
  * The `CalendarCell` component is internally used for rendering the items in the current view. Also be used as a custom `cell` of the [Calendar]({% slug api_dateinputs_native_calendarprops %}#toc-cell).

package/dist/npm/calendar/components/CalendarHeaderTitle.js

@@ -11,6 +11,8 @@ var allVue = Vue;
 var gh = allVue.h;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
 /**
  * The `CalendarCell` component is internally used for rendering the items in the current view. Also be used as a custom `cell` of the [Calendar]({% slug api_dateinputs_native_calendarprops %}#toc-cell).
  *
@@ -50,20 +52,26 @@ var CalendarHeaderTitle = {
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
-    return h("button", {
-      value: this.$props.value,
-      attrs: this.v3 ? undefined : {
+    return (// @ts-ignore  function children
+      h(kendo_vue_buttons_1.Button, {
         value: this.$props.value,
+        attrs: this.v3 ? undefined : {
+          value: this.$props.value,
+          id: this.$props.id,
+          fillMode: 'flat',
+          tabIndex: 0
+        },
         id: this.$props.id,
-        tabindex: 0
-      },
-      id: this.$props.id,
-      onClick: this.handleClick,
-      on: this.v3 ? undefined : {
-        "click": this.handleClick
-      },
-      tabindex: 0
-    }, [defaultSlot]);
+        fillMode: 'flat',
+        onClick: this.handleClick,
+        on: this.v3 ? undefined : {
+          "click": this.handleClick
+        },
+        tabIndex: 0
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
   }
 };
 exports.CalendarHeaderTitle = CalendarHeaderTitle;

package/dist/npm/calendar/components/CalendarWeekCell.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 DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
@@ -14,7 +13,7 @@ export interface CalendarWeekCellProps {
 /**
  * @hidden
  */
-export interface CalendarWeekCellAllMethods extends Vue {
+export interface CalendarWeekCellAllMethods extends Vue2type {
     handleClick?: (e: any) => void;
 }
 /**

package/dist/npm/calendar/components/Header.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
 import { LocalizationService } from '@progress/kendo-vue-intl';
 import { BusViewService } from '../services';
 import { ViewService, Action } from '../models';
@@ -61,7 +60,7 @@ export interface HeaderState {
 /**
  * @hidden
  */
-export interface HeaderAllMethods extends Vue, HeaderMethods, HeaderComputed, HeaderState {
+export interface HeaderAllMethods extends Vue2type, HeaderMethods, HeaderComputed, HeaderState {
 }
 /**
  * @hidden

package/dist/npm/calendar/components/Header.js

@@ -15,6 +15,8 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
 var CalendarHeaderTitle_1 = require("./CalendarHeaderTitle");
 
 var messages_1 = require("../../messages");
@@ -192,11 +194,11 @@ var Header = {
 
     var isPrevDisabled = !this.canNavigate(models_1.Action.PrevView);
     var isNextDisabled = !this.canNavigate(models_1.Action.NextView);
-    var titleClassNames = kendo_vue_common_1.classNames('k-calendar-title', 'k-button k-flat', 'k-title', {
-      'k-state-disabled': !this.navigate
+    var titleClassNames = kendo_vue_common_1.classNames('k-calendar-title', 'k-title', {
+      'k-disabled': !this.navigate
     });
     var todayClassNames = kendo_vue_common_1.classNames('k-nav-today', {
-      'k-state-disabled': !this.todayIsInRange
+      'k-disabled': !this.todayIsInRange
     });
     var headerTitle;
     var headerTitleDefaultRendering = // @ts-ignore  function children
@@ -226,29 +228,28 @@ var Header = {
       "class": 'k-spacer'
     }), h("span", {
       "class": 'k-calendar-nav k-hstack'
-    }, [h("button", {
-      "class": {
-        'k-prev-view': true,
-        'k-button k-flat k-icon-button': true,
-        'k-state-disabled': isPrevDisabled
-      },
-      tabIndex: this.$props.tabIndex,
+    }, [// @ts-ignore
+    h(kendo_vue_buttons_1.Button, {
+      icon: 'arrow-60-left',
       attrs: this.v3 ? undefined : {
-        tabIndex: this.$props.tabIndex,
-        title: prevViewTitle,
-        type: "button",
-        "aria-disabled": isPrevDisabled
+        icon: 'arrow-60-left',
+        size: this.$props.size,
+        fillMode: 'flat',
+        desabled: isPrevDisabled,
+        "aria-label": prevViewTitle,
+        title: prevViewTitle
       },
+      size: this.$props.size,
+      fillMode: 'flat',
+      "class": "k-prev-view",
+      desabled: isPrevDisabled,
+      "aria-label": prevViewTitle,
       title: prevViewTitle,
-      type: "button",
       onClick: this.handlePrevClick,
       on: this.v3 ? undefined : {
         "click": this.handlePrevClick
-      },
-      "aria-disabled": isPrevDisabled
-    }, [h("span", {
-      "class": "k-button-icon k-icon k-i-arrow-60-left"
-    })]), h("span", {
+      }
+    }), h("span", {
       "class": todayClassNames,
       tabIndex: this.$props.tabIndex,
       attrs: this.v3 ? undefined : {
@@ -260,29 +261,28 @@ var Header = {
         "click": this.handleTodayClick
       },
       onClick: this.handleTodayClick
-    }, [todayMessage]), h("button", {
-      "class": {
-        'k-next-view': true,
-        'k-button k-flat k-icon-button': true,
-        'k-state-disabled': isNextDisabled
-      },
-      tabIndex: this.$props.tabIndex,
+    }, [todayMessage]), // @ts-ignore
+    h(kendo_vue_buttons_1.Button, {
+      icon: 'arrow-60-right',
       attrs: this.v3 ? undefined : {
-        tabIndex: this.$props.tabIndex,
-        title: nextViewTittle,
-        type: "button",
-        "aria-disabled": isNextDisabled
+        icon: 'arrow-60-right',
+        size: this.$props.size,
+        fillMode: 'flat',
+        desabled: isNextDisabled,
+        "aria-label": nextViewTittle,
+        title: nextViewTittle
       },
+      size: this.$props.size,
+      fillMode: 'flat',
+      "class": "k-next-view",
+      desabled: isNextDisabled,
+      "aria-label": nextViewTittle,
       title: nextViewTittle,
-      type: "button",
       onClick: this.handleNextClick,
       on: this.v3 ? undefined : {
         "click": this.handleNextClick
-      },
-      "aria-disabled": isNextDisabled
-    }, [h("span", {
-      "class": "k-button-icon k-icon k-i-arrow-60-right"
-    })])])]);
+      }
+    })])]);
   }
 };
 exports.Header = Header;

package/dist/npm/calendar/components/View.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 DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
@@ -98,7 +97,7 @@ export interface ViewData {
 /**
  * @hidden
  */
-export interface ViewAllMethods extends Vue, ViewMethods, ViewComputed, ViewState {
+export interface ViewAllMethods extends Vue2type, ViewMethods, ViewComputed, ViewState {
 }
 declare let View: ComponentOptions<ViewAllMethods, DefaultData<ViewData>, DefaultMethods<ViewAllMethods>, ViewComputed, RecordPropsDefinition<ViewProps>>;
 declare const ViewVue3: DefineComponent<ViewProps, any, ViewData, ViewComputed, ViewMethods, {}, {}, {}, string, ViewProps, ViewProps, {}>;

package/dist/npm/calendar/components/ViewList.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 DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
@@ -106,7 +105,7 @@ export interface ViewListData {
 /**
  * @hidden
  */
-export interface ViewListAll extends Vue, ViewListMethods, ViewListComputed, ViewListState, ViewListData {
+export interface ViewListAll extends Vue2type, ViewListMethods, ViewListComputed, ViewListState, ViewListData {
 }
 declare let ViewList: ComponentOptions<ViewListAll, DefaultData<ViewListData>, DefaultMethods<ViewListAll>, ViewListComputed, RecordPropsDefinition<ViewListProps>>;
 declare const ViewListVue3: DefineComponent<ViewListProps, any, ViewListData, ViewListComputed, ViewListMethods, {}, {}, {}, string, ViewListProps, ViewListProps, {}>;

package/dist/npm/common/PickerWrap.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;
@@ -14,6 +13,6 @@ export interface PickerWrapProps {
 /**
  * Represents the default `pickerWrap` component
  */
-declare let PickerWrap: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<Vue>, {}, RecordPropsDefinition<PickerWrapProps>>;
+declare let PickerWrap: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<Vue2type>, {}, RecordPropsDefinition<PickerWrapProps>>;
 declare const PickerWrapVue3: DefineComponent<PickerWrapProps, any, {}, {}, {}, {}, {}, {}, string, PickerWrapProps, PickerWrapProps, {}>;
 export { PickerWrap, PickerWrapVue3 };

package/dist/npm/dateinput/DateInput.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 import { DateInputData } from './interfaces/DateInputData';
 import { DateInputMethods } from './interfaces/DateInputMethods';
 import { DateInputComputed } from './interfaces/DateInputComputed';
@@ -12,7 +11,7 @@ declare type DefaultMethods<V> = {
 /**
  * @hidden
  */
-export interface DateInputAll extends Vue, DateInputMethods, DateInputData, DateInputComputed, DateInputState {
+export interface DateInputAll extends Vue2type, DateInputMethods, DateInputData, DateInputComputed, DateInputState {
 }
 declare let DateInput: ComponentOptions<DateInputAll, DefaultData<DateInputData>, DefaultMethods<DateInputAll>, DateInputComputed, RecordPropsDefinition<DateInputProps>>;
 declare const DateInputVue3: DefineComponent<DateInputProps, any, DateInputData, DateInputComputed, DateInputMethods, {}, {}, {}, string, DateInputProps, DateInputProps, {}>;