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

package/dist/npm/dateinput/DateInput.js

@@ -1,19 +1,5 @@
 "use strict";
 
-var __spreadArrays = undefined && undefined.__spreadArrays || function () {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
-    s += arguments[i].length;
-  }
-
-  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
-      r[k] = a[j];
-    }
-  }
-
-  return r;
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -34,6 +20,8 @@ var models_1 = require("./models");
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
 var package_metadata_1 = require("../package-metadata");
 
 var utils_1 = require("./utils");
@@ -86,6 +74,27 @@ var DateInput = {
         return utils_1.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);
+      }
+    },
     tabIndex: Number,
     title: String,
     steps: Object,
@@ -181,15 +190,18 @@ var DateInput = {
     },
     wrapperClassNames: {
       get: function get() {
+        var _a;
+
         var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
         var disabled = this.$props.disabled;
-        return {
-          'k-dateinput-wrap': true,
-          'k-state-disabled': disabled,
-          'k-state-invalid': !isValid && isValid !== undefined,
-          'k-state-focused': this.isFocused,
-          'k-rtl': this.$props.dir === 'rtl'
-        };
+        var _b = this.$props,
+            size = _b.size,
+            fillMode = _b.fillMode,
+            rounded = _b.rounded;
+        return _a = {
+          'k-dateinput': true,
+          'k-input': true
+        }, _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-disabled'] = disabled, _a['k-invalid'] = !isValid && isValid !== undefined, _a['k-focus'] = this.isFocused, _a['k-rtl'] = this.$props.dir === 'rtl', _a;
       }
     }
   },
@@ -537,6 +549,7 @@ var DateInput = {
     var _this = this;
 
     var h = gh || createElement;
+    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
     var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
     var _a = this.$props,
         formatPlaceholder = _a.formatPlaceholder,
@@ -567,21 +580,12 @@ var DateInput = {
     var textToDisplay = !showPlaceHolder ? currentText : null;
     var inputId = id || this._inputId;
     var isValid = !this.$props.validityStyles || this.validity().valid;
-
-    var wrapperClassesInstance = __spreadArrays(utils_1.wrapperClasses);
-
-    if (this.$props.className) {
-      wrapperClassesInstance.push(this.$props.className);
-    }
-
     var dateinput = h("span", {
+      "class": this.wrapperClassNames,
       dir: this.$props.dir,
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir
-      },
-      "class": wrapperClassesInstance.join(' ')
-    }, [h("span", {
-      "class": this.wrapperClassNames
+      }
     }, [h("input", {
       role: "spinbutton",
       attrs: this.v3 ? undefined : {
@@ -608,7 +612,7 @@ var DateInput = {
       spellcheck: false,
       autoComplete: "off",
       autoCorrect: "off",
-      "class": "k-input",
+      "class": "k-input-inner",
       id: inputId,
       placeholder: this.$props.placeholder,
       onWheel: this.wheel,
@@ -639,41 +643,51 @@ var DateInput = {
       ref: this.v3 ? function (el) {
         _this.inputRef = el;
       } : 'input'
-    }), this.$props.children, this.$props.spinners && h("span", {
-      "class": "k-select",
+    }), defaultSlot, this.$props.spinners && h("span", {
+      "class": "k-input-spinner k-spin-button",
       onMousedown: this.spinnersMouseDown,
       on: this.v3 ? undefined : {
         "mousedown": this.spinnersMouseDown
       }
-    }, [h("span", {
-      "class": "k-link k-link-increase",
-      "aria-label": localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue]),
+    }, [// @ts-ignore
+    h(kendo_vue_buttons_1.Button, {
+      icon: 'arrow-n',
       attrs: this.v3 ? undefined : {
+        icon: 'arrow-n',
+        size: this.$props.size,
+        fillMode: this.$props.fillMode,
         "aria-label": localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue]),
         title: localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue])
       },
+      size: this.$props.size,
+      fillMode: this.$props.fillMode,
+      "class": "k-spinner-increase",
+      "aria-label": localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue]),
       title: localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue]),
       onClick: this.increasePart,
       on: this.v3 ? undefined : {
         "click": this.increasePart
       }
-    }, [h("span", {
-      "class": "k-icon k-i-arrow-n"
-    })]), h("span", {
-      "class": "k-link k-link-decrease",
-      "aria-label": localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue]),
+    }), // @ts-ignore
+    h(kendo_vue_buttons_1.Button, {
+      "class": "k-spinner-decrease",
+      icon: 'arrow-s',
       attrs: this.v3 ? undefined : {
+        icon: 'arrow-s',
+        size: this.$props.size,
+        fillMode: this.$props.fillMode,
         "aria-label": localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue]),
         title: localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue])
       },
+      size: this.$props.size,
+      fillMode: this.$props.fillMode,
+      "aria-label": localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue]),
       title: localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue]),
       onClick: this.decreasePart,
       on: this.v3 ? undefined : {
         "click": this.decreasePart
       }
-    }, [h("span", {
-      "class": "k-icon k-i-arrow-s"
-    })])])])]);
+    })])]);
     return label ? // @ts-ignore function children
     h(kendo_vue_labels_1.FloatingLabel, {
       label: label,

package/dist/npm/dateinput/models/DateInputSettings.d.ts

@@ -17,6 +17,45 @@ export interface DateInputSettings {
      * Specifies the width of the DateInput.
      */
     width?: number | string;
+    /**
+     * Configures the `size` of the DateInput.
+     *
+     * 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 DateInput.
+     *
+     * 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 DateInput.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null—Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
     /**
      * Sets the `tabIndex` property of the DateInput.
      */

package/dist/npm/dateinput/utils.js

@@ -81,6 +81,6 @@ exports.isInRange = function (candidate, min, max) { return (candidate === null
 /**
  * @hidden
  */
-exports.invalidClasses = ['k-state-invalid'];
+exports.invalidClasses = ['k-invalid'];
 /** @hidden */
-exports.wrapperClasses = ['k-widget', 'k-dateinput'];
+exports.wrapperClasses = ['k-dateinput'];

package/dist/npm/datepicker/DatePicker.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) => DatePickerData);
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -12,7 +11,7 @@ import { DatePickerProps } from './interfaces/DatePickerProps';
 /**
  * @hidden
  */
-export interface DatePickerAll extends Vue, DatePickerMethods, DatePickerData, DatePickerComputed, DatePickerState {
+export interface DatePickerAll extends Vue2type, DatePickerMethods, DatePickerData, DatePickerComputed, DatePickerState {
 }
 declare let DatePicker: ComponentOptions<DatePickerAll, DefaultData<DatePickerData>, DefaultMethods<DatePickerAll>, DatePickerComputed, RecordPropsDefinition<DatePickerProps>>;
 declare const DatePickerVue3: DefineComponent<DatePickerProps, any, DatePickerData, DatePickerComputed, DatePickerMethods, {}, {}, {}, string, DatePickerProps, DatePickerProps, {}>;

package/dist/npm/datepicker/DatePicker.js

@@ -34,8 +34,6 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var ToggleButton_1 = require("./ToggleButton");
 
-var PickerWrap_1 = require("../common/PickerWrap");
-
 var kendo_vue_labels_1 = require("@progress/kendo-vue-labels"); // tslint:enable:max-line-length
 
 
@@ -101,10 +99,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,
@@ -178,14 +191,12 @@ var DatePicker = {
     kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
     this._popupId = kendo_vue_common_1.guid();
     this._anchor = kendo_vue_common_1.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) {
@@ -250,15 +261,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: {
@@ -269,18 +271,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);
     },
@@ -421,41 +416,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 = 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,
+        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 && kendo_date_math_1.getDate(value);
     var isValid = !this.$props.validityStyles || this.validity().valid;
-    var rootClassName = kendo_vue_common_1.classNames('k-widget k-datepicker', {
-      'k-state-invalid': !isValid
-    }, className);
     var popupClassNames = kendo_vue_common_1.classNames('k-calendar-container k-group k-reset', popupClass);
     var toggleButton = this.$props.toggleButton ? kendo_vue_common_1.templateRendering.call(this, this.$props.toggleButton, kendo_vue_common_1.getListeners.call(this)) : undefined;
-    var toggleButtonDefaultRendering = // @ts-ignore function children
+    var toggleButtonDefaultRendering = // @ts-ignore
     h(ToggleButton_1.ToggleButton, {
+      icon: "calendar",
+      attrs: this.v3 ? undefined : {
+        icon: "calendar",
+        title: kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleCalendar, messages_1.messages[messages_1.toggleCalendar]),
+        "aria-label": kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleCalendar, messages_1.messages[messages_1.toggleCalendar])
+      },
       onMousedown: this.handleIconMouseDown,
       on: this.v3 ? undefined : {
         "mousedown": this.handleIconMouseDown,
@@ -463,17 +466,9 @@ var DatePicker = {
       },
       onClick: this.handleIconClick,
       title: kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleCalendar, messages_1.messages[messages_1.toggleCalendar]),
-      attrs: this.v3 ? undefined : {
-        title: kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleCalendar, messages_1.messages[messages_1.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": kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleCalendar, messages_1.messages[messages_1.toggleCalendar]),
+      "class": "k-input-button"
+    });
     var toggleButtonRendering = kendo_vue_common_1.getTemplate.call(this, {
       h: h,
       template: toggleButton,
@@ -501,6 +496,9 @@ var DatePicker = {
         max: max,
         min: min,
         name: name,
+        size: null,
+        rounded: null,
+        fillMode: null,
         required: required,
         tabIndex: !show ? tabIndex : -1,
         title: title,
@@ -516,6 +514,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
@@ -533,22 +534,6 @@ var DatePicker = {
       template: dateInput,
       defaultRendering: dateInputDefaultRendering
     });
-    var pickerWrap = this.$props.pickerWrap ? kendo_vue_common_1.templateRendering.call(this, this.$props.pickerWrap, kendo_vue_common_1.getListeners.call(this)) : undefined;
-    var pickerWrapDefaultRendering = // @ts-ignore function children
-    h(PickerWrap_1.PickerWrap, {
-      ref: this.v3 ? function (el) {
-        _this.wrapperRef = el;
-      } : 'wrapper',
-      "class": this.wrapperClassNames
-    }, this.v3 ? function () {
-      return [dateInputRendering, toggleButtonRendering];
-    } : [dateInputRendering, toggleButtonRendering]);
-    var pickerWrapRendering = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: pickerWrap,
-      defaultRendering: pickerWrapDefaultRendering,
-      defaultSlots: [dateInputRendering, toggleButtonRendering]
-    });
     var calendar = this.$props.calendar ? kendo_vue_common_1.templateRendering.call(this, this.$props.calendar, kendo_vue_common_1.getListeners.call(this)) : undefined;
     var calendarDefaultRendering = // @ts-ignore
     h(Calendar_1.Calendar, {
@@ -636,7 +621,7 @@ var DatePicker = {
         "aria-expanded": this.computedShow
       },
       "aria-expanded": this.computedShow,
-      "class": rootClassName,
+      "class": kendo_vue_common_1.classNames('k-input', 'k-datepicker', (_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.$data.isFocused, _a)),
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown,
@@ -645,7 +630,7 @@ var DatePicker = {
       },
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur
-    }, [pickerWrapRendering, popupRendering]);
+    }, [dateInputRendering, toggleButtonRendering, popupRendering]);
     return this.$props.label ? // @ts-ignore function children
     h(kendo_vue_labels_1.FloatingLabel, {
       label: this.$props.label,

package/dist/npm/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/npm/datepicker/ToggleButton.js

@@ -3,81 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToggleButtonVue3 = exports.ToggleButton = void 0; // @ts-ignore
+exports.ToggleButtonVue3 = exports.ToggleButton = void 0;
 
-var Vue = require("vue");
-
-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");
 /**
  * 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 = kendo_vue_common_1.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 = kendo_vue_buttons_1.Button;
 exports.ToggleButton = ToggleButton;
 var ToggleButtonVue3 = ToggleButton;
 exports.ToggleButtonVue3 = ToggleButtonVue3;

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

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

package/dist/npm/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 %})).
      */