# Setting up appointments which span over midnight **URL:** \ **Category:** Availability\ **Created:** [May 7, 2020, 12:31pm UTC](https://forum.youcanbook.me/t/setting-up-appointments-which-span-over-midnight/783 "2020-05-07T12:31:15Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![mack](https://yyz1.discourse-cdn.com/flex027/user_avatar/forum.youcanbook.me/mack/32/300_2.png) [@mack](https://forum.youcanbook.me/u/mack)\ **Post date:** [May 7, 2020, 12:31pm UTC](https://forum.youcanbook.me/t/setting-up-appointments-which-span-over-midnight/783/1 "2020-05-07T12:31:16Z")
Hi all, I’m having issues in setting up calendar availability. I run an escape room, which means my appointments have a durations of 60mins and an interval between appointments of 30mins (to reset and sanitize rooms). I also have appointments which will start on the current day but end after midnight, so on the following day. Basically, my actual game sessions schedule should be like this: 00:30AM -\> 01:30AM 06:30PM -\> 07:30PM 08:00PM -\> 09:00PM 09:30PM -\> 10:30PM 11:00PM -\> 12:00AM The only way I managed to make this work is by setting my working hours as 00:00 - 00:00, and: - using 90mins appointments (thus including the 30mins buffer. not ideal, but acceptable) - blocking out non-service hours on my Google calendar (i.e. from 1:31AM to 6:29PM) - using a 90mins grid Anyway this is not good for me, as this way the appointments will start right at midnight -but if I set my working hours as 00:30 - 00:30 I cannot see any availability. If I set my working hours to be 00:30 - 00:29 (or anything between 00:00 and 00:29) I lose the availability slot for the appointment which should take place a 11:00PM, as being a 90mins appointment will cross over the following day, but there won’t be enough time for a full appointment (89mins at best). Maybe I’m missing something very obvious, but can anyone suggest how to create an availabilty setup which will accommodate my requirements? Cheers, Mauro ---
**Author:** ![mack](https://yyz1.discourse-cdn.com/flex027/user_avatar/forum.youcanbook.me/mack/32/300_2.png) [@mack](https://forum.youcanbook.me/u/mack)\ **Post date:** [May 7, 2020, 1:33pm UTC](https://forum.youcanbook.me/t/setting-up-appointments-which-span-over-midnight/783/2 "2020-05-07T13:33:53Z")
I also tried using Custom Availability using 00:00 - 00:00 as working hours, “Show availability” in increments of 1 hour, setting specific 1-hour “free” appointments in my Google calendar, according to this schedule: - 00:30AM -\> 01:30AM - 06:30PM -\> 07:30PM - 08:00PM -\> 09:00PM - 09:30PM -\> 10:30PM - 11:00PM -\> 12:00AM End result is that only appointments which fall on the hour (ie 08:00PM -\> 09:00PM and 11:00PM -\> 12:00AM) are showing in the preview, while the others which fall on XX:30 do not show up at all: ![image](https://canada1.discourse-cdn.com/flex027/uploads/ycbm/original/1X/244e826bae4611bd358dcbbdc570ffbd74c37a6a.png) If I use 30min in “Show Availability”, keep the appointment to 60mins and add 30mins padding, this is the end result: ![image](https://canada1.discourse-cdn.com/flex027/uploads/ycbm/original/1X/7fbe609d782d5301fb7933272f3f06a83ed21bf7.png) This is starting to look like what I need, but is there a way to prevent useless rows from showing up? M. ---
**Author:** ![mack](https://yyz1.discourse-cdn.com/flex027/user_avatar/forum.youcanbook.me/mack/32/300_2.png) [@mack](https://forum.youcanbook.me/u/mack)\ **Post date:** [May 8, 2020, 10:54am UTC](https://forum.youcanbook.me/t/setting-up-appointments-which-span-over-midnight/783/3 "2020-05-08T10:54:36Z")
Adding @Ben to the thread: I understant this might be solved with some CSS coding on your side. Is this correct? ---
**Author:** ![Ben](https://yyz1.discourse-cdn.com/flex027/user_avatar/forum.youcanbook.me/ben/32/772_2.png) [@Ben](https://forum.youcanbook.me/u/Ben)\ **Post date:** [May 8, 2020, 6:18pm UTC](https://forum.youcanbook.me/t/setting-up-appointments-which-span-over-midnight/783/4 "2020-05-08T18:18:24Z")
> 2023 UPDATE: THIS SOLUTION IS NO LONGER SUPPORTED Mauro, having bookings span a day is tricky. Our grids are built with the 24 hour or day concept. With that said it should be possible to hide this time with something like: [dir] .gridNoFree {display:none;} Keep in mind that newer booking pages may not have access to customize the CSS. If that is the case for you, send me a message and I will see what I can do.