Added select date functionality on the directive scope, initializing calendar date to the selected date.

Author: g1eb

src/datetime-range.html

@@ -1,12 +1,12 @@
 <div class="datetime-range">
   <div class="start-datetime"
-    ng-click="selected = ( selected === start ) ? '' : start"
+    ng-click="selectDate(start)"
     ng-class="{'active': selected === start, 'warning': warning === 'start' }">
     <div class="date">{{ start.format('DD MMMM YYYY') }}</div>
     <div class="time">{{ start.format('HH : mm : ss') }}</div>
   </div>
   <div class="end-datetime"
-    ng-click="selected = ( selected === end ) ? '' : end"
+    ng-click="selectDate(end)"
     ng-class="{'active': selected === end, 'warning': warning === 'end'}">
     <div class="date">{{ end.format('DD MMMM YYYY') }}</div>
     <div class="time">{{ end.format('HH : mm : ss') }}</div>

src/datetime-range.js

@@ -21,6 +21,16 @@ angular.module('g1b.datetime-range', []).
           scope.current = moment();
 
           // Set selected date
+          scope.selectDate = function (date) {
+            if ( scope.selected === date ) {
+              scope.selected = undefined;
+            } else {
+              scope.selected = date;
+              scope.calendar = scope.selected.clone();
+            }
+          };
+
+          // Update selected date
           scope.setDate = function (date) {
             if ( scope.selected.isSame(date) ) { return; }
             if ( ( scope.selected === scope.start && date < scope.end ) || ( scope.selected === scope.end && date > scope.start ) ) {