Hi there! I configured DatePicker, and everything worked, but when I try to click on a year, month or a day it does nothing... The buttons in the header are working fine. The link in the footer works too, when I set the max to a future date. But the rest is disabled... Below is the my actual HTML code (before and after the widget reshape it), and also the Javascript code. I have an extra <span> tag that is used by jQuery Validate plug-in. I disabled it to see if maybe it is the cause, but nothing changed.
Any idea why is this happening?
<p><label for="birthday">Data de nascimento:</label><br><input type="text" id="BIRTHDAY" name="BIRTHDAY" value="1979-04-17" maxlength="10" class="valid"><span> </span><span for="BIRTHDAY" generated="true" class="error checked" style=""> </span></p><p><label for="birthday">Birthday:</label><br><span style="" class="k-widget k-datepicker k-header"><span class="k-picker-wrap k-state-default"><input type="text" id="BIRTHDAY" name="BIRTHDAY" value="1979-04-17" maxlength="10" data-role="datepicker" style="width: 100%; " class="k-input"><span unselectable="on" class="k-select"><span unselectable="on" class="k-icon k-i-calendar">select</span></span></span></span><span> </span></p>$(document).ready(function() { // build datepicker $('#BIRTHDAY').kendoDatePicker({ start: 'decade', depth: 'month', footer: "Today: #=kendo.toString(data, 'yyyy-MM-dd') #", format: 'yyyy-MM-dd', parseFormats: ['yyyy-MM-dd', 'dd/MM/yyyy'], min: new Date(1900, 0, 1), max: new Date(new Date().getFullYear() - 18, new Date().getMonth(), new Date().getDay()) });}Any idea why is this happening?