How to show time based event in Calendar - Flutter

434 Views Asked by At

I'm creating an app for Grounds in which you can book a ground from a time slot.

I have to create UI like the below image

enter image description here

From the top right corner, the user picks a time range and It'll show only those dates available in the calendar below.

The Red and Orange colors available in the calendar will be from APIs and it indicates already booked time slots.

Does anyone have an idea that how to create UI like this or which package should i use?

0

There are 0 best solutions below