added calendar on press create date

src/components/DateCalendarPopup.jsx

@@ -0,0 +1,50 @@
+import { useState, useEffect, useRef } from "react";
+
+const MONTHS = ["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"];
+const DAYS = ["Пн","Вт","Ср","Чт","Пт","Сб","Вс"];
+
+export default function DateCalendarPopup({ date, onClose }) {
+  const ref = useRef(null);
+  const d = new Date(date);
+  const [year, setYear] = useState(d.getFullYear());
+  const [month, setMonth] = useState(d.getMonth());
+
+  useEffect(() => {
+    const handler = (e) => { if (ref.current && !ref.current.contains(e.target)) onClose(); };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [onClose]);
+
+  const firstDay = new Date(year, month, 1).getDay();
+  const offset = firstDay === 0 ? 6 : firstDay - 1;
+  const daysInMonth = new Date(year, month + 1, 0).getDate();
+
+  const cells = [];
+  for (let i = 0; i < offset; i++) cells.push(null);
+  for (let i = 1; i <= daysInMonth; i++) cells.push(i);
+
+  const isSameDay = (day) =>
+    d.getFullYear() === year && d.getMonth() === month && d.getDate() === day;
+
+  return (
+    <div className="f-date-calendar" ref={ref}>
+      <div className="f-cal-header">
+        <button onClick={() => setMonth(m => m === 0 ? (setYear(y => y - 1), 11) : m - 1)}>‹</button>
+        <span>{MONTHS[month]} {year}</span>
+        <button onClick={() => setMonth(m => m === 11 ? (setYear(y => y + 1), 0) : m + 1)}>›</button>
+      </div>
+      <div className="f-cal-grid">
+        {DAYS.map(d => <div key={d} className="f-cal-day-name">{d}</div>)}
+        {cells.map((day, i) =>
+          day ? (
+            <div key={i}
+              className={`f-cal-day${isSameDay(day) ? " f-cal-selected" : ""}`}
+            >
+              {day}
+            </div>
+          ) : <div key={i} />
+        )}
+      </div>
+    </div>
+  );
+}

src/components/MainFeed.jsx

@@ -441,13 +441,6 @@ export default function MainFeed() {
 
           {/* Фильтр по типу объявления */}
           <div className="f-filter-bar">
-            <button
-                className={`f-filter-btn${typeFilter === null ? " active"
-                    : ""}`}
-                onClick={() => setTypeFilter(null)}
-            >
-              Все объявления
-            </button>
             <button
                 className={`f-filter-btn${typeFilter === "loss" ? " active"
                     : ""}`}
@@ -455,6 +448,13 @@ export default function MainFeed() {
             >
               🔴 Потери
             </button>
+            <button
+                className={`f-filter-btn${typeFilter === null ? " active"
+                    : ""}`}
+                onClick={() => setTypeFilter(null)}
+            >
+              Все объявления
+            </button>
             <button
                 className={`f-filter-btn${typeFilter === "found" ? " active"
                     : ""}`}

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()}>