{{#if (not cellConfig.hideLabel)}}
  <label class={{labelWrapperClassName}}>
    {{renderLabel}}
    {{#if showRequiredLabel}}
      <div class='frost-bunsen-required'>Required</div>
    {{/if}}
  </label>
{{/if}}
{{#frost-radio-group
  id=groupId
  hook=(concat hook '-radio-group')
  selectedValue=selectedValue
  onChange=(action 'selectedButton')
  as |controls|
}}
  {{controls.button
    label=cellConfig.renderer.label
    size=size
    value=firstButtonValue
  }}
  {{#controls.button
    size=size
    value=dateValue
  }}
    <div class='date-time-label'>
      {{frost-date-time-picker
        id=dateId
        hook=(concat hook '-radio-button')
        dateFormat=dateFormat
        timeFormat=timeFormat
        defaultDate=(readonly date)
        defaultTime=(readonly time)
        onFocusIn=(action 'hideErrorMessage')
        onFocusOut=(action 'showErrorMessage')
        onChange=(action 'selectDate')
        value=displayStoredDateTimeValue
      }}
    </div>
  {{/controls.button}}
  {{#if timezone}}
    <div class="frost-bunsen-cell timezone-container">
      <div class="frost-bunsen-left-label timezone-label">Timezone</div> 
      <div class='timezone-value'>
        {{if (eq timezone DEFAULT_TIMEZONE) localTimezone timezone}}
      </div>
    </div>
  {{/if}}
{{/frost-radio-group}}
{{#if renderErrorMessage}}
  <div class="frost-bunsen-error">
    {{renderErrorMessage}}
  </div>
{{/if}}