From 67dcc94d8e6779f978756e0a4a915e4b0ba4b96b Mon Sep 17 00:00:00 2001
From: Vishnu <vishnu10kumar11@gmail.com>
Date: Mon, 19 May 2025 08:49:04 +0530
Subject: [PATCH] date issue 7

---
 .../src/components/appointments/appointment-form.tsx   |  3 ++-
 apps/Frontend/src/pages/appointments-page.tsx          |  6 +++++-
 package-lock.json                                      | 10 ++++++++++
 package.json                                           |  1 +
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/apps/Frontend/src/components/appointments/appointment-form.tsx b/apps/Frontend/src/components/appointments/appointment-form.tsx
index a504c8e..e1e8677 100644
--- a/apps/Frontend/src/components/appointments/appointment-form.tsx
+++ b/apps/Frontend/src/components/appointments/appointment-form.tsx
@@ -257,7 +257,8 @@ export function AppointmentForm({
         : `Appointment with ${selectedStaff?.name}`;
     }
 
-    const formattedDate = format(data.date, "yyyy-MM-dd");
+    const formattedDate = data.date.toLocaleDateString("en-CA");
+
 
     onSubmit({
       ...data,
diff --git a/apps/Frontend/src/pages/appointments-page.tsx b/apps/Frontend/src/pages/appointments-page.tsx
index 486371b..b741c49 100644
--- a/apps/Frontend/src/pages/appointments-page.tsx
+++ b/apps/Frontend/src/pages/appointments-page.tsx
@@ -383,12 +383,16 @@ export default function AppointmentsPage() {
       appointmentData.date instanceof Date
         ? appointmentData.date
         : new Date(appointmentData.date); // this is unsafe if it's "yyyy-MM-dd"
-
+    
+    console.log("Appoiment date.date ",appointmentData.date);
+    console.log("Raw date", rawDate);
     const updatedData = {
       ...appointmentData,
       date: toUTCDateString(rawDate), // 👈 This ensures consistent date across all environments
     };
 
+    console.log("update data: ", toUTCDateString(rawDate));
+
     // Check if we're editing an existing appointment with a valid ID
     if (
       editingAppointment &&
diff --git a/package-lock.json b/package-lock.json
index 3d43744..2cec0e7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "packages/*"
       ],
       "dependencies": {
+        "date-fns-tz": "^3.2.0",
         "dotenv": "^16.5.0",
         "dotenv-cli": "^8.0.0",
         "shx": "^0.4.0"
@@ -6360,6 +6361,15 @@
         "url": "https://github.com/sponsors/kossnocorp"
       }
     },
+    "node_modules/date-fns-tz": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-3.2.0.tgz",
+      "integrity": "sha512-sg8HqoTEulcbbbVXeg84u5UnlsQa8GS5QXMqjjYIhS4abEVVKIUwe0/l/UhrZdKaL/W5eWZNlbTeEIiOXTcsBQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "date-fns": "^3.0.0 || ^4.0.0"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
diff --git a/package.json b/package.json
index e3a33f8..4e8a22d 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "packages/*"
   ],
   "dependencies": {
+    "date-fns-tz": "^3.2.0",
     "dotenv": "^16.5.0",
     "dotenv-cli": "^8.0.0",
     "shx": "^0.4.0"