How to Block Out Times

Overview

This tutorial shows how to use the Avonni Date Time Picker to display only available time slots, similar to Calendly, for appointment booking, scheduling demos, or any scenario where users select from available times. For example, if a meeting is booked for Monday at 10:00 AM, that time should be shown as unavailable in the date time picker, preventing double booking.