Calendar block customization - remove end time, replace flyout with hover over date only

Two things I'm looking for with styling the calendar block:

1) Is it possible to display only the start time on the flyout? I've been able to remove the end time from the calendar list, but on the flyout I can only seem to find a way to remove all times completely. I would like to keep the start time listed.

2) Is it possible to replace the flyout with a simple hover that only covers the cell of that date and not the dates next to it? Currently, for example, if I have dates August 17, 18, 19, 20 -- hovering over 17 causes the flyout to cover 18 and 19. I would like it so that the flyout is only the size of one cell and only covers the cell on the date which you are hovering.

The website is currently not published, so I am unable to share a link just yet.

I'm attaching a mockup below:

On 8/13/2021 at 12:30 AM, danllinehan said:

Two things I'm looking for with styling the calendar block:

1) Is it possible to display only the start time on the flyout? I've been able to remove the end time from the calendar list, but on the flyout I can only seem to find a way to remove all times completely. I would like to keep the start time listed.

 

2) Is it possible to replace the flyout with a simple hover that only covers the cell of that date and not the dates next to it? Currently, for example, if I have dates August 17, 18, 19, 20 -- hovering over 17 causes the flyout to cover 18 and 19. I would like it so that the flyout is only the size of one cell and only covers the cell on the date which you are hovering.

 

The website is currently not published, so I am unable to share a link just yet.

 

I'm attaching a mockup below:

You can share the site with temporary password so we can check the issue