New to Kendo UI for Angular? Start a free 30-day trial

DateRangeComponent

Component

Represents the Kendo UI DateRange component for Angular.

Definition

Package:@progress/kendo-angular-dateinputs

Selector:kendo-daterange

Syntax:

_@Component({
selector: 'my-app',
template: `
 <kendo-daterange>
     <kendo-dateinput kendoDateRangeStartInput [(value)]="dateRange.start"></kendo-dateinput>
     <kendo-dateinput kendoDateRangeEndInput [(value)]="dateRange.end"></kendo-dateinput>
 </kendo-daterange>
`
})
export class AppComponent {
  public dateRange: any = { start: null, end: null };
}