JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://extjs-public.googlecode.com/svn/extjs-3.x/release/resources/css/ext-all.css">
<script src="http://extjs-public.googlecode.com/svn/extjs-3.x/release/adapter/ext/ext-base.js"></script>
<script src="http://extjs-public.googlecode.com/svn/extjs-3.x/release/ext-all.js"></script>
<script src="http://datejs.googlecode.com/svn/trunk/src/globalization/en-US.js"></script>
<script src="http://w3forge.org/js/DateRange.min.js"></script>
Example:
<div id="tempObject"></div>

CSS

body {
  padding: 10px;
  font-family: "Trebuchet MS", Tahoma, Verdana, Sans;
  font-size: 9pt;
}

JavaScript

var rf = new Ext.date.RangeField({
  renderTo: 'tempObject',
  value: ['2011-01-01', 'eot'],
  width: 180
});