unavailable dates shows half days on the calendar

[anneleenpeeters]

When I select a room, the unavailable dates appear. Instead of a series of unavailable dates, he only shows the half days of this series in the calendar. But when I click on my due date, it does show the full set of unavailable dates.

When I select a room:

When I clicked on the end date:

What it should do:
So what I would like is that the calendar immediately shows the full range of unavailable dates instead of only showing when I have indicated the end date.

This is my code:

This code:

setDateRanges(dateRanges => dateRanges.sort((a, b) => moment(a.range.start).isBefore(moment(b.range.start)) ? -1 : 1))

This code sorts the dates in the correct order and should normally solve this problem. But in my code it doesn't solve this problem.

Does anyone have an idea how I can fix this?
Thank you