Ui-date timepicker - угловой js. - Невозможно закрыть окно timepicker щелчка на входе

Question

Im используя простой демо uidatetimepicker

https://rawgit.com/Gillardo/bootstrap-ui-datetime-picker/master/example/index.html

Разница заключается в том, что я не использую значок часов - у меня есть ng-click действия в поле ввода, так что я не хочу вход будет также щелкнуть форму времени и не просто открыть его так:

Первый щелчок откроет timebox

Второй щелчок на входе, закрыть окно, и теперь только нажать вне box закроет его

<p class="input-group"> 
    <input type="text" 
     ng-click="ctrl.openCalendar($event, 'picker2')" 
     class="form-control" 
     datetime-picker="HH:mm" ng-model="ctrl.picker2.date" 
     is-open="ctrl.picker2.open" 
     enable-date="false" 
     timepicker-options="ctrl.picker2.timepickerOptions" 
     close-on-selection="true"> 
</p> 

Answer 1

Использование ngFocus и ngBlur вместо ngClick. Нажатие открывает поле ввода для редактирования, поэтому вам может потребоваться связать открытие виджета с пользователем, щелкнув по полю, и отойти как закрытие виджета.

Однако, IMO, имеющее поле ввода, непосредственно редактируемое, в любом случае лучше, так как оно обеспечивает опытного пользователя ярлыком.