How to show time based event in Calendar - Flutter

Asked Sep 27 '22 at 04:32

Active Sep 27 '22 at 04:32

Viewed 320 times

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

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?

asked Sep 27 '22 at 04:32

Ravin Laheri

You can use https://pub.dev/packages/calendar_view package – mohammad esmaili Sep 27 '22 at 04:38
Try this package: https://pub.dev/packages/flutter_heatmap_calendar – ctrl_aziz Sep 27 '22 at 05:13

0 Answers0