All Components

Spin Buttons

The spin buttons of the DateInput increase or decrease the date value by adding or subtracting one day.

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

@Component({
    selector: 'my-app',
    template: `
        <div class="example-wrapper">
            <p>Select a date:</p>
            <kendo-dateinput [spinners]="true" [value]="value"></kendo-dateinput>
        </div>
    `
})

class AppComponent {
    public value: Date = new Date(2000, 2, 10);
}
In this article