<div class="container" tabindex="-1">
    <div
        ng-transclude="prepend"
        class="prepend">
    </div>
    <div class="infix">
        <div class="fix prefix"></div>
        <div class="control"></div>
        <div class="fix suffix"></div>
        <label>
            <span translate>{{$ctrl.label}}</span>
            <span class="required">*</span>
        </label> 
    </div>
    <div class="icons pre" ng-class="{'clearable': $ctrl.clearDisabled != true}">
        <vn-icon ng-show="::$ctrl.clearDisabled != true"
            icon="clear"
            translate-attr="{title: 'Clear'}"
            ng-click="$ctrl.onClear($event)">
        </vn-icon>
        <vn-icon
            ng-if="::$ctrl.info != null"
            icon="info_outline"
            vn-tooltip="{{::$ctrl.info}}">
        </vn-icon>
    </div>
    <div
        ng-transclude="append"
        class="append">
    </div>
    <div class="icons post"></div>
    <div class="underline blur"></div>
    <div class="underline focus"></div>
</div>
<div class="hint"></div>