All Components

Date Ranges

The Calendar provides options for displaying date ranges.

To define the start date of the range, use the min property. To define the end date of the range, use the max property.

The min date value has to be lower than the max date value.

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