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?