All Components

Keyboard Navigation

The keyboard navigation of the DateInput is always available.

The DateInput supports the following keyboard shortcuts:

Shortcut Description
Up Arrow Increases the portion value of the date that contains the cursor.
Down Arrow Decreases the portion value of the date that contains the cursor.
Left Arrow Moves the cursor one position to the left.
Right Arrow Moves the cursor one position to the right.
@Component({
    selector: 'my-app',
    template: `
        <kendo-dateinput
            [value]="value"
        ></kendo-dateinput>
    `
})

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