fix: date placeholder

NickNaskida · Oct 6, 2023 · 45bcb15 · 45bcb15
1 parent 9cfa935
commit 45bcb15
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
     <title>Venue App</title>
 
     <script src="https://telegram.org/js/telegram-web-app.js"></script>

diff --git a/frontend/src/pages/BookingIndex.jsx b/frontend/src/pages/BookingIndex.jsx
@@ -111,9 +111,10 @@ const BookingIndex = () => {
               })}
             />
             <Input
-              type="date"
+              type="text"
               variant="bordered"
               placeholder="date"
+              onFocus={(e) => (e.target.type = "date")}
               validationState={errors.date ? "invalid" : "valid"}
               errorMessage={errors.date && errors.date.message}
               {...register("date", { required: "date is required" })}