Fix issues with ng-repeat example in demo page

Author: dalelotts

demo/demo-controller.js

@@ -45,9 +45,12 @@ angular.module('demo.demoController', [])
       };
 
 
-      $scope.guardianOnTimeSet = function ($index) {
+      $scope.guardianOnSetTime = function ($index, guardian, newDate, oldDate) {
         console.log($index);
-        $('#guardian' + $index).dropdown('toggle');
+        console.log(guardian.name);
+        console.log(newDate);
+        console.log(oldDate);
+        angular.element('#guardian' + $index).dropdown('toggle');
       };
 
       $scope.beforeRender = function ($dates) {
@@ -56,4 +59,4 @@ angular.module('demo.demoController', [])
         $dates[index].selectable = false;
       };
     }
-  ]);
+  ]);

demo/index.html

@@ -260,7 +260,8 @@ <h3>Embedded calendar form integration</h3>
 
 <div class="row">
     <div class="col-sm-6">
-
+        <h3>ng-repeat with drop-down using text link</h3>
+        <p><code>data-on-set-time="guardianOnSetTime($index, guardian, newDate, oldDate)"</code></p>
         <div class="well" data-ng-repeat = "guardian in data.guardians">
             <p>{{  guardian.name }}</p>
             <p>DOB: {{ guardian.dob | date:'yyyy-MM-dd' }} </p>
@@ -271,7 +272,7 @@ <h3>Embedded calendar form integration</h3>
             </a>
             <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                 <datetimepicker data-ng-model="guardian.dob"
-                                data-on-set-time="guardianOnTimeSetDoesNotExist"></datetimepicker>
+                                data-on-set-time="guardianOnSetTime($index, guardian, newDate, oldDate)"></datetimepicker>
             </ul>
         </div>
         </div>
@@ -309,4 +310,4 @@ <h4>One date is randomly disabled on each view</h4>
 
 
 </body>
-</html>
+</html>