Need help with timepicker widget

Tried to solve the similar task…
Here my findings.

  1. Add “ng-init” directive to read from datetime Item into widget
  2. On “ng-click” pass formatted datetime value back to Item
  3. If you have issues with TimeZone look at this post.
DateTime timepicker_item "Time picker" <time>
<div class="flex-container">
  <div>
    <ng-init="timepicker=itemState('timepicker_item')" uib-timepicker class="timepicker" ng-model="timepicker" show-meridian="false">
    </uib-timepicker>
  </div>
  <div>
    <button class="btn btn-primary" ng-click="sendCmd('timepicker_item', timepicker | date: 'yyyy-MM-ddTHH:mm:00.0')">Save</button>
  </div>
</div>

In case you still have issues with timezone you can use hardcoded zone value in format like this:

(timepicker | date: 'yyyy-MM-ddTHH:mm:00.0': '+0100')