From a2c76e1a42e4ba5a21c73ad4b184f4c072643636 Mon Sep 17 00:00:00 2001
From: itskovacs <itskovacs@proton.me>
Date: Thu, 7 Aug 2025 18:43:43 +0200
Subject: [PATCH] :lipstick: Trip: searchable place input

---
 .../trip-create-day-item-modal.component.html               | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/src/app/modals/trip-create-day-item-modal/trip-create-day-item-modal.component.html b/src/src/app/modals/trip-create-day-item-modal/trip-create-day-item-modal.component.html
index b72f826..f07ab97 100644
--- a/src/src/app/modals/trip-create-day-item-modal/trip-create-day-item-modal.component.html
+++ b/src/src/app/modals/trip-create-day-item-modal/trip-create-day-item-modal.component.html
@@ -26,8 +26,8 @@
 
     <div class="mt-4 grid md:grid-cols-7 gap-4">
       <p-floatlabel variant="in" class="md:col-span-2">
-        <p-select [options]="places" optionValue="id" optionLabel="name" inputId="place" id="place"
-          formControlName="place" [showClear]="true" class="capitalize" fluid>
+        <p-select [options]="places" appendTo="body" optionValue="id" optionLabel="name" inputId="place" id="place"
+          [filter]="true" filterBy="name" formControlName="place" [showClear]="true" class="capitalize" fluid>
 
           <ng-template let-place #item>
             <div class="flex items-center whitespace-normal gap-2" [class.text-gray-500]="place.placeUsage">
@@ -50,7 +50,7 @@
       </p-floatlabel>
 
       <p-floatlabel variant="in">
-        <input id="price" formControlName="price" type="number" pInputText fluid />
+        <input id="price" formControlName="price" pInputText fluid />
         <label for="price">Price</label>
       </p-floatlabel>