Focused and Selected Dates

The Calendar enables you to handle the configuration of its focused and selected dates, and control the partial date selection.

Focused Dates

The Calendar always displays a focused date and, by default, the focused date is today's date. To change the focused date, use the focusedDate property by setting it to a specific Date value. The Date value has to be a valid JavaScript Date object.

Example
View Source
Edit In Stackblitz  
Change Theme:

Selected Dates

By default, the selected date is not set and the Calendar displays only the focused date. To define the selected date, use the value property.

@Component({
selector: 'my-app',
template: `
<kendo-calendar [value]="value"></kendo-calendar>
`
})
class AppComponent {
    public value: Date = new Date(2010, 10, 10);
}

In this article

Not finding the help you need?