diff --git a/packages/features/bookings/Booker/components/DatePicker.tsx b/packages/features/bookings/Booker/components/DatePicker.tsx index 1ed5f7fe39..6ef0afe42e 100644 --- a/packages/features/bookings/Booker/components/DatePicker.tsx +++ b/packages/features/bookings/Booker/components/DatePicker.tsx @@ -102,7 +102,7 @@ export const DatePicker = ({ moveToNextMonthOnNoAvailability(); // Determine if this is a compact sidebar view based on layout - const isCompact = layout !== "month_view"; + const isCompact = layout !== "month_view" && layout !== "mobile"; const periodData: PeriodData = { ...{ diff --git a/packages/platform/atoms/booker/BookerPlatformWrapper.tsx b/packages/platform/atoms/booker/BookerPlatformWrapper.tsx index 74013b5a6a..38d06c8b6c 100644 --- a/packages/platform/atoms/booker/BookerPlatformWrapper.tsx +++ b/packages/platform/atoms/booker/BookerPlatformWrapper.tsx @@ -207,7 +207,7 @@ export const BookerPlatformWrapper = ( dayjs(date).month() !== dayjs(date).add(bookerLayout.extraDays, "day").month()) || (bookerLayout.layout === BookerLayouts.COLUMN_VIEW && dayjs(date).month() !== dayjs(date).add(bookerLayout.columnViewExtraDays.current, "day").month()) || - (bookerLayout.layout === BookerLayouts.MONTH_VIEW && + ((bookerLayout.layout === BookerLayouts.MONTH_VIEW || bookerLayout.layout === "mobile") && (!dayjs(date).isValid() || dayjs().isSame(dayjs(month), "month")) && dayjs().isAfter(dayjs(month).startOf("month").add(2, "week"))); diff --git a/packages/platform/atoms/booker/BookerWebWrapper.tsx b/packages/platform/atoms/booker/BookerWebWrapper.tsx index a1a18dc549..b2015ea158 100644 --- a/packages/platform/atoms/booker/BookerWebWrapper.tsx +++ b/packages/platform/atoms/booker/BookerWebWrapper.tsx @@ -128,7 +128,7 @@ export const BookerWebWrapper = (props: BookerWebWrapperAtomProps) => { dayjs(date).month() !== dayjs(date).add(bookerLayout.extraDays, "day").month()) || (bookerLayout.layout === BookerLayouts.COLUMN_VIEW && dayjs(date).month() !== dayjs(date).add(bookerLayout.columnViewExtraDays.current, "day").month()) || - (bookerLayout.layout === BookerLayouts.MONTH_VIEW && + ((bookerLayout.layout === BookerLayouts.MONTH_VIEW || bookerLayout.layout === "mobile") && (!dayjs(date).isValid() || dayjs().isSame(dayjs(month), "month")) && dayjs().isAfter(dayjs(month).startOf("month").add(2, "week")));