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

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