From 53064accf7a6791440c5bfae74fe312c5076311d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jaume=20Sol=C3=ADs?= <jaume.solis@baldarian.com>
Date: Tue, 16 Apr 2024 13:46:20 +0200
Subject: [PATCH] que se vea la fecha seleccionada

---
 src/hooks/useCheckoutForm.js | 6 ++++++
 src/pages/CheckoutPage.vue   | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/hooks/useCheckoutForm.js b/src/hooks/useCheckoutForm.js
index a9d3f1d..81cf0b6 100644
--- a/src/hooks/useCheckoutForm.js
+++ b/src/hooks/useCheckoutForm.js
@@ -109,6 +109,11 @@ export function useCheckoutForm() {
     isHidden.value = false;
   };
 
+  const getFormatedDate = (date) => {
+    let dated = new Date(date)
+    return dated.toISOString();
+  }
+
   // TODO hacer el await de las provincias
   /**
    * const provinceOptions = getProvinces();
@@ -329,6 +334,7 @@ export function useCheckoutForm() {
     phoneInputRef,
     phoneSenderInputRef,
     redsysFormRef,
+    getFormatedDate,
 
     phone: { phoneData, phoneSenderData },
 
diff --git a/src/pages/CheckoutPage.vue b/src/pages/CheckoutPage.vue
index 7bf4250..e07ec51 100644
--- a/src/pages/CheckoutPage.vue
+++ b/src/pages/CheckoutPage.vue
@@ -16,6 +16,7 @@ export default defineComponent({
       provinceOptions,
       handleClickStep,
       stepsFormated,
+      getFormatedDate,
       stepList,
       checkoutBlock,
       cart,
@@ -92,6 +93,7 @@ export default defineComponent({
 
       checkoutBlock,
       stepsFormated,
+      getFormatedDate,
       provinceOptions,
       totalPrice,
       stepList,
@@ -314,7 +316,7 @@ export default defineComponent({
               </header>
 
               <div class="checkout-delivery-body">
-                <p class="green-text">13 de julio - De 11h - 12 h</p>
+                <p class="green-text">{{ getFormatedDate() }} - De 11h - 12 h</p>
               </div>
             </div>