JSFiddle - React, Tailwind, and code Playground

by Gereltod Gotsbayar

HTML

<input type="date" id="in" name="in" size="20" />

JavaScript

function toggleDisplayOf(id, displayed) {
          var node = document.getElementById(id);
          if (node) {
            if (displayed) {
              node.className = node.className.replace(/ undisplayed/g, '');
            } else {
              if (node.className.indexOf(' undisplayed') < 0) node.className += ' undisplayed';
            }
          }
        }
    
        var datefield=document.createElement("input")
        datefield.setAttribute("type", "date")        if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget:
            jQuery(function($){ //on document.ready
            $('#in').datepicker();
            })
        }