http://visionvrarcade.com/appointments/

So I have 3 options for bookings, 30 Minute, 1 hour, and 2 hour. Each has their respective services. When I add all three in a tabs window they all only use reflect the first service despite specifically targeting the different services ( in this case 1,2 and 3). The last issue is that, when I only did one, The calendar would block out unavailable days, now it just says select a different day. 

This is my implementation:
[ea_bootstrap width="800px" scroll_off="true" layout_cols="1"
worker="1" location="1" service="1" default_date = "+6d" min_date = "-7d" max_date = "+8w"]

[ea_bootstrap width="800px" scroll_off="true" layout_cols="1"
worker="1" location="1" service="2" default_date = "+6d" min_date = "-7d" max_date = "+8w"]

[ea_bootstrap width="800px" scroll_off="true" layout_cols="1"
worker="1" location="1" service="3" default_date = "+6d" min_date = "-7d" max_date = "+8w"]

I am using the Tabs section of the free Elementor plugin.