studyDateList template is moved inside hidingPanel

Packages/lesiontracker/components/studyDateList/studyDateList.css

@@ -0,0 +1,12 @@
+.studyDateList {
+    margin: 0px auto;
+    text-align: left;
+    width: 100%;
+    float: none;
+    border-top: 2px solid #777;
+    padding: 10px;
+}
+
+.studyDateList label {
+    color: white;
+}

Packages/lesiontracker/components/studyDateList/studyDateList.html

@@ -1,7 +1,11 @@
 <template name="studyDateList">
-    <select id="selectStudyDate">
-        {{#each patientStudies}}
-            <option value="{{studyInstanceUid}}">{{studyDate}}</option>
-        {{/each}}
-    </select>
+    <div class="studyDateList">
+        <label>Study Date:</label>
+        <select id="selectStudyDate">
+            {{#each patientStudies}}
+                <option value="{{studyInstanceUid}}">{{studyDate}}</option>
+            {{/each}}
+        </select>
+    </div>
+
 </template>

Packages/lesiontracker/components/studyDateList/studyDateList.js

@@ -8,6 +8,7 @@ Template.studyDateList.onCreated(function(){
 
 
 Template.studyDateList.onRendered(function(){
+
     // Add Study dates to Timepoints
     this.patientStudies.forEach(function(study) {
         Timepoints.insert({
@@ -16,8 +17,13 @@ Template.studyDateList.onRendered(function(){
         });
     });
 
-    // Selected date option
-    $('#selectStudyDate option[value="'+this.selectedDate+'"]').prop('selected', true);
+    // Selected date option in combobox
+    var self = this;
+    $('#selectStudyDate option').filter(function () {
+        if ($(this).html() === self.selectedDate) {
+            $(this).prop('selected', true);
+        }
+    });
 
 });