Simple Question About the jQuery Datepicker s Calendar Icon

Question

Sorry for the simple question.

I'm using a jQuery DatePicker. I want the little calendar icon to appear next to the text input area. I'm using the Smoothness jQuery UI theme.

Does jQuery UI include the calendar.gif icon (not the datepicker itself, but just the little icon)? If not, can you suggest where I can get a free small calendar.gif?

As I understand it, I add the calendar as follows: buttonImage: 'images/calendar.gif'

Thank you.

Answer 1

You could use the built in icons from jQuery UI; there is a calendar icon. The code is something like:

$("#datepicker").datepicker({
    showOn: 'button'
}).next('button').text('').button({
    icons: {
        primary: 'ui-icon-calendar'
    },
    text: false
});