JSFiddle - React, Tailwind, and code Playground

by ravi1989

HTML

<a href="" data-role="button" id="search">Search</a>
  <div data-role="popup" id="CaseInformationScreen" data-close-btn="none"  data-overlay-theme="a" data-dismissible="false">
                    <div data-role="header" data-theme="b" >

                        <a href="#" data-role="button" data-corners="false" id="Cancel">Cancel</a>
                        <h1>Case Information</h1>
                        <a href="#" data-role="button" data-corners="false" id="AddButton">Add</a>
                    </div>

                    <div data-role="content">
                        <div><img src="img/Documents.png"/></div>
                        <div data-role="fieldcontain">
                            <label for="text-12" style="text-align:top;margin-left: 0px;">Case Name:</label>
                            <input name="text-12" id="text-12" value="" type="text" class="caseName_h">
                        </div>
                        <div data-role="fieldcontain">
                            <label for="text-12" style="text-align:left;margin-left: 0px;" >Case Date:</label>
                            <input name="text-12" id="text-12" value="" type="date" class="caseDate_h">
                        </div>
                 
                    </div>
                </div>

JavaScript

$(document).on('click', '#search', function() {
    
     var d = new Date();

           var month = d.getMonth()+1;
           var day = d.getDate();
           var output = d.getFullYear() + '-' +
            ((''+month).length<2 ? '0' : '') + month + '-' +
             ((''+day).length<2 ? '0' : '') + day;

$(".caseDate_h").val(output)
  $( "#CaseInformationScreen" ).popup( "open" )
});