All Components

Keyboard Navigation

By default, the keyboard navigation of the DateInput is enabled.

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