JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<input type="hidden" id="datepicker1" class="datepicker" data-date-format="dd-mm-yyyy"/>

<select name="ddlTimeSpan" id="ddlTimeSpan" onchange="showCustomDate(this.options[this.selectedIndex].value);">
	<option value="0">Last 7 Days</option>
	<option value="1">Last 30 Days</option>
	<option value="2">Month to Date</option>
	<option value="3">Year to Date</option>
	<option value="4">Custom</option>

</select>

JavaScript

function showCustomDate(val) {
   console.log(val);
   if (val == 4) {
      var y = document.getElementById("datepicker1"); //removed #
      //console.log(y.type);
      y.type = "text";
   } else {
       var y = document.getElementById("datepicker1"); //removed #
       //console.log(y.type);
       y.type = "hidden";
   }
};