Workaround for angular-ui/bootstrap#2659

Author: Mahesh

app.js

@@ -367,5 +367,19 @@ app.controller('ClockController', ['$scope', '$interval', 'TimeZoneClocksManager
 	};
 }]);
 
+// Temporary workaround for https://github.com/angular-ui/bootstrap/issues/2659 to avoid showing the
+// entire date in the datepicker text box. Once the above issue is fixed, make sure the latest bootstrap-ui
+// is being used and remove the following directive.
+app.directive('datepickerPopup', function (){
+    return {
+        restrict: 'EAC',
+        require: 'ngModel',
+        link: function(scope, element, attr, controller) {
+			//remove the default formatter from the input directive to prevent conflict
+			controller.$formatters.shift();
+		}
+	}
+});
+
 })();
 

index.html

@@ -9,7 +9,7 @@
 
 <script src="jquery.autocomplete.js"></script>
 
-<script src="ui-bootstrap-tpls-0.12.1.min.js"></script>
+<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.1/ui-bootstrap-tpls.min.js'></script>
 <script src="jquery.timepicker.min.js"></script>
 <script src="timepickerdirective.min.js"></script>