Title: Customising Datepicker UI
Last modified: August 30, 2016

---

# Customising Datepicker UI

 *  Resolved [fmpweb](https://wordpress.org/support/users/fmpweb/)
 * (@fmpweb)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/customising-datepicker-ui/)
 * Hi – I trust you’re all well 🙂
 * How do I go about changing the style of the datepicker ui? I know of the themeroller
   at [http://jqueryui.com/themeroller/](http://jqueryui.com/themeroller/) but just
   what do I do with the folder/files I download?
 * Thanks in anticipation of for your help. Gavin.
 * [https://wordpress.org/plugins/events-manager/](https://wordpress.org/plugins/events-manager/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Support [angelo_nwl](https://wordpress.org/support/users/angelo_nwl/)
 * (@angelo_nwl)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/customising-datepicker-ui/#post-6660635)
 * here’s another article which may help you with this – [http://www.hongkiat.com/blog/wordpress-datepicker-theme/](http://www.hongkiat.com/blog/wordpress-datepicker-theme/)
 *  Thread Starter [fmpweb](https://wordpress.org/support/users/fmpweb/)
 * (@fmpweb)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/customising-datepicker-ui/#post-6660711)
 * Hi angelo. Thanks for this – I’ve now managed to customise the design of the 
   datepicker for the frontend event form and its consistent with other forms on
   the site. Great 🙂
 * However, I’m now struggling to customise the event form datepicker’s jquery. 
   If I add the following to my functionality plugin:
 *     ```
       <script>
       jQuery(document).ready(function($) {
       $( ".js-wpt-date, #dp1445337524574, #dp1445337524575, #field_lkuceo" ).datepicker({
       minDate: 0, maxDate: "+12M",
       showAnim: "slideDown",
       changeMonth: true,
       changeYear: true
       });
       });
       </script>
       ```
   
 * …my customisation works for the first and last fields which are not EM fields,
   but doesn’t work for the second and third, which are EM fields.
 * Is there something else I should be doing that is specific to the EM plugin?
 * Thanks. Gavin.
 *  Plugin Support [angelo_nwl](https://wordpress.org/support/users/angelo_nwl/)
 * (@angelo_nwl)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/customising-datepicker-ui/#post-6660734)
 * sorry but can I know what is ‘js-wpt-date’ and ‘field_lkuceo’ ?
 *  Thread Starter [fmpweb](https://wordpress.org/support/users/fmpweb/)
 * (@fmpweb)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/customising-datepicker-ui/#post-6660799)
 * Hi Angelo – they are the classes of the fields for the other forms. The customisation
   for the EM fields aren’t working though.
 *  Plugin Support [angelo_nwl](https://wordpress.org/support/users/angelo_nwl/)
 * (@angelo_nwl)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/customising-datepicker-ui/#post-6660800)
 * do you have sample link to your site for us to see and analyze?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Customising Datepicker UI’ is closed to new replies.

 * ![](https://ps.w.org/events-manager/assets/icon-256x256.png?rev=3550347)
 * [Events Manager - Calendar, Bookings, Tickets, and more!](https://wordpress.org/plugins/events-manager/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/events-manager/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/events-manager/)
 * [Active Topics](https://wordpress.org/support/plugin/events-manager/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/events-manager/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/events-manager/reviews/)

## Tags

 * [datepicker](https://wordpress.org/support/topic-tag/datepicker/)

 * 5 replies
 * 2 participants
 * Last reply from: [angelo_nwl](https://wordpress.org/support/users/angelo_nwl/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/customising-datepicker-ui/#post-6660800)
 * Status: resolved