Compatibility issues

Compatibility with Bootstrap 3.x

Free jqGrid 4.8 adjusted many CSS rules to simplify the usage of Bootstrap 3.x together with jQuery UI CSS which is required for jqGrid. There are at least one compatibility issue with the usage of jQuery UI Datepicker if the options changeYear: true and changeMonth: true are used. The results will be not so nice:

We suggest to set color and font-weight explicitly for selects .ui-datepicker-year and .ui-datepicker-month in the datepicker to solve the problem:

.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month {
    color: black;  /* the same color like in .ui-widget-header */
    font-weight: normal;
    width: 48%; /* fix width in Chrome at 100% zoom */
}