The date range kendo ui component as used in the financial portfolio app: https://github.com/telerik/kendo-angular/blob/master/examples-standalone/finance-portfolio/src/app/components/stock-chart/stock-chart.component.html

Date-Range-Kendo-UI-Component.html

<kendo-daterange>
  <kendo-dateinput
      kendoDateRangeStartInput
      [autoCorrectOn]="'change'"
      [min]="calendarMin"
      [max]="calendarMax"
      [(ngModel)]="range.start"
      (valueChange)="handleRangeChange($event, range.end)">
  </kendo-dateinput>
  <kendo-dateinput
      kendoDateRangeEndInput
      [autoCorrectOn]="'change'"
      [min]="calendarMin"
      [max]="calendarMax"
      [(ngModel)]="range.end"
      (valueChange)="handleRangeChange(range.start, $event)">
  </kendo-dateinput>
</kendo-daterange>