Need help with timepicker widget

Apps & Services HABPanel
1

I am trying to create a widget with a timepicker using uib-timepicker.
my code so far:

  <div>
    <uib-timepicker class="timepicker timepicker-append-to-body" ng-model="itemValue('timepicker_item')" show-meridian="false">
    </uib-timepicker>
  </div>

it only displays the content of the datetime item “timepicker”, but i can’t change the time.
what is missing to change the datetime? any help is appreciated.

2

made a little progress:

<div class="flex-container">
  <div>
    <uib-timepicker class="timepicker" ng-model="timepicker" show-meridian="false">
    </uib-timepicker>
  </div>
  <div>
    <button class="btn btn-primary" ng-click="sendCmd('timepicker_item', uib-timepicker)">Save</button>
  </div>
</div>

now i can select a time and hit save to send it to the item state, but it sends the wrong time…

If i select “12:00” it sends “13:59” :
Item ‘timepicker_item’ changed from 1916-04-26T11:02:44.389+0000 to 1916-04-26T13:59:41.690+0000

what am i doing wrong?