Hide Calendar until service provider is selected or filled in.

This is my code. Basically what I really like it to work is.

Only Service shows first.

Select Service then service provider display. However, Service provider is preselected and filled in as there will be only one provider per service.

At the same time then display the calendar.

Right now with the code below. It still is displaying the calendar, even though the provider is hidden until the service is selected.

<table><tbody><tr><td colspan="2">[app_my_appointments]</td></tr><tr><td>[app_services autorefresh="1" ]
[app_service_providers autorefresh="1" require_service="1"]</td></tr><tr><td colspan="2">[app_monthly_schedule require_provider="1" required_message="Please, select a service provider."]</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><td colspan="2">[app_paypal]</td></tr></tbody></table>

Any help is greatly appreciated,