salix/client/core/src/components/textfield/textfield.html

<div
    class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"
    ng-mouseenter="$ctrl.hasMouseIn = true"
    ng-mouseleave="$ctrl.hasMouseIn = false">
	<input
        class="mdl-textfield__input" 
        type="{{$ctrl.type}}" 
        name="{{$ctrl.name}}" 
        ng-model="$ctrl.value" 
        vn-validation="{{$ctrl.rule}}" 
        ng-disabled="$ctrl.disabled"
        ng-readonly="$ctrl.readonly"
        ng-focus="$ctrl.hasFocus = true"
        ng-blur="$ctrl.hasFocus = false"
        tabindex="{{$ctrl.input.tabindex}}"/>
    <div class="mdl-chip__action">
        <i class="material-icons"
            ng-if="$ctrl.hasInfo"
            vn-tooltip="{{$ctrl.info}}">
            info_outline
        </i>
        <i class="material-icons pointer"
            ng-show="!$ctrl.disabled && $ctrl.hasValue && ($ctrl.hasFocus || $ctrl.hasMouseIn)"
            ng-click="$ctrl.clear()">
            clear
        </i>
    </div>
    <label class="mdl-textfield__label" translate>{{::$ctrl.label}}</label>
</div>