added calendar on press create date

src/components/PostOnFeed.jsx

@@ -4,12 +4,15 @@ import PhoneIcon from "./icons/PhoneIcon";
 import MapIcon from "./icons/MapIcon";
 import HeartIcon from "./icons/HeartIcon";
 import TrashIcon from "./icons/TrashIcon";
+import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useChats } from "../hooks/useChats";
 import { useAuthContext } from "../context/AuthContext";
 import { API_URL } from "../config/authConstants";
+import DateCalendarPopup from "./DateCalendarPopup";
 
 export default function PostOnFeed({ ad, liked, onLike, onEdit, onDelete, onMarkFound, isOwner, onImageClick, onAuthRequired }) {
+  const [showCalendar, setShowCalendar] = useState(false);
   const navigate = useNavigate();
   const { createOrGetChat } = useChats();
   const { isAuthenticated } = useAuthContext();
@@ -76,15 +79,21 @@ export default function PostOnFeed({ ad, liked, onLike, onEdit, onDelete, onMark
                 {ad.type === "loss" ? "Потеря" : "Находка"}
               </div>
               {roleBadge}
-              {isClosed && <div className="f-status-badge f-status-closed">✓ Найдено</div>}
             </div>
-            <div className="f-card-title">{ad.title}</div>
+            <div className="f-card-title">
+              {ad.title}
+              {isClosed && <span className="f-status-badge f-status-closed">✓ Найдено</span>}
+            </div>
             <div className="f-card-desc">{ad.description}</div>
             <div className="f-card-meta">
               {/* ✅ address вместо ad.location */}
               {address && <div className="f-meta-pill"><PinIcon /> {address}</div>}
-              {/* ✅ createdAt вместо ad.date */}
-              {createdAt && <div className="f-meta-pill"><CalendarIcon /> {createdAt}</div>}
+              {createdAt && (
+                <div className="f-meta-pill f-date-pill" onClick={e => { e.stopPropagation(); setShowCalendar(s => !s); }}>
+                  <CalendarIcon /> {createdAt}
+                  {showCalendar && <DateCalendarPopup date={ad.createdAt} onClose={() => setShowCalendar(false)} />}
+                </div>
+              )}
             </div>
             {address && (
                 <button className="f-card-map" onClick={e => e.stopPropagation()}>