add back date selector

nasa · Nov 14, 2024 · 140184e · 140184e
1 parent 211272c
commit 140184e
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/src/plugins/timeConductor/TimePopupFixed.vue b/src/plugins/timeConductor/TimePopupFixed.vue
@@ -37,6 +37,12 @@
           aria-label="Start time"
           @input="validateAllBounds('startTime')"
         />
+        <DatePicker
+          v-if="isTimeSystemUTCBased"
+          class="c-ctrl-wrapper--menus-left"
+          :default-date-time="formattedBounds.start"
+          @date-selected="dateSelected($event, 'start')"
+        />
       </div>
 
       <div class="pr-time-input pr-time-input__start-end-sep icon-arrows-right-left"></div>
@@ -52,6 +58,12 @@
           aria-label="End time"
           @input="validateAllBounds('endTime')"
         />
+        <DatePicker
+          v-if="isTimeSystemUTCBased"
+          class="c-ctrl-wrapper--menus-left"
+          :default-date-time="formattedBounds.end"
+          @date-selected="dateSelected($event, 'end')"
+        />
       </div>
 
       <div class="pr-time-input pr-time-input--buttons">
@@ -72,7 +84,12 @@
 </template>
 
 <script>
+import DatePicker from './DatePicker.vue';
+
 export default {
+  components: {
+    DatePicker
+  },
   inject: [
     'openmct',
     'isTimeSystemUTCBased',
@@ -235,6 +252,10 @@ export default {
       if ($event.target.className.indexOf('c-button icon-x') > -1) {
         this.$emit('dismiss');
       }
+    },
+    dateSelected(date, refName) {
+      this.formattedBounds[refName] = this.timeSystemFormatter.format(date);
+      this.validateInput(refName);
     }
   }
 };