2018-09-19 13:05:07 +00:00
|
|
|
<div class="container"
|
|
|
|
|
ng-class="{selected: $ctrl.hasFocus}">
|
|
|
|
|
<div class="textField">
|
|
|
|
|
<div class="leftIcons" ng-transclude="leftIcons"></div>
|
|
|
|
|
<div class="infix">
|
|
|
|
|
<input
|
|
|
|
|
class="mdl-textfield__input"
|
|
|
|
|
type="time"
|
2019-03-15 06:40:45 +00:00
|
|
|
ng-model="$ctrl.model"
|
2018-09-19 13:05:07 +00:00
|
|
|
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}}"/>
|
|
|
|
|
<label class="label" translate>{{::$ctrl.label}}</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="underline"></div>
|
|
|
|
|
<div class="selected underline"></div>
|
|
|
|
|
<div class="suffix">
|
|
|
|
|
<i class="material-icons clear"
|
|
|
|
|
translate-attr="{title: 'Clear'}"
|
|
|
|
|
ng-show="!$ctrl.disabled
|
|
|
|
|
&& $ctrl.hasValue
|
|
|
|
|
&& !$ctrl.unclearable"
|
|
|
|
|
ng-click="$ctrl.clear()">
|
|
|
|
|
clear
|
|
|
|
|
</i>
|
|
|
|
|
<i class="material-icons"
|
|
|
|
|
ng-if="$ctrl.hasInfo"
|
|
|
|
|
vn-tooltip="{{$ctrl.info}}">
|
|
|
|
|
info_outline
|
|
|
|
|
</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rightIcons" ng-transclude="rightIcons"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
