Tasklist embedded form AngularJS directive integration

Camunda 7 Topics Discussion & Questions
,
1

Hi *,

I had to develop a tasklist embedded form that provides date and time pickers. The datepicker part was quite easy, thanks to Camunda documentation:
https://docs.camunda.org/manual/7.6/reference/embedded-forms/controls/date-inputs/#using-a-date-picker

As it seemed to me that AngularJS is integrated with Forms SDK in standard configuration and the documentation supports this (https://docs.camunda.org/manual/7.6/reference/embedded-forms/), I wanted to use AngularJS timepicker directive:
http://angular-ui.github.io/bootstrap/#!#timepicker

I expected it to work by providing the following code snippets into my embedded form:

<script cam-script type="text/form-script">
  $scope.mytime = new Date();

  $scope.hstep = 1;
  $scope.mstep = 15;
  $scope.ismeridian = false;

  $scope.changed = function () {
    $log.log('Time changed to: ' + $scope.mytime);
  };
</script>

<div uib-timepicker cam-variable-name="myTime"
       cam-variable-type="Date" ng-change="changed()"
       hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></div>

Unfortunately it is not working. JavaScript code is executed. However, I believe the uib-timepicker direvtive does not seem to be interpreted. I end up with an empty DIV with an unset attribute uib-timepicker.

Any suggestions what I am doing wrong?