Datepicker issue

[Andrés]

Hi, I think I found a small problem with the validator and the date picker and thought I'd give you the heads up.
It seems like when you add a required (although I think any rule would be the same) attribute to a datepicker, the validation message overlaps with the calendar icon of the datepicker.

Cheers,
Andrés

[Manoj Kapoor]

Rendering the span for validation control within a Div shall fix the issue for you.

<input id="dtDOB" type="Date" name="dtDOB" required="true" validationMessage="Select a valid Date of birth" /><div>
</div><span class="k-invalid-msg" data-for="dtDOB"></span>

The above code works fine for me.

Regards,
Manoj

[Chris]

Hi,

I'm still having this issue even with the span. Oddly enough it works with the Total Due input which is a kendoNumbericTextBox but not with kendoDatePicker. Please see attached images and let me know what may have went wrong. Thanks!

[Alexander Popov]

Hello Chris,

This happens because there are two Validators, each initialized from the input element used for initializing the DatePicker. I would recommend using a single Validator widget, initialized from an element in which the desired DatePickers reside, as shown in this example.

Regards,
Alexander Popov
Telerik