fix: display modify dates for already guaranteed changeable rates

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/index.tsx

@@ -66,6 +66,7 @@ export function ReferenceCard({
   const addRoomPrice = useMyStayTotalPriceStore(
     (state) => state.actions.addRoomPrice
   )
+
   // Initialize store with server data
   useEffect(() => {
     // Add price and details for booked room (main room or single room)
@@ -95,17 +96,12 @@ export function ReferenceCard({
   const {
     confirmationNumber,
     cancellationNumber,
-    checkInDate,
-    checkOutDate,
     isCancelled,
     bookingCode,
     rateDefinition,
     priceType,
   } = bookedRoom
 
-  const fromDate = dt(checkInDate).locale(lang)
-  const toDate = dt(checkOutDate).locale(lang)
-
   const isMultiRoom = bookedRoom.linkedReservations.length > 0
 
   const directionsUrl = `https://www.google.com/maps/dir/?api=1&destination=${hotel.location.latitude},${hotel.location.longitude}`
@@ -228,7 +224,7 @@ export function ReferenceCard({
             </Typography>
             <Typography variant="Body/Paragraph/mdBold">
               <p>
-                {`${fromDate.format("dddd, D MMMM")} ${intl.formatMessage({ id: "from" })} ${fromDate.format("HH:mm")}`}
+                {`${dt(booking.checkInDate).locale(lang).format("dddd, D MMMM")} ${intl.formatMessage({ id: "from" })} ${hotel.hotelFacts.checkin.checkInTime}`}
               </p>
             </Typography>
           </div>
@@ -238,7 +234,7 @@ export function ReferenceCard({
             </Typography>
             <Typography variant="Body/Paragraph/mdBold">
               <p>
-                {`${toDate.format("dddd, D MMMM")} ${intl.formatMessage({ id: "until" })} ${toDate.format("HH:mm")}`}
+                {`${dt(booking.checkOutDate).locale(lang).format("dddd, D MMMM")} ${intl.formatMessage({ id: "until" })} ${hotel.hotelFacts.checkin.checkOutTime}`}
               </p>
             </Typography>
           </div>