DatePicker - inline or attached to a custom control

2 posts, 1 answers
  1. JamesD
    JamesD avatar
    23 posts
    Member since:
    Nov 2005

    Posted 07 Feb 2014 Link to this post

    We have a need of user date input into custom fields in 2 scenarios:
    1) have datepicker inlined to the page (not as popup tied to a input control).
    2) have it pop up next to a custom control, opened by a click on a separate button (so that it doesn't redraw/redraw the custom control).
    After pick the date is actually populated/calculated to multiple controls on the page.

    I tried to attach it to a hidden input (and handle all the data in eventhandlers) but in this case the picker widget is located at top-left corner of the window.

    Are these scenarios possible?

  2. Answer
    Georgi Krustev
    Georgi Krustev avatar
    3688 posts

    Posted 11 Feb 2014 Link to this post

    Hello Raido,

    In general, the DatePicker widget is not designed to function when the input element is hidden. One possible way to accomplish your goal is to change the anchor, which popup widget uses to position the calendar. Here is a simple jsBin demo, which shows how to achieve this.

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