diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue
index 6bdf1c77..b5cd4b77 100644
--- a/src/digital-components/date-picker/date-picker.vue
+++ b/src/digital-components/date-picker/date-picker.vue
@@ -115,7 +115,7 @@
                         :class="[checkIsSelectedTimeSlot(timeSlot) ? 'selected-time-slot' : ''
                         , {'has-date-error': showTimeSlotError}]"
                         @click="selectTimeSlotForDay(timeSlot)">
-                        {{ displayTimeSlotTime(timeSlot.startTime) }}
+                        {{ displayTimeSlotTime(timeSlot) }}
                     </label>
                 </template>
             </div>
@@ -143,6 +143,7 @@ import {
     militaryToTwelveHourTime
 } from '@/helpers/date-helper';
 import {
+    AppointmentTypeStrings,
     PREMIUM_TIME_SLOT_ID_FLAG
 } from '@/constants/schedule-constants';
 import showIssLoadingModal from '@/helpers/loading-modal-helper.js';
@@ -360,8 +361,12 @@ export default {
             this.selectedTimeSlot = null;
             this.findFirstAvailableDateInView();
         },
-        displayTimeSlotTime(militaryTime) {
-            return militaryToTwelveHourTime(militaryTime);
+        displayTimeSlotTime(timeSlot) {
+            const { appointmentType } = this.mainStore.order.serviceLocation;
+            if (appointmentType === AppointmentTypeStrings.MOBILE || appointmentType === AppointmentTypeStrings.MOBILE_NOT_ITAC_AND_NOT_NOCOMP) {
+                return `${militaryToTwelveHourTime(timeSlot.startTime)} - ${militaryToTwelveHourTime(timeSlot.endTime)}`;
+            }
+            return militaryToTwelveHourTime(timeSlot.startTime);
         },
         findFirstAvailableDateInView() {
             for (let i = 0; i < this.daysToAdd; i += 1) {