diff --git a/apps/frontend/src/features/booking/components/booking-mobile.tsx b/apps/frontend/src/features/booking/components/booking-mobile.tsx
index ba240b8..c9afb08 100644
--- a/apps/frontend/src/features/booking/components/booking-mobile.tsx
+++ b/apps/frontend/src/features/booking/components/booking-mobile.tsx
@@ -352,18 +352,33 @@ function MobilePanelHeader() {
 }
 
 function MobileFilters() {
-  const { selectedDate, setSelectedDate } = useBooking();
+  const { selectedDate, setSelectedDate, moveSelectedDate } = useBooking();
 
   return (
-    <div>
+    <div className="grid grid-cols-[52px_1fr_52px] gap-3">
+      <Button
+        type="button"
+        variant="outline"
+        className="h-12 rounded-lg"
+        onClick={() => moveSelectedDate(-1)}
+      >
+        <ChevronLeft className="size-5" />
+      </Button>
       <DatePicker
         value={fromIsoDateLocal(selectedDate)}
         onChange={(date) =>
           setSelectedDate(date ? toIsoDateLocal(date) : toIsoDateLocal(new Date()))
         }
-        className="h-12 w-full justify-center rounded-lg border-border/70 bg-card/75 px-4 text-sm font-medium"
-        placeholder="Fecha"
+        className="h-12 rounded-lg border-border/70 bg-card/75 text-sm"
       />
+      <Button
+        type="button"
+        variant="outline"
+        className="h-12 rounded-lg"
+        onClick={() => moveSelectedDate(1)}
+      >
+        <ChevronRight className="size-5" />
+      </Button>
     </div>
   );
 }