jQWidgets DateTimeInpit Tests

HTML

<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/styles/jqx.base.css">
<div id="myApp"></div>

CSS

body {
    background-color: #ffe;
}
#myApp {
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
}

JavaScript

var myDateTime1 = $('<div style="display:inline-block"></div>');
$('#myApp').append(myDateTime1);
$('#myApp').append('<span>Content after DateTimeInput</span>');
myDateTime1.jqxDateTimeInput({
    width: 150,
    height: 30,
});

$('#myApp').append('<div />');

var myDateTime2 = $('<div style="display:inline-block"></div>');
$('#myApp').append(myDateTime2);
$('#myApp').append('<span>Content after DateTimeInput</span>');
myDateTime2.jqxDateTimeInput({
    width: 150,
    height: 30,
    showCalendarButton : false,
});