How do you get gcal to block appointment times?

I have successfully synced the gcal for the provider with the 2way sync option. The blocked times have come across to the plugin from her google calendar and show in the reserved by gcal as a list. However, these times are not being blocked off from the providers times on the website booking page. This is the code I am using for the page on the website for clients to book appointments:
<table>
<tbody>[app_service_providers]
<tr>
<td colspan="2">[app_monthly_schedule]</td>
</tr>
<tr>
<td colspan="2">[app_pagination month="1"]</td>
</tr>
<tr>
<td colspan="2">[app_login]</td>
</tr>
<tr>
<td colspan="2">[app_confirmation]</td>
</tr>
<tr>

Can you please let me know what I am doing wrong and why the gcal reserved times are not being blocked from the appointment booking page?

Thanks
Lisa