igniteui-angular-sovn/src/lib/date-picker/date-picker.component.html

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

<igx-input-group [displayDensity]="this.displayDensity" [type]="this.type" [suppressInputAutofocus]="true">
    <igx-prefix *ngIf="!this.toggleComponents.length" (click)="this.toggle()">
        <igx-icon [title]="this.value
            ? pickerResourceStrings.igx_date_picker_change_date
            : pickerResourceStrings.igx_date_picker_choose_date">today</igx-icon>
    </igx-prefix>

    <input class="igx-date-picker__input-date" [displayValuePipe]="this.formatter ? displayValue : null" igxInput
        [igxDateTimeEditor]="this.inputFormat" [displayFormat]="this.displayFormat"
        [minValue]="this.minValue" [maxValue]="this.maxValue" [spinDelta]="this.spinDelta" [spinLoop]="this.spinLoop" 
        [disabled]="this.disabled" [placeholder]="this.placeholder" [readonly]="!this.isDropdown || this.readOnly"
        [igxTextSelection]="this.isDropdown && !this.readOnly" [locale]="this.locale" [attr.aria-expanded]="!this.collapsed"
        [attr.aria-labelledby]="this.label?.id" aria-haspopup="dialog" aria-autocomplete="none" role="combobox">

    <igx-suffix *ngIf="!this.clearComponents.length && this.value" (click)="this.clear()">
        <igx-icon>clear</igx-icon>
    </igx-suffix>

    <ng-container ngProjectAs="[igxLabel]">
        <ng-content select="[igxLabel]"></ng-content>
    </ng-container>
    <ng-container ngProjectAs="igx-prefix">
        <ng-content select="igx-prefix,[igxPrefix]"></ng-content>
    </ng-container>
    <ng-container ngProjectAs="igx-suffix">
        <ng-content select="igx-suffix,[igxSuffix]"></ng-content>
    </ng-container>
    <ng-container ngProjectAs="igx-hint">
        <ng-content select="igx-hint,[igxHint]"></ng-content>
    </ng-container>
</igx-input-group>