         <input
           id={"period-toggle-#{plan.id}"}
           type='checkbox'
+          disabled={TaskPlanStore.isVisibleToStudents(@props.id)}
           onChange={_.partial(@togglePeriodEnabled, plan)}
           checked={false}/>
         <label className="period" htmlFor={"period-toggle-#{plan.id}"}>{plan.name}</label>

      <BS.Col sm=4 md=3>
        <input
          id={"period-toggle-#{plan.id}"}
          type='checkbox'
          onChange={_.partial(@togglePeriodEnabled, plan)}
          checked={true}/>

            name='toggle-periods-radio'
            type='radio'
            onChange={@togglePeriodsDisplay}
            disabled={TaskPlanStore.isVisibleToStudents(@props.id)}
            checked={not @state.showingPeriods}/>
          <label className="period" htmlFor='hide-periods-radio'>All Periods</label>
        </BS.Col>
