JSFiddle - React, Tailwind, and code Playground

by OnaBai

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.2.716/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<button id="tranform" class="k-button">Transform</button>
    <div class="eCheckList-section">
        <div class="dividends eCheckList-Body">
            <div id="form">
                <input id="FileId" name="FileId" type="hidden" value="68f323b2-128e-4f9d-91bc-c0fcfe0f7615" />
                <input data-val="true" data-val-number="The field ClientId must be a number." data-val-required="The ClientId field is required." id="ClientId" name="ClientId" type="hidden" value="28608" />
                <ol start="1">

                    <li>
                        

                            <div class="qn-staticdata"></div>
    <div class="qn-text">
        
    </div>
    <div class="CompletedCheckbox">
        <label class="pull-left" for="questions_5c1eb980-fc57-4f92-aed1-56b7bac4a290__IsComplete">Mark as complete</label>
        <input checked="checked" data-val="true" data-val-required="The Mark as complete field is required." id="questions_5c1eb980-fc57-4f92-aed1-56b7bac4a290__IsComplete" name="questions[5c1eb980-fc57-4f92-aed1-56b7bac4a290].IsComplete" type="checkbox" value="true" /><input name="questions[5c1eb980-fc57-4f92-aed1-56b7bac4a290].IsComplete" type="hidden" value="false" />
    </div>


                            <table>
                                <caption class="qn-staticdata">bt SHARES</caption>
                                <colgroup>
                                    <col span="1" class="t-row-shareclass" />
                                    <col span="1" class="t-row-date"/>
                                    <col span="1" class="t-row-amount" />
                              ...

JavaScript

$("#tranform").on("click", function(e) {
    //var beg = new Date().getTime();
    console.time("#kendoNumericTextBox");
    $(".currency").kendoNumericTextBox({ 
        format: "c", 
        decimals: 3, 
        spinners: false
    });
    console.timeEnd("#kendoNumericTextBox");
    console.time("#kendoDatePicker")
    $(".datepicker").kendoDatePicker();
    console.timeEnd("#kendoDatePicker");
    //var end = new Date().getTime();
    //alert("Total: " + (end - beg));
    console.time("#buildForm");
    $("#form").wrap("<form action='' method='post'></form>");
    console.timeEnd("#buildForm")
});