JSFiddle - React, Tailwind, and code Playground

by damyanpetev

HTML

<script src="http://dev.igniteui.local/14-2/js/modernizr.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="http://dev.igniteui.local/14-2/IgniteUI/js/infragistics.core.js"></script>
<script src="http://dev.igniteui.local/14-2/IgniteUI/js/infragistics.lob.js"></script>
<link href="http://dev.igniteui.local/14-2/IgniteUI/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="http://dev.igniteui.local/14-2/IgniteUI/css/structure/infragistics.css" rel="stylesheet"></link>

<div id="editors">
        
        <p><input id="textEditor" value="John"></input></p>
        <p><input id="dateEditor" value="7/27/2012"></input></p>
        <p><input id="maskEditor" value="mask edit"></input></p>
        <p><input id="currencyEditor" value="42"></input></p>
        <p><input id="numericEditor" value="42"></input></p>
        <p><input id="percentEditor" value="42"></input></p>
    </div>

CSS

#editors p {
            margin-bottom: .5em;
        }

JavaScript

$(function () {
			
      $("#currencyEditor").igNumericEditor({
              dataMode: 'double',
              value: 0.546123123213123213,
              //maxDecimals: 18,
              scientificFormat: "e"
            });

            $("#numericEditor").igNumericEditor({
              dataMode: 'double',
              value: 0.000000000000000000001,
              //maxDecimals: 18,
              //scientificFormat: "E"
            });


        });