JSFiddle - React, Tailwind, and code Playground

by Richard Ayotte

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dijit/themes/claro/claro.css">
<div id='startsOn'></div>

JavaScript

require([
    'dojo/_base/window'
    , 'dijit/form/DateTextBox'
    , 'dojo/domReady!'
    ], function(
Window, DateTextBox) {

    var startsOnField = new DateTextBox({
        name: 'startsOn',
        required: true,
        constraints: {
            datePattern: 'yyyy-MM-dd'
        },
        promptMessage: "yyyy-MM-dd",
        invalidMessage: "Invalid date format. Use yyyy-MM-dd",
        style: {
            marginLeft: '2mm',
            width: '20ex'
        }
    }, 'startsOn');

    startsOnField.set('disabled', true);
    startsOnField.reset();
    startsOnField.set('value', new Date());
    startsOnField.set('disabled', false);


});