JSFiddle - React, Tailwind, and code Playground

by FlasJunior

HTML

<div class="imgtest" id="bg_highlight-1_10_3">
    <a href="http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png">/ui/1.10.3/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png</a>    
</div>
<div class="imgtest" id="bg_highlight-1_10_4">
    <a href="http://code.jquery.com/ui/1.10.4/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png">/ui/1.10.4/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png</a>
</div>


<div class="imgtest" id="bg_glass-1_10_3">
    <a href="http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png">/ui/1.10.3/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png</a>    
</div>
<div class="imgtest" id="bg_glass-1_10_4">
    <a href="http://code.jquery.com/ui/1.10.4/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png">/ui/1.10.4/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png</a>
</div>


<div class="imgtest" id="bg_glass2-1_10_3">
    <a href="http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png">/ui/1.10.3/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png</a>    
</div>
<div class="imgtest" id="bg_glass2-1_10_4">
    <a href="http://code.jquery.com/ui/1.10.4/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png">/ui/1.10.4/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png</a> 
</div>

CSS

.imgtest{
    float:left;
    height:80px;
    width:40%;
    margin-bottom:10px;
    padding:10px;
    overflow:hidden;
}
.imgtest a{color:#333;}

#bg_highlight-1_10_3{
    background: url(http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png);
}

#bg_highlight-1_10_4{
    background: url(http://code.jquery.com/ui/1.10.4/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png);
}

#bg_glass-1_10_3{
    background: url(http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png);
}

#bg_glass-1_10_4{
    background: url(http://code.jquery.com/ui/1.10.4/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png);
}

#bg_glass2-1_10_3{
    background: url(http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png);
}

#bg_glass2-1_10_4{
    background: url(http://code.jquery.com/ui/1.10.4/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png);
}

JavaScript

$.datepicker.setDefaults($.datepicker.regional["de"]);

$("#datefield").datepicker({
	dateFormat: 'dd.mm.yy',
	minDate: new Date(1900, 1 - 1, 1),
	showWeek: true
});

$("#datepicker").datepicker();