Add toggleEditPopover functionality to date and time directives.

Author: g1eb

src/date-input.html

@@ -1,6 +1,6 @@
 <div class="datetime-input date">
   <div class="display"
-    ng-click="selectDate(date)"
+    ng-click="toggleEditPopover()"
     ng-class="{'active': !!selected }">
     <div class="date">{{ date.format('DD MMMM YYYY') }}</div>
     <div ng-if="!date" class="placeholder">{{ placeholder }}</div>

src/date-input.js

@@ -22,12 +22,12 @@ directive('dateInput', ['$document', function ($document) {
           // Get current date
           scope.current = moment();
 
-          // Set selected date
-          scope.selectDate = function (date) {
-            if ( scope.selected === date ) {
+          // Toggle edit popover
+          scope.toggleEditPopover = function () {
+            if ( !!scope.selected ) {
               scope.selected = undefined;
             } else {
-              scope.selected = date;
+              scope.selected = scope.date || moment();
               scope.calendar = scope.selected.clone();
             }
           };

src/time-input.html

@@ -1,6 +1,6 @@
 <div class="datetime-input time">
   <div class="display"
-    ng-click="selected = (selected === time) ? '' : time"
+    ng-click="toggleEditPopover()"
     ng-class="{'active': !!selected }">
     <div class="time">{{ time.format('HH : mm : ss') }}</div>
     <div ng-if="!time" class="placeholder">{{ placeholder }}</div>

src/time-input.js

@@ -19,6 +19,15 @@ directive('timeInput', ['$document', function ($document) {
         pre: function preLink() {},
         post: function postLink(scope, element) {
 
+          // Toggle edit popover
+          scope.toggleEditPopover = function () {
+            if ( !!scope.selected ) {
+              scope.selected = undefined;
+            } else {
+              scope.selected = scope.time || moment();
+            }
+          };
+
           // Convert time object to moment.js if its not a moment object yet
           if ( scope.time && !scope.time._isAMomentObject ) {
             scope.time = moment(scope.time);