PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Display Datepicker inline

  1. kebab2kuk

    Hi, I hope you can help.

    I need to display the datepicker on a form inline. Basically so the calendar is always on show.

    I have found the following description on how to do this:
    "Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input." from here:

    Could anyone advice on which files need modifying to achieve this or would doing this just be a nightmare. Is there any tricks I could use through css? I don't see it being a problem applying this to all date-picker fields.

    Your advice will be very much appreciated.


    Posted 12 years ago on Saturday February 26, 2011 | Permalink
  2. The date field is an input, not a div. So it isn't designed to work this way. To use the jquery ui datepicker that way the element has to be displayed on a div.

    I'm not sure how this could be done as a customization short of editing core plugin code, which we don't recommend as we can't support customized core plugin code and it makes updates down the road difficult for you to manage as automatic updates overwrite the plugin files (and changes you have made).

    Posted 12 years ago on Saturday February 26, 2011 | Permalink
  3. hithoo

    Since this post is a little old I wanted to just double check if this was something that could be done now.

    Posted 9 years ago on Friday April 12, 2013 | Permalink