JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

HTML

<link rel="stylesheet" href=" https://static.branch9.test.xero.com/content/develop/xero.css">
<script src="https://static.branch9.test.xero.com/content/develop/libs.js"></script>
<script src="https://static.branch9.test.xero.com/content/develop/xero.js"></script>

JavaScript

Ext.widget({
    xtype: 'panel',
    renderTo: Ext.getBody(),
    width: 500,
    defaults: {
        xtype: 'datefield',
        labelAlign: 'left'
    },
    items: [{
        fieldLabel: 'Start Date'
    }, {
        fieldLabel: 'End Date'
    }, {
        xtype: 'textfield',
        fieldLabel: 'Name'
    }],
    bbar: ['->', {
        xtype: 'button',
        text: 'Save'
    }]
});