alyssamichelle

<kendo-stockchart
    class="stock-chart"
    [transitions]="true"
    [renderAs]="'svg'"
    (navigatorFilter)="configureVolumeValueAxisHeight()"
>
    <kendo-chart-category-axis>
        <kendo-chart-category-axis-item
            [crosshair]="{ visible: true }"
            [maxDivisions]="20"

alyssamichelle

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

alyssamichelle

<kendo-dropdownlist
    class="dropdown-list-selection interval"
    [style.width.px]="135"
    [style.marginRight.px]="8"
    [data]="intervals"
    [iconClass]="'k-i-arrow-chevron-down'"
    [textField]="'name'"
    [valueField]="'interval'"
    [(value)]="selectedInterval"
    [itemDisabled]="disableIncompatibleIntervals">

alyssamichelle

<kendo-buttongroup [selection]="'single'">
    <button kendoButton routerLink="/stocks" routerLinkActive="k-state-active">
        Result List
    </button>
    <button kendoButton routerLink="/heatmap" routerLinkActive="k-state-active">
        Heatmap View
    </button>
    <button kendoButton routerLink="/real-time" routerLinkActive="k-state-active">
        Data Virtualization
    </button>