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

            <input
              id={"period-toggle-#{period.id}"}
              type='checkbox'
              disabled={not isEditable}
              onChange={_.partial(togglePeriodEnabled, period)}
              checked={false}/>
            <label className="period" htmlFor={"period-toggle-#{period.id}"}>{period.name}</label>

      name='toggle-periods-radio'
      ref='allPeriodsRadio'
      type='radio'
      disabled={@state.isVisibleToStudents}
      onChange={@setAllPeriods}
      checked={not @state.showingPeriods}/> if not @state.isVisibleToStudents

    <BS.Row className="common tutor-date-input">
      <BS.Col sm=4 md=3>
