From af4a40bf81b588a85e80b96b033f6bdc6e6db6e7 Mon Sep 17 00:00:00 2001
From: "kartik.sharma" <kartik.sharma@marcoaiot.com>
Date: Wed, 21 May 2025 16:27:45 +0530
Subject: [PATCH] Adding Date Box in Check-in and Check-out popup from
 Attendence component.

---
 src/components/Activities/CheckCheckOutForm.jsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/Activities/CheckCheckOutForm.jsx b/src/components/Activities/CheckCheckOutForm.jsx
index ccce971f..6455d9f4 100644
--- a/src/components/Activities/CheckCheckOutForm.jsx
+++ b/src/components/Activities/CheckCheckOutForm.jsx
@@ -21,6 +21,7 @@ const CheckCheckOutmodel = ({ modeldata, closeModal, handleSubmitForm, }) => {
   const [isLoading, setIsLoading] = useState(false);
   const coords = usePositionTracker();
   const dispatch = useDispatch()
+const today = new Date().toISOString().split('T')[0];
 
   const {
     register,
@@ -72,7 +73,21 @@ const CheckCheckOutmodel = ({ modeldata, closeModal, handleSubmitForm, }) => {
           {modeldata?.checkInTime && !modeldata?.checkOutTime ? 'Check-out :' : 'Check-in :'}
         </label>
       </div>
-      <div className="col-12 col-md-12">
+
+      <div className="col-6 col-md-6 ">
+        <label className="form-label" htmlFor="checkInDate">
+          {modeldata?.checkInTime && !modeldata?.checkOutTime ? 'Check-out Date' : 'Check-in Date'}
+        </label>
+        <input
+          type="text"
+          id="checkInDate"
+          className="form-control"
+          value={today}
+          disabled
+        />
+      </div>
+
+      <div className="col-6 col-md-6">
         <TimePicker
           label="Choose a time"
           onChange={(e) => setValue("markTime", e)}