The Kendo UI dropdownlist being used in the Financial Portfolio Demo App: line 39 https://github.com/telerik/kendo-angular/blob/master/examples-standalone/finance-portfolio/src/app/components/stock-chart/stock-chart.component.html

kendo-dropdownlist.html

<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">
    <ng-template kendoDropDownListValueTemplate let-dataItem>
        <span class="service-category"> Interval: {{ dataItem?.name }}</span>
    </ng-template>
</kendo-dropdownlist>

<kendo-dropdownlist
    [style.width.px]="140"
    class="dropdown-list-selection"
    [data]="charts"
    [iconClass]="'k-i-arrow-chevron-down'"
    [valueField]="'value'"
    [textField]="'text'"
    [valuePrimitive]="true"
    [(value)]="chartType">
    <ng-template kendoDropDownListValueTemplate let-dataItem>
        <span class="chart-category selected d-flex align-items-center">
            <img src="assets/{{ dataItem.value }}.png"/>
            {{ dataItem.text }}
        </span>
    </ng-template>
    <ng-template kendoDropDownListItemTemplate let-dataItem>
        <span class="chart-category d-flex align-items-center">
            <img src="assets/{{ dataItem.value }}.png"/>
            {{ dataItem.text }}
        </span>
    </ng-template>
</kendo-dropdownlist>