Our DatePicker's Validation Message is overlapping with the DatePicker's input. I attached an image of the problem.
It seems that the <span> element containing the validation message is in the wrong location for the DatePicker. On the same page we have a ComboBox, which has the validation <span> element one level higher than the DatePicker. I tried this in Chrome and moved this element:
<span class="k-widget k-tooltip k-tooltip-validation k-invalid-msg field-validation-error" data-for="SubscribeTill" data-valmsg-for="SubscribeTill" id="SubscribeTill_validationMessage" role="alert">
up one level, from inside this element:
<span class="k-picker-wrap k-state-default">
to inside this element:
<span class="k-widget k-datepicker k-header">
And after this, it seems to work exactly like the ComboBox.
It seems this is a bug, but we kind of need this working right now. Is there a way we can move this span manually?