Creating a Custom Datepicker

The Datepicker tool has been configured to use any custom datepickers created using the jQuery ThemeRoller system. This system allows you to design a complete set of jQuery tools including a datepicker.

When you have finished designing your datepicker, you will be able to download the files for that design to .zip file. This .zip file can be imported into the Datepicker interface for use as your datepicker design.

Designing and Using a custom Datepicker theme

Follow these instructions to design your own custom datepicker theme using the jQuery ThemeRoller interface.

  1. In your preferred browser, navigate to http://jqueryui.com/themeroller.
  2. Selecting from the various design categories provided, customize the look and feel of the datepicker.
    Refer to the datepicker preview in the right hand column as you design.
  3. Once you have chosen your preferred settings, click the Download theme button.
  4. On the Build Your Download page, leave the default settings selected and click the Download button from the right column.
  5. From within the Insert Datepicker interface, choose the Theme Browse folder icon.
  6. Select the .zip file you just downloaded from the ThemeRoller website.
  7. The custom datepicker will appear within the datepicker UI for you to insert to your page.