Changes in images gallery filter.

src/components/ImageGallery/ImageGalleryFilters.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useCallback, useEffect } from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import moment from "moment";
-import DateRangePicker, { DateRangePicker1 } from "../../components/common/DateRangePicker";
+import DateRangePicker from "../../components/common/DateRangePicker";
 import SelectMultiple from "../../components/common/SelectMultiple";
 
 const defaultGalleryFilterValues = {
@@ -31,7 +31,7 @@ const ImageGalleryFilters = ({
     defaultValues: defaultGalleryFilterValues,
   });
 
-  const { handleSubmit, reset } = methods;
+  const { handleSubmit, reset, setValue } = methods;
 
   // Prefill form when appliedFilters changes
   useEffect(() => {
@@ -49,6 +49,15 @@ const ImageGalleryFilters = ({
     }
   }, [appliedFilters, reset]);
 
+  // Handle date range change and set form values
+  const handleDateRangeChange = useCallback(
+    ({ startDate, endDate }) => {
+      setValue("startDate", startDate);
+      setValue("endDate", endDate);
+    },
+    [setValue]
+  );
+
   // Submit → Apply filters
   const onSubmit = useCallback(
     (formData) => {
@@ -80,10 +89,10 @@ const ImageGalleryFilters = ({
           {/* Date Range */}
           <div className="mb-3 text-start">
             <label className="">Date Range :</label>
-            <DateRangePicker1
-              placeholder="DD-MM-YYYY To DD-MM-YYYY"
-              startField="startDate"
-              endField="endDate"
+            <DateRangePicker
+              onRangeChange={handleDateRangeChange}
+              startDate={appliedFilters?.startDate}
+              endDate={appliedFilters?.endDate}
               resetSignal={resetKey}
             />
           </div>
@@ -153,7 +162,7 @@ const ImageGalleryFilters = ({
           <div className="d-flex justify-content-end py-3 gap-2">
             <button
               type="button"
-              className="btn btn-secondary btn-xs"
+              className="btn btn-label-secondary btn-xs"
               onClick={onClear}
             >
               Clear
@@ -168,4 +177,4 @@ const ImageGalleryFilters = ({
   );
 };
 
-export default ImageGalleryFilters;
+export default ImageGalleryFilters;