feat: add mobile ui to calendar

types/components/bookingWidget/index.ts

@@ -2,4 +2,14 @@ import { z } from "zod"
 
 import { bookingWidgetSchema } from "@/components/Forms/BookingWidget/schema"
 
+import type { Locations } from "@/types/trpc/routers/hotel/locations"
+
 export type BookingWidgetSchema = z.output<typeof bookingWidgetSchema>
+
+export interface BookingWidgetClientProps {
+  locations: Locations
+}
+
+export interface BookingWidgetToggleButtonProps {
+  openMobileSearch: () => void
+}

types/components/datepicker.ts

@@ -1,11 +1,17 @@
+import { Lang } from "@/constants/languages"
+
+import type { Locale } from "date-fns"
 import type { DateRange } from "react-day-picker"
 
 export interface DatePickerFormProps {
   name?: string
 }
 
+type LangWithoutEn = Lang.da | Lang.de | Lang.fi | Lang.no | Lang.sv
+
 export interface DatePickerProps {
   close: () => void
   handleOnSelect: (selected: DateRange) => void
-  initialSelected?: DateRange
+  locales: Record<LangWithoutEn, Locale>
+  selectedDate: DateRange
 }