JSFiddle - React, Tailwind, and code Playground

by FlasJunior

HTML

<link href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" media="screen, projection" />
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.min.js" type="text/javascript"></script><script src="//code.jquery.com/ui/1.10.4/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>


<dl>
  <dt>JS</dt>
    <dd>1.10.4</dd>
  <dt>CSS</dt>
    <dd>1.10.4</dd>
</dl>


<input id="datefield" type="text" value="" />

<div id="datepicker"></div>

CSS

body{
    font-size: 12px;
}

#datefield{margin-bottom:20px;}

dl{padding-bottom:10px;}
dl dt{font-weight:bold;}
dl dd{padding-bottom:8px;}

JavaScript

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

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

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