@progress/kendo-vue-dateinputs 2.5.1-dev.202109301242 → 2.5.2-dev.202110121006

package/dist/es/calendar/components/CalendarCell.d.ts

@@ -15,6 +15,7 @@ export interface CalendarCellProps extends CellContext {
  * @hidden
  */
 export interface CalendarCellMethods {
+    [key: string]: any;
     handleClick?: (e: any) => void;
     handleMouseDown?: (e: any) => void;
     handleMouseEnter?: () => void;

package/dist/es/calendar/components/CalendarHeaderTitle.d.ts

@@ -15,6 +15,7 @@ export interface CalendarHeaderTitleProps {
  * @hidden
  */
 export interface CalendarHeaderTitleMethods {
+    [key: string]: any;
     handleClick: (e: any) => void;
 }
 /**

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

@@ -33,6 +33,7 @@ export interface HeaderProps {
  * @hidden
  */
 export interface HeaderMethods {
+    [key: string]: any;
     getTitle: () => string;
     handleTitleClick: (event: any) => void;
     handleTodayClick: (event: any) => void;
@@ -47,6 +48,7 @@ export interface HeaderMethods {
  * @hidden
  */
 export interface HeaderComputed {
+    [key: string]: any;
     navigate?: () => void;
     todayIsInRange?: () => boolean;
 }

package/dist/es/calendar/components/View.d.ts

@@ -61,6 +61,7 @@ export interface ViewProps {
  * @hidden
  */
 export interface ViewComputed {
+    [key: string]: any;
     isMonthView?: boolean;
     weekNumber?: boolean;
     isHorizontal?: boolean;
@@ -69,6 +70,7 @@ export interface ViewComputed {
  * @hidden
  */
 export interface ViewMethods {
+    [key: string]: any;
     buildWeekNumber: (row: any, idx: number) => void;
     buildRow: (row: any) => void;
     firstDate: (row: any) => any;

package/dist/es/calendar/components/ViewList.d.ts

@@ -69,6 +69,7 @@ export interface ViewListState {
  * @hidden
  */
 export interface ViewListComputed {
+    [key: string]: any;
     weekNames?: string[];
     weekNumber?: boolean;
     animate?: boolean;
@@ -77,6 +78,7 @@ export interface ViewListComputed {
  * @hidden
  */
 export interface ViewListMethods {
+    [key: string]: any;
     blurActiveDate: () => void;
     focusActiveDate: (event: any) => void;
     handleCellEnter: (event: any) => void;

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

@@ -3,6 +3,7 @@ import { SelectionRangeEnd } from '../../models';
  * @hidden
  */
 export interface CalendarComputed {
+    [key: string]: any;
     activeRange?: SelectionRangeEnd;
     currentMin: Date;
     currentMax: Date;

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

@@ -4,6 +4,7 @@ import { ViewListEventArguments } from '../ViewList';
  * @hidden
  */
 export interface CalendarMethods {
+    [key: string]: any;
     computedValue: () => Date | Date[] | SelectionRange | null;
     focus: (event?: any) => void;
     handleTodayClick: (e: any) => void;

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

@@ -2,6 +2,7 @@
  * @hidden
  */
 export interface DateInputComputed {
+    [key: string]: any;
     computedValue: any;
     wrapperClassNames: object;
 }

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

@@ -5,6 +5,7 @@ import { Selection } from '../models';
  * @hidden
  */
 export interface DateInputMethods {
+    [key: string]: any;
     handleFocus?: (_: any) => void;
     handleBlur?: (_: any) => void;
     element: () => HTMLInputElement | null;

package/dist/es/datepicker/DatePicker.js

@@ -33,6 +33,7 @@ var DatePicker = {
     'change': null,
     'changemodel': null,
     'update:modelValue': null,
+    'iconclick': null,
     'focus': null,
     'blur': null
   },
@@ -233,7 +234,6 @@ var DatePicker = {
       get: function get() {
         var disabled = this.$props.disabled;
         return {
-          'k-state-default': !disabled,
           'k-state-disabled': disabled,
           'k-state-focused': this.$data.isFocused
         };
@@ -354,6 +354,7 @@ var DatePicker = {
 
       this.$data.shouldFocusDateInput = true;
       this.setShow(!this.computedShow);
+      this.$emit('iconclick', event);
     },
     handleIconMouseDown: function handleIconMouseDown(event) {
       event.stopPropagation();

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

@@ -2,6 +2,7 @@
  * @hidden
  */
 export interface DatePickerComputed {
+    [key: string]: any;
     computedValue: Date | null;
     computedShow: boolean;
     wrapperClassNames: object;

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

@@ -5,6 +5,7 @@ import { DatePickerState } from './DatePickerState';
  * @hidden
  */
 export interface DatePickerMethods {
+    [key: string]: any;
     emitBlur?: (_: any) => void;
     validity: () => FormComponentValidity;
     nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => any;

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

@@ -17,6 +17,10 @@ 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;
+    /**
+     * Fires when the icon element is clicked.
+     */
+    iconclick?: (event: any) => void;
     /**
      * Renders a floating label for the DatePicker.
      */

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

@@ -72,6 +72,7 @@ export interface DateTimePickerState {
  * @hidden
  */
 export interface DateTimePickerComputed {
+    [key: string]: any;
     computedValue: Date | null;
     computedShow: boolean;
 }
@@ -79,6 +80,7 @@ export interface DateTimePickerComputed {
  * @hidden
  */
 export interface DateTimePickerMethods {
+    [key: string]: any;
     validity: () => FormComponentValidity;
     focus: () => void;
     setShow: (show: boolean) => void;

package/dist/es/datetimepicker/DateTimePicker.js

@@ -20,6 +20,15 @@ import { defaultFormatPlaceholder } from '../dateinput/utils'; // tslint:enable:
 
 var DateTimePicker = {
   name: 'KendoDateTimePicker',
+  // @ts-ignore
+  emits: {
+    'changemodel': null,
+    'update:modelValue': null,
+    'iconclick': null,
+    'change': null,
+    'focus': null,
+    'blur': null
+  },
   props: {
     modelValue: {
       type: Date,
@@ -281,7 +290,6 @@ var DateTimePicker = {
       'k-state-invalid': !isValid
     });
     var wrapperClassNames = classNames('k-picker-wrap', {
-      'k-state-default': !disabled,
       'k-state-disabled': disabled,
       'k-state-focused': this.isFocused
     });
@@ -573,13 +581,14 @@ var DateTimePicker = {
         }
       }, 200);
     },
-    handleDateIconClick: function handleDateIconClick() {
+    handleDateIconClick: function handleDateIconClick(event) {
       if (this.$props.disabled) {
         return;
       }
 
       this.shouldFocusDateInput = true;
       this.setShow(!this.computedShow);
+      this.$emit('iconclick', event);
     },
     handleIconMouseDown: function handleIconMouseDown(event) {
       event.preventDefault();

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

@@ -63,6 +63,7 @@ export interface DateTimeSelectorState {
  * @hidden
  */
 export interface DateTimeSelectorComputed {
+    [key: string]: any;
     hasDateValue: boolean;
     computedMinTime: Date | null;
     computedMaxTime: Date | null;
@@ -71,6 +72,7 @@ export interface DateTimeSelectorComputed {
  * @hidden
  */
 export interface DateTimeSelectorMethods {
+    [key: string]: any;
     focus: (args?: any) => void;
     calendarElement: () => any;
     normalizeRange: (candidate: Date, value: Date | null) => Date | null;

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

@@ -100,6 +100,10 @@ export interface DateTimePickerSettings {
      * Fires each time the user focuses any of the DateTimePicker elements.
      */
     focus?: (event: any) => void;
+    /**
+     * Fires when the icon element is clicked.
+     */
+    iconclick?: (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: 1633005442,
+    publishDate: 1634032896,
     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/TimeList.d.ts

@@ -46,6 +46,7 @@ export interface TimeListState {
  * @hidden
  */
 export interface TimeListComputed {
+    [key: string]: any;
     animate: boolean;
 }
 /**
@@ -58,6 +59,7 @@ export interface TimeListData {
  * @hidden
  */
 export interface TimeListMethods {
+    [key: string]: any;
     focus: (args?: any) => void;
     itemOffset: (scrollTop: number) => number;
     calculateHeights: () => void;

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

@@ -58,6 +58,7 @@ export interface TimePartData {
  * @hidden
  */
 export interface TimePartComputed {
+    [key: string]: any;
     element: HTMLSpanElement | null;
     computedValue: Date;
     intl: IntlService;
@@ -68,6 +69,7 @@ export interface TimePartComputed {
  * @hidden
  */
 export interface TimePartMethods {
+    [key: string]: any;
     focus: (args?: any) => void;
     timeFormatReducer: (acc: string, current: DateFormatPart) => any;
     timeFormatFilter: (part: DateFormatPart, index: number, all: DateFormatPart[]) => boolean;

package/dist/es/timepicker/TimePicker.d.ts

@@ -63,6 +63,7 @@ export interface TimePickerState {
  * @hidden
  */
 export interface TimePickerMethods {
+    [key: string]: any;
     validity: () => FormComponentValidity;
     focus: () => void;
     setDateInputRef: (dateInput: any) => void;
@@ -97,6 +98,7 @@ export interface TimePickerData {
  * @hidden
  */
 export interface TimePickerComputed {
+    [key: string]: any;
     timeSelector: any;
     computedValue: Date | null;
     computedShow: boolean;

package/dist/es/timepicker/TimePicker.js

@@ -37,6 +37,7 @@ var TimePicker = {
   emits: {
     'changemodel': null,
     'update:modelValue': null,
+    'iconclick': null,
     'change': null,
     'focus': null,
     'blur': null
@@ -287,7 +288,6 @@ var TimePicker = {
     var isValid = !this.$props.validityStyles || this.validity().valid;
     var rootClassName = classNames('k-widget k-timepicker');
     var wrapperClassNames = classNames('k-picker-wrap', {
-      'k-state-default': !disabled && isValid,
       'k-state-invalid': !isValid,
       'k-state-disabled': disabled,
       'k-state-focused': this.isFocused
@@ -586,13 +586,14 @@ var TimePicker = {
     handleValueReject: function handleValueReject(_) {
       this.setShow(false);
     },
-    handleIconClick: function handleIconClick(_) {
+    handleIconClick: function handleIconClick(event) {
       if (this.$props.disabled) {
         return;
       }
 
       this.shouldFocusDateInput = true;
       this.setShow(!this.computedShow);
+      this.$emit('iconclick', event);
     },
     handleIconMouseDown: function handleIconMouseDown(event) {
       event.preventDefault();

package/dist/es/timepicker/TimeSelector.d.ts

@@ -61,6 +61,7 @@ export interface TimeSelectorData {
  * @hidden
  */
 export interface TimeSelectorMethods {
+    [key: string]: any;
     focusActiveList: () => void;
     hasActiveButton: () => any;
     handleKeyDown: (event: any) => void;
@@ -75,6 +76,7 @@ export interface TimeSelectorMethods {
  * @hidden
  */
 export interface TimeSelectorComputed {
+    [key: string]: any;
     computedValue: Date | null;
     intl: IntlService;
     current: Date | null;

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

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

package/dist/es/virtualization/Virtualization.d.ts

@@ -50,6 +50,7 @@ export interface VirtualizationData {
  * @hidden
  */
 export interface VirtualizationMethods {
+    [key: string]: any;
     activeIndex: () => number;
     itemIndex: (offset: number) => number;
     itemOffset: (index: number) => number;
@@ -76,6 +77,7 @@ export interface VirtualizationMethods {
  * @hidden
  */
 export interface VirtualizationComputed {
+    [key: string]: any;
     element: HTMLDivElement | null;
 }
 /**

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

@@ -15,6 +15,7 @@ export interface CalendarCellProps extends CellContext {
  * @hidden
  */
 export interface CalendarCellMethods {
+    [key: string]: any;
     handleClick?: (e: any) => void;
     handleMouseDown?: (e: any) => void;
     handleMouseEnter?: () => void;

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

@@ -15,6 +15,7 @@ export interface CalendarHeaderTitleProps {
  * @hidden
  */
 export interface CalendarHeaderTitleMethods {
+    [key: string]: any;
     handleClick: (e: any) => void;
 }
 /**

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

@@ -33,6 +33,7 @@ export interface HeaderProps {
  * @hidden
  */
 export interface HeaderMethods {
+    [key: string]: any;
     getTitle: () => string;
     handleTitleClick: (event: any) => void;
     handleTodayClick: (event: any) => void;
@@ -47,6 +48,7 @@ export interface HeaderMethods {
  * @hidden
  */
 export interface HeaderComputed {
+    [key: string]: any;
     navigate?: () => void;
     todayIsInRange?: () => boolean;
 }

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

@@ -61,6 +61,7 @@ export interface ViewProps {
  * @hidden
  */
 export interface ViewComputed {
+    [key: string]: any;
     isMonthView?: boolean;
     weekNumber?: boolean;
     isHorizontal?: boolean;
@@ -69,6 +70,7 @@ export interface ViewComputed {
  * @hidden
  */
 export interface ViewMethods {
+    [key: string]: any;
     buildWeekNumber: (row: any, idx: number) => void;
     buildRow: (row: any) => void;
     firstDate: (row: any) => any;

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

@@ -69,6 +69,7 @@ export interface ViewListState {
  * @hidden
  */
 export interface ViewListComputed {
+    [key: string]: any;
     weekNames?: string[];
     weekNumber?: boolean;
     animate?: boolean;
@@ -77,6 +78,7 @@ export interface ViewListComputed {
  * @hidden
  */
 export interface ViewListMethods {
+    [key: string]: any;
     blurActiveDate: () => void;
     focusActiveDate: (event: any) => void;
     handleCellEnter: (event: any) => void;

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

@@ -3,6 +3,7 @@ import { SelectionRangeEnd } from '../../models';
  * @hidden
  */
 export interface CalendarComputed {
+    [key: string]: any;
     activeRange?: SelectionRangeEnd;
     currentMin: Date;
     currentMax: Date;

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

@@ -4,6 +4,7 @@ import { ViewListEventArguments } from '../ViewList';
  * @hidden
  */
 export interface CalendarMethods {
+    [key: string]: any;
     computedValue: () => Date | Date[] | SelectionRange | null;
     focus: (event?: any) => void;
     handleTodayClick: (e: any) => void;

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

@@ -2,6 +2,7 @@
  * @hidden
  */
 export interface DateInputComputed {
+    [key: string]: any;
     computedValue: any;
     wrapperClassNames: object;
 }

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

@@ -5,6 +5,7 @@ import { Selection } from '../models';
  * @hidden
  */
 export interface DateInputMethods {
+    [key: string]: any;
     handleFocus?: (_: any) => void;
     handleBlur?: (_: any) => void;
     element: () => HTMLInputElement | null;

package/dist/npm/datepicker/DatePicker.js

@@ -54,6 +54,7 @@ var DatePicker = {
     'change': null,
     'changemodel': null,
     'update:modelValue': null,
+    'iconclick': null,
     'focus': null,
     'blur': null
   },
@@ -254,7 +255,6 @@ var DatePicker = {
       get: function get() {
         var disabled = this.$props.disabled;
         return {
-          'k-state-default': !disabled,
           'k-state-disabled': disabled,
           'k-state-focused': this.$data.isFocused
         };
@@ -375,6 +375,7 @@ var DatePicker = {
 
       this.$data.shouldFocusDateInput = true;
       this.setShow(!this.computedShow);
+      this.$emit('iconclick', event);
     },
     handleIconMouseDown: function handleIconMouseDown(event) {
       event.stopPropagation();

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

@@ -2,6 +2,7 @@
  * @hidden
  */
 export interface DatePickerComputed {
+    [key: string]: any;
     computedValue: Date | null;
     computedShow: boolean;
     wrapperClassNames: object;

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

@@ -5,6 +5,7 @@ import { DatePickerState } from './DatePickerState';
  * @hidden
  */
 export interface DatePickerMethods {
+    [key: string]: any;
     emitBlur?: (_: any) => void;
     validity: () => FormComponentValidity;
     nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => any;

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

@@ -17,6 +17,10 @@ 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;
+    /**
+     * Fires when the icon element is clicked.
+     */
+    iconclick?: (event: any) => void;
     /**
      * Renders a floating label for the DatePicker.
      */

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

@@ -72,6 +72,7 @@ export interface DateTimePickerState {
  * @hidden
  */
 export interface DateTimePickerComputed {
+    [key: string]: any;
     computedValue: Date | null;
     computedShow: boolean;
 }
@@ -79,6 +80,7 @@ export interface DateTimePickerComputed {
  * @hidden
  */
 export interface DateTimePickerMethods {
+    [key: string]: any;
     validity: () => FormComponentValidity;
     focus: () => void;
     setShow: (show: boolean) => void;

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -41,6 +41,15 @@ var utils_3 = require("../dateinput/utils"); // tslint:enable:max-line-length
 
 var DateTimePicker = {
   name: 'KendoDateTimePicker',
+  // @ts-ignore
+  emits: {
+    'changemodel': null,
+    'update:modelValue': null,
+    'iconclick': null,
+    'change': null,
+    'focus': null,
+    'blur': null
+  },
   props: {
     modelValue: {
       type: Date,
@@ -302,7 +311,6 @@ var DateTimePicker = {
       'k-state-invalid': !isValid
     });
     var wrapperClassNames = kendo_vue_common_1.classNames('k-picker-wrap', {
-      'k-state-default': !disabled,
       'k-state-disabled': disabled,
       'k-state-focused': this.isFocused
     });
@@ -594,13 +602,14 @@ var DateTimePicker = {
         }
       }, 200);
     },
-    handleDateIconClick: function handleDateIconClick() {
+    handleDateIconClick: function handleDateIconClick(event) {
       if (this.$props.disabled) {
         return;
       }
 
       this.shouldFocusDateInput = true;
       this.setShow(!this.computedShow);
+      this.$emit('iconclick', event);
     },
     handleIconMouseDown: function handleIconMouseDown(event) {
       event.preventDefault();

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

@@ -63,6 +63,7 @@ export interface DateTimeSelectorState {
  * @hidden
  */
 export interface DateTimeSelectorComputed {
+    [key: string]: any;
     hasDateValue: boolean;
     computedMinTime: Date | null;
     computedMaxTime: Date | null;
@@ -71,6 +72,7 @@ export interface DateTimeSelectorComputed {
  * @hidden
  */
 export interface DateTimeSelectorMethods {
+    [key: string]: any;
     focus: (args?: any) => void;
     calendarElement: () => any;
     normalizeRange: (candidate: Date, value: Date | null) => Date | null;

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

@@ -100,6 +100,10 @@ export interface DateTimePickerSettings {
      * Fires each time the user focuses any of the DateTimePicker elements.
      */
     focus?: (event: any) => void;
+    /**
+     * Fires when the icon element is clicked.
+     */
+    iconclick?: (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: 1633005442,
+    publishDate: 1634032896,
     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

@@ -46,6 +46,7 @@ export interface TimeListState {
  * @hidden
  */
 export interface TimeListComputed {
+    [key: string]: any;
     animate: boolean;
 }
 /**
@@ -58,6 +59,7 @@ export interface TimeListData {
  * @hidden
  */
 export interface TimeListMethods {
+    [key: string]: any;
     focus: (args?: any) => void;
     itemOffset: (scrollTop: number) => number;
     calculateHeights: () => void;