Datepicker issue

4 posts, 0 answers
  1. Andrés
    Andrés avatar
    37 posts
    Member since:
    Jun 2011

    Posted 23 Jan 2012 Link to this post

    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.

  2. Manoj Kapoor
    Manoj Kapoor avatar
    16 posts
    Member since:
    Dec 2011

    Posted 09 Feb 2012 Link to this post

    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.

  3. Chris
    Chris avatar
    7 posts
    Member since:
    Jan 2012

    Posted 25 Jun 2014 Link to this post


    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!
  4. Alexander Popov
    Alexander Popov avatar
    1411 posts

    Posted 30 Jun 2014 Link to this post

    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.

    Alexander Popov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top