[Time Conductor] Listen for blur, submit

https://github.com/nasa/openmctweb/issues/259

platform/commonUI/general/res/templates/controls/datetime-field.html

@@ -2,6 +2,7 @@
       ng-controller="DateTimeFieldController">
     <input type="text"
            ng-model="textValue"
+           ng-blur="structure.submit()"
            ng-class="{ error: textInvalid }">
     </input>
     <a class="ui-symbol icon icon-calendar"

platform/commonUI/general/res/templates/controls/time-controller.html

@@ -20,11 +20,12 @@
  at runtime from the About dialog for additional information.
 -->
 <div ng-controller="TimeRangeController">
-    <div class="l-time-range-inputs-holder">
+    <form class="l-time-range-inputs-holder"
+          ng-submit="updateBoundsFromForm()">
         <span class="l-time-range-inputs-elem ui-symbol type-icon">&#x43;</span>
         <span class="l-time-range-input">
             <mct-control key="'datetime-field'"
-                         structure="{ format: parameters.format }"
+                         structure="{ format: parameters.format, submit: updateBoundsFromForm }"
                          ng-model="ngModel.outer"
                          field="'start'"
                          class="time-range-start">
@@ -35,13 +36,15 @@
 
         <span class="l-time-range-input" ng-controller="ToggleController as t2">
             <mct-control key="'datetime-field'"
-                         structure="{ format: parameters.format }"
+                         structure="{ format: parameters.format, submit: updateBoundsFromForm }"
                          ng-model="ngModel.outer"
                          field="'end'"
                          class="time-range-end">
             </mct-control>&nbsp;
         </span>
-    </div>
+
+        <input type="submit" class="hidden">
+    </form>
 
     <div class="l-time-range-slider-holder">
         <div class="l-time-range-slider">

platform/commonUI/general/src/controllers/TimeRangeController.js

@@ -230,6 +230,10 @@ define(
             $scope.rightDrag = rightDrag;
             $scope.middleDrag = middleDrag;
 
+            $scope.updateBoundsFromForm = function () {
+                // TODO: update outer bounds
+            };
+
             $scope.ticks = [];
 
             // Initialize scope to defaults