Hide an element based on current time of day vs time in date field

Hi,

Its a food ordering app.

I have a data type for “Category” for example, Breakfast, Lunch, and Dinner. I then have fields for “Name”, “Image”, “StartTime”, and “FinishTime”.

The latter two determine when each Category is available for purchasing from during the day, for products that are allocated to that Category. They are date fields (wrongly or rightly) and for Breakfast for example, the values are “StartTime” = 01/01/2000 10:30am and “FinishTime” 01/01/9999 12:30pm

So for each day, the Breakfast Category should only be available between the hours of 10:30am and 12:30pm.

I want to allow users to be able to continue to browse the entire menu regardless of time of day, so I was thinking of hiding the “add to basket” button when a product falls within a category outside of the available purchasing/service hours based on current time of day.

Is anyone able to assist me with this please?

Thanks,

Try :extract to pull just the hour and minute from the date field, then set a condition on the element to compare the current time with that extracted time