JSFiddle - React, Tailwind, and code Playground

by Don Hatch

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dijit/themes/claro/claro.css">
<div id="dijitcontainer">
    <div data-dojo-type="dijit/Calendar">
        <script type="dojo/method" data-dojo-event="onChange" data-dojo-args="value">
            require(['dojo/dom', 'dojo/date/locale'], function(dom, locale){
                dom.byId('formatted').innerHTML = locale.format(value, {formatLength: 'full', selector:'date'});
            });
        </script>
    </div>
    <p id="formatted"></p>
</div>

JavaScript

// Example from http://dojotoolkit.org/reference-guide/1.10/dijit/Calendar.html#id3
require([
    'dojo/parser',
    'dijit/Calendar',
    'dojo/domReady!'
], function (parser) {
    parser.parse('dijitcontainer');
});