diff --git a/edit-mode/function/reportActivity.js b/edit-mode/function/reportActivity.js
index 9a98afb..0800729 100644
--- a/edit-mode/function/reportActivity.js
+++ b/edit-mode/function/reportActivity.js
@@ -341,10 +341,15 @@ $(document).ready(function () {
 
 
     });
-
+    $('#ra_date_material').datepicker({
+      format: 'dd-mm-yyyy', // Set the desired format
+      autoclose: true     // Close the datepicker when a date is selected
+    });
     $("#form_report_activity_material").on("submit", function (e) {
         e.preventDefault();
         var formData = new FormData(this);
+        let formattedDate = moment(formData.get("report_date"), "DD-MM-YYYY").format("YYYY-MM-DD");
+        formData.set('report_date', formattedDate);
         formData.append("activity_id", activityId);
         formData.append("assign_material_id", assignMaterialId);
         let idRa = $("#id_ra_material").val();
diff --git a/edit-mode/index.html b/edit-mode/index.html
index f488395..5e88c06 100644
--- a/edit-mode/index.html
+++ b/edit-mode/index.html
@@ -723,7 +723,7 @@
 							</div>
 							<div class="col-md-2 form-group">
 								<label>Report Date</label>
-								<input type="date" id="ra_date_material" name="report_date" class="form-control form-control-sm"
+								<input type="text" id="ra_date_material" name="report_date" class="form-control form-control-sm"
 									required />
 							</div>
 							<div class="col-md-2 form-group">