create review and profile

app/create-trip/page.tsx

@@ -8,6 +8,7 @@ import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import { createTripAction } from "@/features/trip/actions";
 import { ImageUrlInput } from "@/features/trip/components/image-url-input";
+import { formatLocalCalendarYmd } from "@/lib/trip-dates";
 
 const SAMPLE_MOUNTAINS = [
   { name: "Gunung Papandayan", location: "Garut, Jawa Barat" },
@@ -72,10 +73,15 @@ export default function CreateTripPage() {
     setLoading(true);
 
     const formData = new FormData(e.currentTarget);
-    // Set date values from DatePicker state
-    formData.set("date", startDate.toISOString().split("T")[0]);
+    // Hari kalender lokal → YYYY-MM-DD (bukan toISOString, supaya tidak geser ke UTC)
+    formData.set("date", formatLocalCalendarYmd(startDate));
     if (endDate) {
-      formData.set("endDate", endDate.toISOString().split("T")[0]);
+      const startYmd = formatLocalCalendarYmd(startDate);
+      const endYmd = formatLocalCalendarYmd(endDate);
+      // Satu hari: tanggal pulang sama dengan berangkat → jangan kirim endDate (trip 1 hari)
+      if (endYmd !== startYmd) {
+        formData.set("endDate", endYmd);
+      }
     }
     // Set raw price number
     formData.set("price", parseRupiahInput(priceDisplay));
@@ -222,6 +228,12 @@ export default function CreateTripPage() {
               <label className="mb-1.5 block text-sm font-semibold text-neutral-700">
                 Tanggal Berangkat — Pulang
               </label>
+              <p className="mb-1.5 text-[11px] leading-snug text-neutral-500 sm:text-xs">
+                Pilih satu tanggal untuk trip <span className="font-medium">satu hari</span>
+                . Pilih rentang untuk trip <span className="font-medium">lebih dari satu hari</span>
+                . Tanggal disimpan sebagai hari kalender yang kamu klik; filter Open Trip memakai{" "}
+                <span className="font-medium">UTC</span> yang sama.
+              </p>
               <div className="relative">
                 <span className="absolute left-3 top-1/2 z-10 -translate-y-1/2 text-neutral-400">
                   <svg