AngularJS + jQuery UI Date Picker Plugin

Simple example showing how to spin up the jQuery UI date picker plugin.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-sortable/0.13.4/sortable.min.js"></script>
<div ng-app="app" ng-controller="ctrl as vm">
    <div ui-sortable="vm.sortableOptions" ng-model="vm.items">
      <div ng-repeat="item in vm.items">
        <a href ng-click="vm.log()">
          <div class="box"></div>
        </a>
      </div>
    </div>
</div>

CSS

.box {
  width: 100px;
  height: 100px;
  background: #ff0000;
  margin: 8px;
}

JavaScript

angular.module('app', ['ui.sortable'])
	.controller('ctrl', [function () {
  	var vm = this;
    
  	vm.sortableOptions = {
    	stop: function (e) {
      
      }
    }
    
    vm.items = [
    	{},
      {},
      {},
      {}
    ];
    
    vm.log = function () {
    	console.log('clicked');
    }
  }]);