diff --git a/src/components/common/DateRangePicker.jsx b/src/components/common/DateRangePicker.jsx
index c56e742e..36fa61d8 100644
--- a/src/components/common/DateRangePicker.jsx
+++ b/src/components/common/DateRangePicker.jsx
@@ -12,7 +12,9 @@ const DateRangePicker = ({ onRangeChange, DateDifference = 7, defaultStartDate =
 
     const fp = flatpickr(inputRef.current, {
       mode: "range",
-      dateFormat: "d-m-Y",
+      dateFormat: "Y-m-d",           // Format for backend (actual input value)
+      altInput: true,                // Enables a visually different field
+      altFormat: "d-m-Y",
       defaultDate: [fifteenDaysAgo, today],
       static: true,
       clickOpens: true,