feat: add desktop ui to calendar

components/Forms/BookingWidget/FormContent/Search/search.module.css

@@ -30,6 +30,7 @@
   height: 24px;
   outline: none;
   position: relative;
+  width: 100%;
   z-index: 2;
 }
 

components/Forms/BookingWidget/FormContent/index.tsx

@@ -33,10 +33,10 @@ export default function FormContent({
       </div>
       <div className={styles.when}>
         <Caption color="red" textTransform="bold">
-          {nights}{" "}
-          {nights > 1
-            ? intl.formatMessage({ id: "nights" })
-            : intl.formatMessage({ id: "night" })}
+          {intl.formatMessage(
+            { id: "booking.nights" },
+            { totalNights: nights }
+          )}
         </Caption>
         <DatePicker />
       </div>