Time Picker Option (with Conditional Logic)

The GIF example below shows how we selected the Time Picker Option, named it Delivery Time

We can also add Class (for CSS purposes) and make other settings in the Advanced Settings tab and Conditional Logics tab.

Conditional Logic

In this Time Picker Option example, we set a conditional logic that would only make the Delivery Time become visible on the product page if the Delivery Date is interacted with and a date is selected within a specified date on the calendar ( 26th - 31st ).

A GIF image showing how the Time Picker Option's condition shows in the frontend.