salix/client/core/src/components/date-picker/date-picker.html

<div 
	class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"
    ng-focus="$ctrl.hasFocus = true"
    ng-blur="$ctrl.hasFocus = false"
    ng-mouseenter="$ctrl.hasMouseIn = true"
	ng-mouseleave="$ctrl.hasMouseIn = false">
    <input type="text"
		class="mdl-textfield__input"
        name="{{::$ctrl.name}}"
        ng-disabled="{{!$ctrl.enabled}}"
		rule="{{::$ctrl.rule}}"/>
	<div class="mdl-chip__action">
		<i
			class="material-icons pointer"
			ng-show="$ctrl.model && ($ctrl.hasFocus || $ctrl.hasMouseIn)"
			ng-click="$ctrl.onClear()">
			clear
		</i>
	</div>
	<label class="mdl-textfield__label" translate>{{$ctrl.label}}</label>
</div>