added calendar on press create date

src/styles/card.css

@@ -43,9 +43,10 @@
 
 /* Status badge for closed/found posts */
 .f-status-badge {
-  border-radius: 20px; padding: 3px 10px;
-  font-size: .72rem; font-weight: 900;
-  position: absolute; left: 50%; transform: translateX(-50%);
+  border-radius: 20px; padding: 2px 8px;
+  font-size: .7rem; font-weight: 900;
+  display: inline-block; vertical-align: middle;
+  margin-left: 8px;
 }
 .f-status-closed {
   background: rgba(72,187,120,.2); color: #48bb78; border: 1px solid rgba(72,187,120,.3);
@@ -109,6 +110,13 @@
   background: var(--hover-bg); border: 1px solid var(--border);
   border-radius: 20px; padding: 3px 9px; font-size: .73rem; color: var(--muted);
 }
+.f-date-pill {
+  cursor: pointer;
+  position: relative;
+}
+.f-date-pill:hover {
+  background: rgba(128,128,128,.12);
+}
 
 /* Map stub */
 .f-card-map {
@@ -220,4 +228,62 @@
   .f-card-phone {
     font-size: 0.72rem;
   }
+}
+
+/* ── Calendar Popup ── */
+.f-date-calendar {
+  position: absolute;
+  bottom: calc(100% + 6px);
+  left: 0;
+  z-index: 100;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 10px;
+  width: 220px;
+  box-shadow: 0 8px 32px rgba(0,0,0,.25);
+}
+.f-cal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  font-size: .82rem;
+  font-weight: 700;
+}
+.f-cal-header button {
+  background: none;
+  border: none;
+  color: var(--text-primary);
+  font-size: 1.1rem;
+  cursor: pointer;
+  padding: 2px 6px;
+  border-radius: 6px;
+  line-height: 1;
+}
+.f-cal-header button:hover {
+  background: rgba(128,128,128,.15);
+}
+.f-cal-grid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 2px;
+  text-align: center;
+  font-size: .75rem;
+}
+.f-cal-day-name {
+  font-weight: 700;
+  color: var(--muted);
+  padding: 4px 0;
+  font-size: .68rem;
+}
+.f-cal-day {
+  padding: 4px 0;
+  border-radius: 6px;
+  cursor: default;
+}
+.f-cal-selected {
+  background: rgba(var(--teal-rgb), .25);
+  color: var(--teal);
+  font-weight: 800;
 }