Date Picker custom validation with angular

HTML

<div ng-app="sampleApp" ng-controller="sampleAppCtrl">
  <ig-date-picker class="form-control" id="endDate" ng-model="input.end">
    <validator-options event-validating="validating" custom='{{myValidator}}' onchange="true">
    </validator-options>
  </ig-date-picker>
</div>

JavaScript

href="http://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"
href="http://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet

src="http://igniteui.com/js/modernizr.min.js"
src="http://code.jquery.com/jquery-1.9.1.min.js"
 src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js">
src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"
src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"
src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"
src="http://cdn-na.infragistics.com/igniteui/latest/js/extensions/igniteui-angular.js"
 var sampleApp = angular.module('sampleApp', ['igniteui-directives']);
  sampleApp.controller('sampleAppCtrl', function($scope) {
  	$scope.minDate = new Date(2017,0,1);
    $scope.myValidator = function(value) {
      console.log('called myValidator');
      this.options.errorMessage = "Date must be before " + $scope.minDate.toLocaleDateString();
     	return value < $scope.minDate;
    };
    $scope.validating = function(ev, ui) {
      console.log('validating');
    }
  });