JSFiddle - React, Tailwind, and code Playground
by AndreiVaranita
HTML
<div id="myPopover10d" class="popover popover-default popover-x has-footer in kv-popover-active show top top-left" style="min-width: 300px; top: 1452.89px; left: 265.99px; display: block; z-index: 1050; padding: 0px;">
<div class="popover-body popover-content">
<input type="hidden" name="save_draft" id="save_draft" value="0">
<div class="conainer-control">
<div class="radio">
<label>
<input type="radio" name="save_type" id="optionsRadios1" onchange="
$('#save_date').prop('disabled',true);$('#save_user').prop('disabled',true);
$('#save_user').find('option:selected').prop('disabled',false)" value="1">
Save draft
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="save_type" id="optionsRadios1" onchange="$('#save_date').prop('disabled',true);$('#save_user').prop('disabled',true)" value="2">
Publish imediatly
</label>
</div>
<div class="row">
<div class="col">
<div class="radio">
<label>
<input type="radio" onchange="
$('#save_date').prop('disabled',false);
$('#save_user').prop('disabled',true);
$('#save_user').find('option:selected').prop('disabled',false)" name="save_type" id="optionsRadios1" value="3">
Publish on </label>
</div>
</div>
<div class="col">
<input type="text" name="save_date" id="save_date" disabled="" value="" class="form-control input-sm date-picker flatpickr-input" readonly="readonly">
</div>
</div>
<div class="row m-t-1">
...