Spin Buttons

The spin buttons of the DateInput increase or decrease the currently selected date part.

By default, the spin buttons are disabled and the spinners property is set to false. To render the spin buttons, set spinners to true.

<div id="vueapp" class="vue-app">
    <div >
      <dateinput
            :spinners="true"
            :value="value"
            @change="changeDate"
      />
      </div>
</div>
import { DateInput } from '@progress/kendo-vue-dateinputs';
Vue.component('dateinput', DateInput);

new Vue({
    el: '#vueapp',
    data: function() {
        return {
            value: new Date()
        };
    },
    methods: {
        changeDate(event) {
            this.value = event.value;
        }
    }
});

In this article