Tried to solve the similar task…
Here my findings.
- Add “ng-init” directive to read from datetime Item into widget
- On “ng-click” pass formatted datetime value back to Item
- 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')