Dojo Date Picker
by Thomas Orthbandt
HTML
<body class="claro">
Dojo Date Test Box
<input type='text' id='ddtb'/>
CSS
.dijitReset {
margin:0;
border:0;
padding:0;
line-height:normal;
font: inherit;
color: inherit;
}
.dj_a11y .dijitReset {
-moz-appearance: none;
}
.dijitInline {
display:inline-block;
#zoom: 1;
#display:inline;
border:0;
padding:0;
vertical-align:middle;
#vertical-align: auto;
}
table.dijitInline {
display:inline-table;
box-sizing: content-box; -moz-box-sizing: content-box;
}
.dijitHidden {
display: none !important;
}
.dijitVisible {
display: block !important;
position: relative;
}
.dj_ie6 .dijitComboBox .dijitInputContainer,
.dijitInputContainer {
#zoom: 1;
overflow: hidden;
float: none !important;
position: relative;
}
.dj_ie7 .dijitInputContainer {
float: left !important;
clear: left;
display: inline-block !important;
}
.dj_ie .dijitSelect input,
.dj_ie input.dijitTextBox,
.dj_ie .dijitTextBox input {
font-size: 100%;
}
.dijitSelect .dijitButtonText {
float: left;
vertical-align: top;
}
TABLE.dijitSelect {
padding: 0 !important;
}
.dijitTextBox .dijitSpinnerButtonContainer,
.dijitTextBox .dijitArrowButtonContainer,
.dijitValidationTextBox .dijitValidationContainer {
float: right;
text-align: center;
}
.dijitSelect input.dijitInputField,
.dijitTextBox input.dijitInputField {
padding-left: 0 !important;
padding-right: 0 !important;
}
.dijitValidationTextBox .dijitValidationContainer {
display: none;
}
.dijitTeeny {
font-size:1px;
line-height:1px;
}
.dijitOffScreen {
position: absolute !important;
left: 50% !important;
top: -10000px !important;
}
.dijitPopup {
position: absolute;
background-color: transparent;
margin: 0;
border: 0;
padding: 0;
}
.dijitPositionOnly {
padding: 0 !important;
border: 0 !important;
background-color: transparent !important;
background-image: none !important;
height: auto !important;
width: auto !important;
}
.dijitNonPositionOnly {
float: none !important;
position: static !important;
margin: 0 0 0 0 !important;
vertical-align: middle...
JavaScript
require(["dojo/_base/declare", "dijit/form/DateTextBox"],
function(declare, DateTextBox, locale, dom){
new DateTextBox({
value: "31-DEC-2009"
}, "ddtb");
});