Representing an action which occurred on a previous/next day

We are creating a UI for a timeclock system, showing workers clock-ins & clock-outs which make up their "shifts".

Something we didn't take into account was worker's shifts can take place over multiple dates (i.e. worker who does night shift). So they will clock-in one day and clock-out the next.

Here's what our web dev came up with as a short-term solution.

It's not a bad solution - I'm just wondering is it the best, or is there better?

The image I've shown above is the Weekly view. You could filter this view to shown just 1 day.

Thanks in advance for any input!

PS - First-time UX poster, so if I'm out of line asking this sort of question let me know.