JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" id="dateoption1" name="dateoption" value="1" onclick="CheckDateOptions()"/>
<input type="radio" id="dateoption2" name="dateoption" value="2" onclick="CheckDateOptions()"/> 

<span id="datesettings"></span>

JavaScript

function CheckDateOptions() {
        var o1 = document.getElementById("dateoption1");
        var o2 = document.getElementById("dateoption2");
        var eSettings = document.getElementById("datesettings");
        if(o1.checked) {
            eSettings.innerHTML = "";
        } else if(o2.checked) {
            eSettings.innerHTML = "<input type=\"text\" name=\"field\" />";
        }
    }