<mdp-time-picker> not updating ng-model value

Question

I have my code as below

Inside controller :

 $scope.starttime = '10:00';

Inside html

<div  layout="column" style="margin-left: 177px">
                          <mdp-time-picker aria-label="{{starttime}}" ng-
      model="starttime" ng-disabled="disabled"></mdp-time-picker>

 </div>

Althought, in HTMl i can view {{starttime}} displaying 10:00, why its not attaching to mdp-time-picker ?

Answer 1

It should have proper time format,

  $scope.starttime  = new Date();   

DEMO