From 35d91d589dd3f0dbc3481d70f9120c262088d245 Mon Sep 17 00:00:00 2001
From: Carolina Capetillo <carolinacapetilloc@gmail.com>
Date: Tue, 10 Dec 2024 12:35:22 -0800
Subject: [PATCH 1/9] takes formattime and formatdatemmddyy and combines it
 with formatdatetime

---
 src/utils/formatTime.js | 24 ++++++++----------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/utils/formatTime.js b/src/utils/formatTime.js
index 81ba74e..d147975 100644
--- a/src/utils/formatTime.js
+++ b/src/utils/formatTime.js
@@ -1,13 +1,11 @@
-function formatDate (dateString, options) {
+// formats a date based on the options provided
+function formatDateTime (dateString, options) {
   const date = new Date(dateString)
-  options = { year: 'numeric', month: 'long', day: 'numeric' }
-  return date.toLocaleDateString('en-US', options)
-}
-
-function formatTime (timeString) {
-  const date = new Date(timeString)
-  const options = { hour: 'numeric', minute: 'numeric' }
-  return date.toLocaleTimeString('en-US', options)
+  if (options && (options.hour || options.minute)) {
+    return date.toLocaleTimeString('en-US', options)
+  } else {
+    return date.toLocaleDateString('en-US', options)
+  }
 }
 
 function formatToUTC (dateTime) {
@@ -50,10 +48,4 @@ function calculateSessionCountdown (session) {
   return Math.floor((countdown - currentTime) / 1000)
 }
 
-function formatDateMMDDYY (dateString) {
-  const date = new Date(dateString)
-  const options = { month: '2-digit', day: '2-digit', year: '2-digit' }
-  return date.toLocaleDateString('en-US', options)
-}
-
-export { formatDate, formatTime, formatToUTC, formatCountdown, calculateSessionCountdown, formatDateMMDDYY }
+export { formatDateTime, formatToUTC, formatCountdown, calculateSessionCountdown }

From a662342d2a6d48e7bf636308b4cdf522d7245bae Mon Sep 17 00:00:00 2001
From: Carolina Capetillo <carolinacapetilloc@gmail.com>
Date: Tue, 10 Dec 2024 12:38:49 -0800
Subject: [PATCH 2/9] Revert "takes formattime and formatdatemmddyy and
 combines it with formatdatetime"

This reverts commit 35d91d589dd3f0dbc3481d70f9120c262088d245.

	ff = only
---
 src/utils/formatTime.js | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/utils/formatTime.js b/src/utils/formatTime.js
index d147975..81ba74e 100644
--- a/src/utils/formatTime.js
+++ b/src/utils/formatTime.js
@@ -1,11 +1,13 @@
-// formats a date based on the options provided
-function formatDateTime (dateString, options) {
+function formatDate (dateString, options) {
   const date = new Date(dateString)
-  if (options && (options.hour || options.minute)) {
-    return date.toLocaleTimeString('en-US', options)
-  } else {
-    return date.toLocaleDateString('en-US', options)
-  }
+  options = { year: 'numeric', month: 'long', day: 'numeric' }
+  return date.toLocaleDateString('en-US', options)
+}
+
+function formatTime (timeString) {
+  const date = new Date(timeString)
+  const options = { hour: 'numeric', minute: 'numeric' }
+  return date.toLocaleTimeString('en-US', options)
 }
 
 function formatToUTC (dateTime) {
@@ -48,4 +50,10 @@ function calculateSessionCountdown (session) {
   return Math.floor((countdown - currentTime) / 1000)
 }
 
-export { formatDateTime, formatToUTC, formatCountdown, calculateSessionCountdown }
+function formatDateMMDDYY (dateString) {
+  const date = new Date(dateString)
+  const options = { month: '2-digit', day: '2-digit', year: '2-digit' }
+  return date.toLocaleDateString('en-US', options)
+}
+
+export { formatDate, formatTime, formatToUTC, formatCountdown, calculateSessionCountdown, formatDateMMDDYY }

From 8389e3f00b19c34fb00f57216808ac8837e782a5 Mon Sep 17 00:00:00 2001
From: Carolina Capetillo <carolinacapetilloc@gmail.com>
Date: Tue, 10 Dec 2024 12:40:19 -0800
Subject: [PATCH 3/9] Revert "Revert "takes formattime and formatdatemmddyy and
 combines it with formatdatetime""

This reverts commit a662342d2a6d48e7bf636308b4cdf522d7245bae.
---
 src/utils/formatTime.js | 24 ++++++++----------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/utils/formatTime.js b/src/utils/formatTime.js
index 81ba74e..d147975 100644
--- a/src/utils/formatTime.js
+++ b/src/utils/formatTime.js
@@ -1,13 +1,11 @@
-function formatDate (dateString, options) {
+// formats a date based on the options provided
+function formatDateTime (dateString, options) {
   const date = new Date(dateString)
-  options = { year: 'numeric', month: 'long', day: 'numeric' }
-  return date.toLocaleDateString('en-US', options)
-}
-
-function formatTime (timeString) {
-  const date = new Date(timeString)
-  const options = { hour: 'numeric', minute: 'numeric' }
-  return date.toLocaleTimeString('en-US', options)
+  if (options && (options.hour || options.minute)) {
+    return date.toLocaleTimeString('en-US', options)
+  } else {
+    return date.toLocaleDateString('en-US', options)
+  }
 }
 
 function formatToUTC (dateTime) {
@@ -50,10 +48,4 @@ function calculateSessionCountdown (session) {
   return Math.floor((countdown - currentTime) / 1000)
 }
 
-function formatDateMMDDYY (dateString) {
-  const date = new Date(dateString)
-  const options = { month: '2-digit', day: '2-digit', year: '2-digit' }
-  return date.toLocaleDateString('en-US', options)
-}
-
-export { formatDate, formatTime, formatToUTC, formatCountdown, calculateSessionCountdown, formatDateMMDDYY }
+export { formatDateTime, formatToUTC, formatCountdown, calculateSessionCountdown }

From e507c242e050847ad0f6cc41556ced55db9d3254 Mon Sep 17 00:00:00 2001
From: Carolina Capetillo <carolinacapetilloc@gmail.com>
Date: Tue, 10 Dec 2024 12:46:07 -0800
Subject: [PATCH 4/9] updates tests

---
 src/tests/unit/utils/formatTime.test.js | 36 ++++++++++++-------------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/tests/unit/utils/formatTime.test.js b/src/tests/unit/utils/formatTime.test.js
index aa84813..ee23807 100644
--- a/src/tests/unit/utils/formatTime.test.js
+++ b/src/tests/unit/utils/formatTime.test.js
@@ -1,39 +1,37 @@
 import { describe, it, expect } from 'vitest'
-import { formatDate, formatTime, formatToUTC, formatCountdown, calculateSessionCountdown } from '../../../utils/formatTime'
+import { formatDateTime, formatToUTC, formatCountdown, calculateSessionCountdown } from '../../../utils/formatTime'
 
 describe('formatUtils.js', () => {
-  describe('formatDate', () => {
+  describe('formatDateTime', () => {
     it('formats a date string to "Month Day, Year" format', () => {
-      const date = '2024-08-15T00:00:00Z'
-      const expectedDate = formatDate(new Date(date).toISOString())
-      expect(formatDate(date)).toBe(expectedDate)
+      const date = '2024-08-15T00:00:00'
+      const expectedDate = 'August 15, 2024'
+      expect(formatDateTime(date, { year: 'numeric', month: 'long', day: 'numeric' })).toBe(expectedDate)
     })
 
-    it('formats a local date string to "Month Day, Year" format', () => {
-      const date = 'Wed Aug 21 2024 16:15:00 GMT-0700 (Pacific Daylight Time)'
-      const expectedDate = formatDate(new Date(date).toISOString())
-      expect(formatDate(date)).toBe(expectedDate)
-    })
-  })
-
-  describe('formatTime', () => {
     it('formats a UTC time string to "Hour:Minute AM/PM" format', () => {
-      const time = '2024-08-15T15:30:00Z'
-      const expectedTime = formatTime(new Date(time).toISOString())
-      expect(formatTime(time)).toBe(expectedTime)
+      const time = '2024-08-15T15:30:00'
+      const expectedTime = '3:30 PM'
+      expect(formatDateTime(time, { hour: 'numeric', minute: 'numeric' })).toBe(expectedTime)
     })
 
     it('formats a local time string to "Hour:Minute AM/PM" format', () => {
       const time = 'Wed Aug 21 2024 16:15:00 GMT-0700 (Pacific Daylight Time)'
-      const expectedTime = formatTime(new Date(time).toISOString())
-      expect(formatTime(time)).toBe(expectedTime)
+      const expectedTime = '4:15 PM'
+      expect(formatDateTime(time, { hour: 'numeric', minute: 'numeric' })).toBe(expectedTime)
+    })
+
+    it('formats a date string to "MM/DD/YY" format', () => {
+      const date = '2024-12-25T00:00:00'
+      const expectedDate = '12/25/24'
+      expect(formatDateTime(date, { month: '2-digit', day: '2-digit', year: '2-digit' })).toBe(expectedDate)
     })
   })
 
   describe('formatToUTC', () => {
     it('converts a date-time string to UTC format', () => {
       const dateTime = 'Wed Aug 15 2024 08:30:00 GMT-0700 (Pacific Daylight Time)'
-      const expectedUTC = new Date(dateTime).toISOString().split('.')[0] + 'Z'
+      const expectedUTC = '2024-08-15T15:30:00Z'
       expect(formatToUTC(dateTime)).toBe(expectedUTC)
     })
 

From 4a9b0ccb22088ba9816a850cb0fbf24066dc2ea4 Mon Sep 17 00:00:00 2001
From: Carolina Capetillo <carolinacapetilloc@gmail.com>
Date: Tue, 10 Dec 2024 12:46:27 -0800
Subject: [PATCH 5/9] updates formattime or formatdate to formatdatetime

---
 src/components/Dashboard/ObservationList.vue    | 4 ++--
 src/components/Dashboard/UpcomingBookings.vue   | 4 ++--
 src/components/Images/MyGallery.vue             | 4 ++--
 src/components/RealTimeInterface/TimePicker.vue | 8 +++-----
 src/components/Views/ObservationDetailsView.vue | 4 ++--
 5 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/components/Dashboard/ObservationList.vue b/src/components/Dashboard/ObservationList.vue
index 3544257..b135a22 100644
--- a/src/components/Dashboard/ObservationList.vue
+++ b/src/components/Dashboard/ObservationList.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { formatDateMMDDYY } from '../../utils/formatTime.js'
+import { formatDateTime } from '../../utils/formatTime.js'
 
 const props = defineProps({
   observations: {
@@ -24,7 +24,7 @@ const props = defineProps({
     <div class="table-summary">
       <div v-for="observation in observations" :key="observation.id">
             <div v-for="configuration in observation" :key="configuration.id">
-              <a @click.prevent="onSelect(configuration)"><p>{{ configuration.OBJECT.toUpperCase() }} - {{ formatDateMMDDYY(configuration.observation_date, ) }}</p></a>
+              <a @click.prevent="onSelect(configuration)"><p>{{ configuration.OBJECT.toUpperCase() }} - {{ formatDateTime(configuration.observation_date, {month: '2-digit', day: '2-digit', year: '2-digit'}) }}</p></a>
             </div>
       </div>
     </div>
diff --git a/src/components/Dashboard/UpcomingBookings.vue b/src/components/Dashboard/UpcomingBookings.vue
index 1e9b347..44f9cfe 100644
--- a/src/components/Dashboard/UpcomingBookings.vue
+++ b/src/components/Dashboard/UpcomingBookings.vue
@@ -4,7 +4,7 @@ import { ref, computed, onMounted } from 'vue'
 import { useRealTimeSessionsStore } from '../../stores/realTimeSessions'
 import { useObsPortalDataStore } from '../../stores/obsPortalData'
 import { useConfigurationStore } from '../../stores/configuration'
-import { formatDate, formatTime } from '../../utils/formatTime.js'
+import { formatDateTime } from '../../utils/formatTime.js'
 import { fetchApiCall } from '../../utils/api.js'
 
 const router = useRouter()
@@ -57,7 +57,7 @@ onMounted(() => {
       <h3 v-else>No Real-Time Sessions Booked</h3>
         <div class="table-summary">
         <div v-for="session in sortedSessions" :key="session.id">
-            <div><a @click.prevent="selectSession(session.id)" class="date">{{ formatDate(session.start) }}</a></div><div>{{ formatTime(session.start) }}</div>
+            <div><a @click.prevent="selectSession(session.id)" class="date">{{ formatDateTime(session.start, { year: 'numeric', month: 'long', day: 'numeric' }) }}</a></div><div>{{ formatDateTime(session.start, { hour: 'numeric', minute: 'numeric' }) }}</div>
             <button @click="deleteSession(session.id)" class="deleteButton">x</button>
         </div>
         </div>
diff --git a/src/components/Images/MyGallery.vue b/src/components/Images/MyGallery.vue
index fd1e04e..73633e4 100644
--- a/src/components/Images/MyGallery.vue
+++ b/src/components/Images/MyGallery.vue
@@ -2,7 +2,7 @@
 import { computed, ref, onMounted, watch } from 'vue'
 import { useObsPortalDataStore } from '../../stores/obsPortalData'
 import { useConfigurationStore } from '../../stores/configuration'
-import { formatDate } from '../../utils/formatTime.js'
+import { formatDateTime } from '../../utils/formatTime.js'
 import { getThumbnails } from '../../utils/thumbnailsUtils.js'
 
 const configurationStore = useConfigurationStore()
@@ -93,7 +93,7 @@ onMounted(() => {
   </template>
   <div class="container">
     <div v-for="obs in sessionsWithThumbnails" :key="obs.id">
-      <h3 class="startTime">{{ formatDate(obs.start) }}</h3>
+      <h3 class="startTime">{{ formatDateTime(obs.start, { year: 'numeric', month: 'long', day: 'numeric' }) }}</h3>
       <div class="columns is-multiline">
         <div
           class="column is-one-quarter-desktop is-half-tablet"
diff --git a/src/components/RealTimeInterface/TimePicker.vue b/src/components/RealTimeInterface/TimePicker.vue
index 2e01e40..8ce62e2 100644
--- a/src/components/RealTimeInterface/TimePicker.vue
+++ b/src/components/RealTimeInterface/TimePicker.vue
@@ -2,9 +2,8 @@
 import { ref, watch, defineEmits, onMounted, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import { useRealTimeSessionsStore } from '../../stores/realTimeSessions'
-import { useUserDataStore } from '../../stores/userData'
 import { fetchApiCall } from '../../utils/api'
-import { formatToUTC, formatDate } from '../../utils/formatTime.js'
+import { formatToUTC, formatDateTime } from '../../utils/formatTime.js'
 import { useConfigurationStore } from '../../stores/configuration'
 import LeafletMap from './GlobeMap/LeafletMap.vue'
 import ProposalDropdown from '../Global/ProposalDropdown.vue'
@@ -12,7 +11,6 @@ import ProposalDropdown from '../Global/ProposalDropdown.vue'
 const router = useRouter()
 const realTimeSessionsStore = useRealTimeSessionsStore()
 const configurationStore = useConfigurationStore()
-const userDataStore = useUserDataStore()
 
 const date = ref(null)
 const startTime = ref(null)
@@ -282,8 +280,8 @@ onMounted(() => {
         </div>
         <div v-if="startTime" class="column">
           <p class="selected-datetime">
-            <span v-if="selectedSite && !errorMessage">{{ selectedSite.site }} selected for {{ formatDate(date) }} at {{ startTime.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) }}</span>
-            <span v-else-if="!selectedSite">Click on a pin to book for {{ formatDate(date) }} at {{ startTime.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) }}</span>
+            <span v-if="selectedSite && !errorMessage">{{ selectedSite.site }} selected for {{ formatDateTime(date, { year: 'numeric', month: 'long', day: 'numeric' }) }} at {{ startTime.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) }}</span>
+            <span v-else-if="!selectedSite">Click on a pin to book for {{ formatDateTime(date, { year: 'numeric', month: 'long', day: 'numeric' }) }} at {{ startTime.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) }}</span>
             <span v-else-if="selectedSite && errorMessage" class="error">{{ errorMessage }}</span>
           </p>
           <v-btn variant="tonal" v-if="date && selectedSite" @click="blockRti" class="blue-bg">Book</v-btn>
diff --git a/src/components/Views/ObservationDetailsView.vue b/src/components/Views/ObservationDetailsView.vue
index 47b0925..9db8352 100644
--- a/src/components/Views/ObservationDetailsView.vue
+++ b/src/components/Views/ObservationDetailsView.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { computed, ref, onMounted } from 'vue'
-import { formatDate, formatTime } from '../../utils/formatTime.js'
+import { formatDateTime } from '../../utils/formatTime.js'
 import { useObsPortalDataStore } from '../../stores/obsPortalData.js'
 import { getThumbnails } from '../../utils/thumbnailsUtils.js'
 
@@ -24,7 +24,7 @@ onMounted(async () => {
     <h3>Observation Details</h3>
     <div>
       <p>Target: {{ observationDetails.OBJECT }}</p>
-      <p>Time: {{ formatDate(observationDetails.observation_day)}} at {{ formatTime(observationDetails.observation_date) }}</p>
+      <p>Time: {{ formatDateTime(observationDetails.observation_day, { year: 'numeric', month: 'long', day: 'numeric' })}} at {{ formatDateTime(observationDetails.observation_date, { hour: 'numeric', minute: 'numeric' }) }}</p>
       <p>Location: {{ observationDetails.SITEID }}</p>
       <p>Exposure settings:</p>
         <p> {{ observationDetails.EXPTIME }} seconds in {{ observationDetails.FILTER }} filter</p>

From 8d708cf24b3322f5da3897b31aad9390ca42a2e6 Mon Sep 17 00:00:00 2001
From: Carolina Capetillo <carolinacapetilloc@gmail.com>
Date: Tue, 10 Dec 2024 12:59:13 -0800
Subject: [PATCH 6/9] updates test (testing for utc time)

---
 src/tests/unit/utils/formatTime.test.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/tests/unit/utils/formatTime.test.js b/src/tests/unit/utils/formatTime.test.js
index ee23807..d036f0f 100644
--- a/src/tests/unit/utils/formatTime.test.js
+++ b/src/tests/unit/utils/formatTime.test.js
@@ -16,7 +16,7 @@ describe('formatUtils.js', () => {
     })
 
     it('formats a local time string to "Hour:Minute AM/PM" format', () => {
-      const time = 'Wed Aug 21 2024 16:15:00 GMT-0700 (Pacific Daylight Time)'
+      const time = 'Wed Aug 21 2024 16:15:00'
       const expectedTime = '4:15 PM'
       expect(formatDateTime(time, { hour: 'numeric', minute: 'numeric' })).toBe(expectedTime)
     })

From 68e4c863d034cf51b6c4fa87f9e0142098d4c49a Mon Sep 17 00:00:00 2001
From: Carolina Capetillo <carolinacapetilloc@gmail.com>
Date: Tue, 10 Dec 2024 15:34:51 -0800
Subject: [PATCH 7/9] tests with utc format and passes based on user's time

---
 src/tests/unit/utils/formatTime.test.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/tests/unit/utils/formatTime.test.js b/src/tests/unit/utils/formatTime.test.js
index d036f0f..fc1d459 100644
--- a/src/tests/unit/utils/formatTime.test.js
+++ b/src/tests/unit/utils/formatTime.test.js
@@ -3,27 +3,38 @@ import { formatDateTime, formatToUTC, formatCountdown, calculateSessionCountdown
 
 describe('formatUtils.js', () => {
   describe('formatDateTime', () => {
+    const getLocalTimeString = (dateString, options) => {
+      const date = new Date(dateString)
+      // Converts UTC to the environment's local time
+      return date.toLocaleTimeString('en-US', options)
+    }
+
+    const getLocalDateString = (dateString, options) => {
+      const date = new Date(dateString)
+      return date.toLocaleDateString('en-US', options)
+    }
+
     it('formats a date string to "Month Day, Year" format', () => {
       const date = '2024-08-15T00:00:00'
-      const expectedDate = 'August 15, 2024'
+      const expectedDate = getLocalDateString(date, { year: 'numeric', month: 'long', day: 'numeric' })
       expect(formatDateTime(date, { year: 'numeric', month: 'long', day: 'numeric' })).toBe(expectedDate)
     })
 
     it('formats a UTC time string to "Hour:Minute AM/PM" format', () => {
       const time = '2024-08-15T15:30:00'
-      const expectedTime = '3:30 PM'
+      const expectedTime = getLocalTimeString(time, { hour: 'numeric', minute: 'numeric' })
       expect(formatDateTime(time, { hour: 'numeric', minute: 'numeric' })).toBe(expectedTime)
     })
 
     it('formats a local time string to "Hour:Minute AM/PM" format', () => {
       const time = 'Wed Aug 21 2024 16:15:00'
-      const expectedTime = '4:15 PM'
+      const expectedTime = getLocalTimeString(time, { hour: 'numeric', minute: 'numeric' })
       expect(formatDateTime(time, { hour: 'numeric', minute: 'numeric' })).toBe(expectedTime)
     })
 
     it('formats a date string to "MM/DD/YY" format', () => {
       const date = '2024-12-25T00:00:00'
-      const expectedDate = '12/25/24'
+      const expectedDate = getLocalDateString(date, { month: '2-digit', day: '2-digit', year: '2-digit' })
       expect(formatDateTime(date, { month: '2-digit', day: '2-digit', year: '2-digit' })).toBe(expectedDate)
     })
   })

From a143932260591afaecb9829d4281ff5e24159772 Mon Sep 17 00:00:00 2001
From: Carolina Capetillo <carolinacapetilloc@gmail.com>
Date: Tue, 10 Dec 2024 16:08:06 -0800
Subject: [PATCH 8/9] updates tests

---
 src/tests/unit/utils/formatTime.test.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/tests/unit/utils/formatTime.test.js b/src/tests/unit/utils/formatTime.test.js
index fc1d459..0395343 100644
--- a/src/tests/unit/utils/formatTime.test.js
+++ b/src/tests/unit/utils/formatTime.test.js
@@ -15,25 +15,25 @@ describe('formatUtils.js', () => {
     }
 
     it('formats a date string to "Month Day, Year" format', () => {
-      const date = '2024-08-15T00:00:00'
+      const date = '2024-08-15T00:00:00Z'
       const expectedDate = getLocalDateString(date, { year: 'numeric', month: 'long', day: 'numeric' })
       expect(formatDateTime(date, { year: 'numeric', month: 'long', day: 'numeric' })).toBe(expectedDate)
     })
 
     it('formats a UTC time string to "Hour:Minute AM/PM" format', () => {
-      const time = '2024-08-15T15:30:00'
+      const time = '2024-08-15T15:30:00Z'
       const expectedTime = getLocalTimeString(time, { hour: 'numeric', minute: 'numeric' })
       expect(formatDateTime(time, { hour: 'numeric', minute: 'numeric' })).toBe(expectedTime)
     })
 
     it('formats a local time string to "Hour:Minute AM/PM" format', () => {
-      const time = 'Wed Aug 21 2024 16:15:00'
+      const time = 'Wed Aug 21 2024 16:15:00Z'
       const expectedTime = getLocalTimeString(time, { hour: 'numeric', minute: 'numeric' })
       expect(formatDateTime(time, { hour: 'numeric', minute: 'numeric' })).toBe(expectedTime)
     })
 
     it('formats a date string to "MM/DD/YY" format', () => {
-      const date = '2024-12-25T00:00:00'
+      const date = '2024-12-25T00:00:00Z'
       const expectedDate = getLocalDateString(date, { month: '2-digit', day: '2-digit', year: '2-digit' })
       expect(formatDateTime(date, { month: '2-digit', day: '2-digit', year: '2-digit' })).toBe(expectedDate)
     })

From 0be2646f1d91612d3cd72edde9757b9d8e681d38 Mon Sep 17 00:00:00 2001
From: Carolina Capetillo <carolinacapetilloc@gmail.com>
Date: Mon, 16 Dec 2024 12:55:25 -0800
Subject: [PATCH 9/9] adds comment

---
 src/utils/formatTime.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/utils/formatTime.js b/src/utils/formatTime.js
index d147975..df65a1a 100644
--- a/src/utils/formatTime.js
+++ b/src/utils/formatTime.js
@@ -1,8 +1,10 @@
 // formats a date based on the options provided
 function formatDateTime (dateString, options) {
   const date = new Date(dateString)
+  // This condition is necessary because the toLocaleTimeString method does not accept the year, month, or day options
   if (options && (options.hour || options.minute)) {
     return date.toLocaleTimeString('en-US', options)
+    // And this condition is necessary because the toLocaleDateString method does not accept the hour or minute options
   } else {
     return date.toLocaleDateString('en-US', options)
   }