JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-group">
  <label class="col-sm-4 control-label" for="date"></label>
    <div class="col-sm-8">
      <div class="input-group date">
        <input type="radio" name="none" class="minimal">
        None
        <input type="radio" name="daily" class="minimal">
        Daily
      </div>
    </div>
</div>
<div class="form-group none">
  <label class="col-sm-4 control-label"></label>
  <div class="col-sm-8">
    <div class="input-group">
      Test None
    </div>
  </div>
</div>
<div class="form-group daily">
  <label class="col-sm-4 control-label"></label>
  <div class="col-sm-8">
    <div class="input-group">
      Test Daily
    </div>
  </div>
</div>

CSS

.daily {
  display: none;
}

.none {
  display: none;
}

JavaScript

$(document).ready(function () {
	$("input[name=none]").on('change', function() {  	
  	$('.none').show();
    $('.daily').hide();
  })
  $("input[name=daily]").on('change', function() {
  	$('.none').hide();
    $('.daily').show();
  })
})