             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>

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

        <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>
