<template>
    <div>
      <ej-tab id="defaultTab"  e-width="100%" e-on-item-active.trigger="onitemActive($event)">
      <ul>
        <li><a href="#children">Sub-Tasks</a></li>
		<li click.trigger='click()'><a href="#calendar">Calendar</a></li>

	  </ul>

      <div id="children">
       <div>Default</div>
      </div>
      <div id="calendar">
        <ej-schedule style="display:hidden" id="Schedule1" e-width="100%" e-height="575px" e-appointment-settings.bind="AppointmentList" e-current-date="04/03/2014">
        </ej-schedule>
      </div>

    </ej-tab>
    </div>

</template>