Theme Support

The MonthPicker plugin uses the jQuery UI CSS Framework to style its look and feel, including the colors of buttons and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.

Widget Specific Classes

If a deeper level of customization is needed, there are widget-specific classes referenced within the MonthPicker.css stylesheet that can be modified. These classes are highlighted below.

.month-picker-disabled

Customize the disabled look of the MonthPicker text box.

.month-picker-invalid-message

Customize the look of validation message.

Additional Decoration Classes

Here are some additional classes that you can experiment with which are also in use on the Demo Site. Tese classes are not widget specific and are not included by default. However, these classes still show how standard CSS can be used to help the Month Picker fit into your design.

.icon {
    vertical-align: bottom;
    margin-top: 2px;
    margin-bottom: 3px;
    cursor: pointer;
}
.icon:active {
opacity: .5;
}
.ui-button-text {
padding: .4em .6em;
line-height: 0.8;
}
input[type='text'] {
width: 60px;
margin-right: 2px;
}