diff options
-rw-r--r-- | ui/source/ui.datepicker.js | 126 | ||||
-rw-r--r-- | ui/themes/flora/flora.datepicker.css | 82 | ||||
-rw-r--r-- | ui/themes/ui.datepicker.css | 90 |
3 files changed, 149 insertions, 149 deletions
diff --git a/ui/source/ui.datepicker.js b/ui/source/ui.datepicker.js index 4d49d4a65..0ba8157ff 100644 --- a/ui/source/ui.datepicker.js +++ b/ui/source/ui.datepicker.js @@ -96,7 +96,7 @@ function Datepicker() { rangeSeparator: ' - ' // Text between two dates in a range
};
$.extend(this._defaults, this.regional['']);
- this._datepickerDiv = $('<div id="datepicker_div"></div>');
+ this._datepickerDiv = $('<div id="ui-datepicker-div"></div>');
}
$.extend(Datepicker.prototype, {
@@ -167,13 +167,13 @@ $.extend(Datepicker.prototype, { target._calId = null;
var $target = $(target);
if (nodeName == 'input') {
- $target.siblings('.datepicker_append').replaceWith('').end()
- .siblings('.datepicker_trigger').replaceWith('').end()
+ $target.siblings('.ui-datepicker-append').replaceWith('').end()
+ .siblings('.ui-datepicker-trigger').replaceWith('').end()
.removeClass(this.markerClassName)
.unbind('focus', this._showDatepicker)
.unbind('keydown', this._doKeyDown)
.unbind('keypress', this._doKeyPress);
- var wrapper = $target.parents('.datepicker_wrap');
+ var wrapper = $target.parents('.ui-datepicker-wrap');
if (wrapper)
wrapper.replaceWith(wrapper.html());
} else if (nodeName == 'div' || nodeName == 'span')
@@ -187,8 +187,8 @@ $.extend(Datepicker.prototype, { @param target element - the target input field or division or span */
_enableDatepicker: function(target) {
target.disabled = false;
- $(target).siblings('button.datepicker_trigger').each(function() { this.disabled = false; }).end()
- .siblings('img.datepicker_trigger').css({opacity: '1.0', cursor: ''});
+ $(target).siblings('button.ui-datepicker-trigger').each(function() { this.disabled = false; }).end()
+ .siblings('img.ui-datepicker-trigger').css({opacity: '1.0', cursor: ''});
this._disabledInputs = $.map(this._disabledInputs,
function(value) { return (value == target ? null : value); }); // delete entry
},
@@ -197,8 +197,8 @@ $.extend(Datepicker.prototype, { @param target element - the target input field or division or span */
_disableDatepicker: function(target) {
target.disabled = true;
- $(target).siblings('button.datepicker_trigger').each(function() { this.disabled = true; }).end()
- .siblings('img.datepicker_trigger').css({opacity: '0.5', cursor: 'default'});
+ $(target).siblings('button.ui-datepicker-trigger').each(function() { this.disabled = true; }).end()
+ .siblings('img.ui-datepicker-trigger').css({opacity: '0.5', cursor: 'default'});
this._disabledInputs = $.map($.datepicker._disabledInputs,
function(value) { return (value == target ? null : value); }); // delete entry
this._disabledInputs[$.datepicker._disabledInputs.length] = target;
@@ -262,7 +262,7 @@ $.extend(Datepicker.prototype, { case 9: $.datepicker._hideDatepicker(null, '');
break; // hide on tab out
case 13: $.datepicker._selectDay(inst, inst._selectedMonth, inst._selectedYear,
- $('td.datepicker_daysCellOver', inst._datepickerDiv)[0]);
+ $('td.ui-datepicker-daysCellOver', inst._datepickerDiv)[0]);
return false; // don't submit the form
break; // select the value on enter
case 27: $.datepicker._hideDatepicker(null, inst._get('speed'));
@@ -307,20 +307,20 @@ $.extend(Datepicker.prototype, { var isRTL = inst._get('isRTL');
if (appendText) {
if (isRTL)
- input.before('<span class="datepicker_append">' + appendText);
+ input.before('<span class="ui-datepicker-append">' + appendText);
else
- input.after('<span class="datepicker_append">' + appendText);
+ input.after('<span class="ui-datepicker-append">' + appendText);
}
var showOn = inst._get('showOn');
if (showOn == 'focus' || showOn == 'both') // pop-up date picker when in the marked field
input.focus(this._showDatepicker);
if (showOn == 'button' || showOn == 'both') { // pop-up date picker when button clicked
- input.wrap('<span class="datepicker_wrap">');
+ input.wrap('<span class="ui-datepicker-wrap">');
var buttonText = inst._get('buttonText');
var buttonImage = inst._get('buttonImage');
var trigger = $(inst._get('buttonImageOnly') ?
- $('<img>').addClass('datepicker_trigger').attr({ src: buttonImage, alt: buttonText, title: buttonText }) :
- $('<button>').addClass('datepicker_trigger').attr({ type: 'button' }).html(buttonImage != '' ?
+ $('<img>').addClass('ui-datepicker-trigger').attr({ src: buttonImage, alt: buttonText, title: buttonText }) :
+ $('<button>').addClass('ui-datepicker-trigger').attr({ type: 'button' }).html(buttonImage != '' ?
$('<img>').attr({ src:buttonImage, alt:buttonText, title:buttonText }) : buttonText));
if (isRTL)
input.before(trigger);
@@ -360,7 +360,7 @@ $.extend(Datepicker.prototype, { /* Tidy up after displaying the date picker. */
_inlineShow: function(inst) {
var numMonths = inst._getNumberOfMonths(); // fix width for dynamic number of date pickers
- inst._datepickerDiv.width(numMonths[1] * $('.datepicker', inst._datepickerDiv[0]).width());
+ inst._datepickerDiv.width(numMonths[1] * $('.ui-datepicker', inst._datepickerDiv[0]).width());
},
/* Pop-up the date picker in a "dialog" box.
@@ -398,7 +398,7 @@ $.extend(Datepicker.prototype, { this._dialogInput.css('left', this._pos[0] + 'px').css('top', this._pos[1] + 'px');
inst._settings.onSelect = onSelect;
this._inDialog = true;
- this._datepickerDiv.addClass('datepicker_dialog');
+ this._datepickerDiv.addClass('ui-datepicker-dialog');
this._showDatepicker(this._dialogInput[0]);
if ($.blockUI)
$.blockUI(this._datepickerDiv);
@@ -461,14 +461,14 @@ $.extend(Datepicker.prototype, { inst._datepickerDiv.empty().append(inst._generateDatepicker());
var numMonths = inst._getNumberOfMonths();
if (numMonths[0] != 1 || numMonths[1] != 1)
- inst._datepickerDiv.addClass('datepicker_multi');
+ inst._datepickerDiv.addClass('ui-datepicker-multi');
else
- inst._datepickerDiv.removeClass('datepicker_multi');
+ inst._datepickerDiv.removeClass('ui-datepicker-multi');
if (inst._get('isRTL'))
- inst._datepickerDiv.addClass('datepicker_rtl');
+ inst._datepickerDiv.addClass('ui-datepicker-rtl');
else
- inst._datepickerDiv.removeClass('datepicker_rtl');
+ inst._datepickerDiv.removeClass('ui-datepicker-rtl');
if (inst._input && inst._input[0].type != 'hidden')
$(inst._input[0]).focus();
@@ -477,9 +477,9 @@ $.extend(Datepicker.prototype, { /* Tidy up after displaying the date picker. */
_afterShow: function(inst) {
var numMonths = inst._getNumberOfMonths(); // fix width for dynamic number of date pickers
- inst._datepickerDiv.width(numMonths[1] * $('.datepicker', inst._datepickerDiv[0])[0].offsetWidth);
+ inst._datepickerDiv.width(numMonths[1] * $('.ui-datepicker', inst._datepickerDiv[0])[0].offsetWidth);
if ($.browser.msie && parseInt($.browser.version) < 7) { // fix IE < 7 select problems
- $('iframe.datepicker_cover').css({width: inst._datepickerDiv.width() + 4,
+ $('iframe.ui-datepicker-cover').css({width: inst._datepickerDiv.width() + 4,
height: inst._datepickerDiv.height() + 4});
}
// re-position on screen if necessary
@@ -560,8 +560,8 @@ $.extend(Datepicker.prototype, { /* Tidy up after a dialog display. */
_tidyDialog: function(inst) {
- inst._datepickerDiv.removeClass('datepicker_dialog').unbind('.datepicker');
- $('.datepicker_prompt', inst._datepickerDiv).remove();
+ inst._datepickerDiv.removeClass('ui-datepicker-dialog').unbind('.ui-datepicker');
+ $('.ui-datepicker-prompt', inst._datepickerDiv).remove();
},
/* Close date picker if clicked elsewhere. */
@@ -569,9 +569,9 @@ $.extend(Datepicker.prototype, { if (!$.datepicker._curInst)
return;
var $target = $(event.target);
- if (($target.parents("#datepicker_div").length == 0) &&
+ if (($target.parents("#ui-datepicker-div").length == 0) &&
!$target.hasClass('hasDatepicker') &&
- !$target.hasClass('datepicker_trigger') &&
+ !$target.hasClass('ui-datepicker-trigger') &&
$.datepicker._datepickerShowing && !($.datepicker._inDialog && $.blockUI)) {
$.datepicker._hideDatepicker(null, '');
}
@@ -620,14 +620,14 @@ $.extend(Datepicker.prototype, { /* Action for selecting a day. */
_selectDay: function(id, month, year, td) {
- if ($(td).is('.datepicker_unselectable'))
+ if ($(td).is('.ui-datepicker-unselectable'))
return;
var inst = this._getInst(id);
var rangeSelect = inst._get('rangeSelect');
if (rangeSelect) {
if (!this._stayOpen) {
- $('.datepicker td').removeClass('datepicker_currentDay');
- $(td).addClass('datepicker_currentDay');
+ $('.ui-datepicker td').removeClass('ui-datepicker-currentDay');
+ $(td).addClass('ui-datepicker-currentDay');
}
this._stayOpen = !this._stayOpen;
}
@@ -981,7 +981,7 @@ function DatepickerInstance(settings, inline) { this._input = null; // The attached input field
this._inline = inline; // True if showing inline, false if used in a popup
this._datepickerDiv = (!inline ? $.datepicker._datepickerDiv :
- $('<div id="datepicker_div_' + this._id + '" class="datepicker_inline">'));
+ $('<div id="ui-datepicker-div-' + this._id + '" class="ui-datepicker-inline">'));
// customise the date picker object - uses manager defaults if not overridden
this._settings = extendRemove(settings || {}); // clone
if (inline)
@@ -1111,11 +1111,11 @@ $.extend(DatepickerInstance.prototype, { var isRTL = this._get('isRTL');
// build the date picker HTML
var clear = (this._get('mandatory') ? '' :
- '<div class="datepicker_clear"><a onclick="jQuery.datepicker._clearDate(' + this._id + ');"' +
+ '<div class="ui-datepicker-clear"><a onclick="jQuery.datepicker._clearDate(' + this._id + ');"' +
(showStatus ? this._addStatus(this._get('clearStatus') || ' ') : '') + '>' +
this._get('clearText') + '</a></div>');
- var controls = '<div class="datepicker_control">' + (isRTL ? '' : clear) +
- '<div class="datepicker_close"><a onclick="jQuery.datepicker._hideDatepicker();"' +
+ var controls = '<div class="ui-datepicker-control">' + (isRTL ? '' : clear) +
+ '<div class="ui-datepicker-close"><a onclick="jQuery.datepicker._hideDatepicker();"' +
(showStatus ? this._addStatus(this._get('closeStatus') || ' ') : '') + '>' +
this._get('closeText') + '</a></div>' + (isRTL ? clear : '') + '</div>';
var prompt = this._get('prompt');
@@ -1141,20 +1141,20 @@ $.extend(DatepickerInstance.prototype, { }
}
// controls and links
- var prev = '<div class="datepicker_prev">' + (this._canAdjustMonth(-1, drawYear, drawMonth) ?
+ var prev = '<div class="ui-datepicker-prev">' + (this._canAdjustMonth(-1, drawYear, drawMonth) ?
'<a onclick="jQuery.datepicker._adjustDate(' + this._id + ', -' + stepMonths + ', \'M\');"' +
(showStatus ? this._addStatus(this._get('prevStatus') || ' ') : '') + '>' +
this._get('prevText') + '</a>' :
(hideIfNoPrevNext ? '' : '<label>' + this._get('prevText') + '</label>')) + '</div>';
- var next = '<div class="datepicker_next">' + (this._canAdjustMonth(+1, drawYear, drawMonth) ?
+ var next = '<div class="ui-datepicker-next">' + (this._canAdjustMonth(+1, drawYear, drawMonth) ?
'<a onclick="jQuery.datepicker._adjustDate(' + this._id + ', +' + stepMonths + ', \'M\');"' +
(showStatus ? this._addStatus(this._get('nextStatus') || ' ') : '') + '>' +
this._get('nextText') + '</a>' :
(hideIfNoPrevNext ? '>' : '<label>' + this._get('nextText') + '</label>')) + '</div>';
- var html = (prompt ? '<div class="datepicker_prompt">' + prompt + '</div>' : '') +
+ var html = (prompt ? '<div class="ui-datepicker-prompt">' + prompt + '</div>' : '') +
(closeAtTop && !this._inline ? controls : '') +
- '<div class="datepicker_links">' + (isRTL ? next : prev) +
- (this._isInRange(today) ? '<div class="datepicker_current">' +
+ '<div class="ui-datepicker-links">' + (isRTL ? next : prev) +
+ (this._isInRange(today) ? '<div class="ui-datepicker-current">' +
'<a onclick="jQuery.datepicker._gotoToday(' + this._id + ');"' +
(showStatus ? this._addStatus(this._get('currentStatus') || ' ') : '') + '>' +
this._get('currentText') + '</a></div>' : '') + (isRTL ? prev : next) + '</div>';
@@ -1162,11 +1162,11 @@ $.extend(DatepickerInstance.prototype, { for (var row = 0; row < numMonths[0]; row++)
for (var col = 0; col < numMonths[1]; col++) {
var selectedDate = new Date(drawYear, drawMonth, this._selectedDay);
- html += '<div class="datepicker_oneMonth' + (col == 0 ? ' datepicker_newRow' : '') + '">' +
+ html += '<div class="ui-datepicker-oneMonth' + (col == 0 ? ' ui-datepicker-newRow' : '') + '">' +
this._generateMonthYearHeader(drawMonth, drawYear, minDate, maxDate,
selectedDate, row > 0 || col > 0) + // draw month headers
- '<table class="datepicker" cellpadding="0" cellspacing="0"><thead>' +
- '<tr class="datepicker_titleRow">' +
+ '<table class="ui-datepicker" cellpadding="0" cellspacing="0"><thead>' +
+ '<tr class="ui-datepicker-titleRow">' +
(showWeeks ? '<td>' + this._get('weekHeader') + '</td>' : '');
var firstDay = this._get('firstDay');
var changeFirstDay = this._get('changeFirstDay');
@@ -1178,7 +1178,7 @@ $.extend(DatepickerInstance.prototype, { var status = this._get('dayStatus') || ' ';
status = (status.indexOf('DD') > -1 ? status.replace(/DD/, dayNames[day]) :
status.replace(/D/, dayNamesShort[day]));
- html += '<td' + ((dow + firstDay + 6) % 7 >= 5 ? ' class="datepicker_weekEndCell"' : '') + '>' +
+ html += '<td' + ((dow + firstDay + 6) % 7 >= 5 ? ' class="ui-datepicker-weekEndCell"' : '') + '>' +
(!changeFirstDay ? '<span' :
'<a onclick="jQuery.datepicker._changeFirstDay(' + this._id + ', ' + day + ');"') +
(showStatus ? this._addStatus(status) : '') + ' title="' + dayNames[day] + '">' +
@@ -1200,30 +1200,30 @@ $.extend(DatepickerInstance.prototype, { var calculateWeek = this._get('calculateWeek') || $.datepicker.iso8601Week;
var dateStatus = this._get('statusForDate') || $.datepicker.dateStatus;
for (var dRow = 0; dRow < numRows; dRow++) { // create date picker rows
- html += '<tr class="datepicker_daysRow">' +
- (showWeeks ? '<td class="datepicker_weekCol">' + calculateWeek(printDate) + '</td>' : '');
+ html += '<tr class="ui-datepicker-daysRow">' +
+ (showWeeks ? '<td class="ui-datepicker-weekCol">' + calculateWeek(printDate) + '</td>' : '');
for (var dow = 0; dow < 7; dow++) { // create date picker days
var daySettings = (beforeShowDay ?
beforeShowDay.apply((this._input ? this._input[0] : null), [printDate]) : [true, '']);
var otherMonth = (printDate.getMonth() != drawMonth);
var unselectable = otherMonth || !daySettings[0] ||
(minDate && printDate < minDate) || (maxDate && printDate > maxDate);
- html += '<td class="datepicker_daysCell' +
- ((dow + firstDay + 6) % 7 >= 5 ? ' datepicker_weekEndCell' : '') + // highlight weekends
- (otherMonth ? ' datepicker_otherMonth' : '') + // highlight days from other months
+ html += '<td class="ui-datepicker-daysCell' +
+ ((dow + firstDay + 6) % 7 >= 5 ? ' ui-datepicker-weekEndCell' : '') + // highlight weekends
+ (otherMonth ? ' ui-datepicker-otherMonth' : '') + // highlight days from other months
(printDate.getTime() == selectedDate.getTime() && drawMonth == this._selectedMonth ?
- ' datepicker_daysCellOver' : '') + // highlight selected day
- (unselectable ? ' datepicker_unselectable' : '') + // highlight unselectable days
+ ' ui-datepicker-daysCellOver' : '') + // highlight selected day
+ (unselectable ? ' ui-datepicker-unselectable' : '') + // highlight unselectable days
(otherMonth && !showOtherMonths ? '' : ' ' + daySettings[1] + // highlight custom dates
(printDate.getTime() >= currentDate.getTime() && printDate.getTime() <= endDate.getTime() ? // in current range
- ' datepicker_currentDay' : '') + // highlight selected day
- (printDate.getTime() == today.getTime() ? ' datepicker_today' : '')) + '"' + // highlight today (if different)
- (unselectable ? '' : ' onmouseover="jQuery(this).addClass(\'datepicker_daysCellOver\');' +
- (!showStatus || (otherMonth && !showOtherMonths) ? '' : 'jQuery(\'#datepicker_status_' +
+ ' ui-datepicker-currentDay' : '') + // highlight selected day
+ (printDate.getTime() == today.getTime() ? ' ui-datepicker-today' : '')) + '"' + // highlight today (if different)
+ (unselectable ? '' : ' onmouseover="jQuery(this).addClass(\'ui-datepicker-daysCellOver\');' +
+ (!showStatus || (otherMonth && !showOtherMonths) ? '' : 'jQuery(\'#ui-datepicker-status-' +
this._id + '\').html(\'' + (dateStatus.apply((this._input ? this._input[0] : null),
[printDate, this]) || ' ') +'\');') + '"' +
- ' onmouseout="jQuery(this).removeClass(\'datepicker_daysCellOver\');' +
- (!showStatus || (otherMonth && !showOtherMonths) ? '' : 'jQuery(\'#datepicker_status_' +
+ ' onmouseout="jQuery(this).removeClass(\'ui-datepicker-daysCellOver\');' +
+ (!showStatus || (otherMonth && !showOtherMonths) ? '' : 'jQuery(\'#ui-datepicker-status-' +
this._id + '\').html(\' \');') + '" onclick="jQuery.datepicker._selectDay(' +
this._id + ',' + drawMonth + ',' + drawYear + ', this);"') + '>' + // actions
(otherMonth ? (showOtherMonths ? printDate.getDate() : ' ') : // display for other months
@@ -1239,12 +1239,12 @@ $.extend(DatepickerInstance.prototype, { }
html += '</tbody></table></div>';
}
- html += (showStatus ? '<div style="clear: both;"></div><div id="datepicker_status_' + this._id +
- '" class="datepicker_status">' + (this._get('initStatus') || ' ') + '</div>' : '') +
+ html += (showStatus ? '<div style="clear: both;"></div><div id="ui-datepicker-status-' + this._id +
+ '" class="ui-datepicker-status">' + (this._get('initStatus') || ' ') + '</div>' : '') +
(!closeAtTop && !this._inline ? controls : '') +
'<div style="clear: both;"></div>' +
($.browser.msie && parseInt($.browser.version) < 7 && !this._inline ?
- '<iframe src="javascript:false;" class="datepicker_cover"></iframe>' : '');
+ '<iframe src="javascript:false;" class="ui-datepicker-cover"></iframe>' : '');
return html;
},
@@ -1252,7 +1252,7 @@ $.extend(DatepickerInstance.prototype, { _generateMonthYearHeader: function(drawMonth, drawYear, minDate, maxDate, selectedDate, secondary) {
minDate = (this._rangeStart && minDate && selectedDate < minDate ? selectedDate : minDate);
var showStatus = this._get('showStatus');
- var html = '<div class="datepicker_header">';
+ var html = '<div class="ui-datepicker-header">';
// month selection
var monthNames = this._get('monthNames');
if (secondary || !this._get('changeMonth'))
@@ -1261,7 +1261,7 @@ $.extend(DatepickerInstance.prototype, { else {
var inMinYear = (minDate && minDate.getFullYear() == drawYear);
var inMaxYear = (maxDate && maxDate.getFullYear() == drawYear);
- html += '<select class="datepicker_newMonth" ' +
+ html += '<select class="ui-datepicker-newMonth" ' +
'onchange="jQuery.datepicker._selectMonthYear(' + this._id + ', this, \'M\');" ' +
'onclick="jQuery.datepicker._clickMonthYear(' + this._id + ');"' +
(showStatus ? this._addStatus(this._get('monthStatus') || ' ') : '') + '>';
@@ -1295,7 +1295,7 @@ $.extend(DatepickerInstance.prototype, { }
year = (minDate ? Math.max(year, minDate.getFullYear()) : year);
endYear = (maxDate ? Math.min(endYear, maxDate.getFullYear()) : endYear);
- html += '<select class="datepicker_newYear" ' +
+ html += '<select class="ui-datepicker-newYear" ' +
'onchange="jQuery.datepicker._selectMonthYear(' + this._id + ', this, \'Y\');" ' +
'onclick="jQuery.datepicker._clickMonthYear(' + this._id + ');"' +
(showStatus ? this._addStatus(this._get('yearStatus') || ' ') : '') + '>';
@@ -1312,8 +1312,8 @@ $.extend(DatepickerInstance.prototype, { /* Provide code to set and clear the status panel. */
_addStatus: function(text) {
- return ' onmouseover="jQuery(\'#datepicker_status_' + this._id + '\').html(\'' + text + '\');" ' +
- 'onmouseout="jQuery(\'#datepicker_status_' + this._id + '\').html(\' \');"';
+ return ' onmouseover="jQuery(\'#ui-datepicker-status-' + this._id + '\').html(\'' + text + '\');" ' +
+ 'onmouseout="jQuery(\'#ui-datepicker-status-' + this._id + '\').html(\' \');"';
},
/* Adjust one of the date sub-fields. */
diff --git a/ui/themes/flora/flora.datepicker.css b/ui/themes/flora/flora.datepicker.css index 34ea65067..dca8d76ea 100644 --- a/ui/themes/flora/flora.datepicker.css +++ b/ui/themes/flora/flora.datepicker.css @@ -1,5 +1,5 @@ -/* Main Flora Style Sheet for jQuery UI Datepicker */ -#datepicker_div, .datepicker_inline { +/* Main Flora Style Sheet for jQuery UI ui-datepicker */ +#ui-datepicker-div, .ui-datepicker-inline { font-family: Arial,Helvetica,sans-serif; font-size: 14px; padding: 0; @@ -7,166 +7,166 @@ background: #DDD; width: 185px; } -#datepicker_div { +#ui-datepicker-div { display: none; border: 1px solid #FF9900; z-index: 10; } -.datepicker_inline { +.ui-datepicker-inline { float: left; display: block; border: 0; } -.datepicker_dialog { +.ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #DDD !important; } -button.datepicker_trigger { +button.ui-datepicker-trigger { width: 25px; } -img.datepicker_trigger { +img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; } -.datepicker_prompt { +.ui-datepicker-prompt { float: left; padding: 2px; background: #DDD; color: #000; } -*html .datepicker_prompt { +*html .ui-datepicker-prompt { width: 185px; } -.datepicker_control, .datepicker_links, .datepicker_header, .datepicker { +.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; float: left; width: 100%; color: #FFF; } -.datepicker_control { +.ui-datepicker-control { background: #FF9900; padding: 2px 0px; } -.datepicker_links { +.ui-datepicker-links { background: #E0F4D7; padding: 2px 0px; } -.datepicker_control, .datepicker_links { +.ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 80%; letter-spacing: 1px; } -.datepicker_links label { +.ui-datepicker-links label { padding: 2px 5px; color: #888; } -.datepicker_clear, .datepicker_prev { +.ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%; } -.datepicker_current { +.ui-datepicker-current { float: left; width: 30%; text-align: center; } -.datepicker_close, .datepicker_next { +.ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right; } -.datepicker_header { +.ui-datepicker-header { padding: 1px 0 3px; background: #83C948; text-align: center; font-weight: bold; height: 1.3em; } -.datepicker_header select { +.ui-datepicker-header select { background: #83C948; color: #000; border: 0px; font-weight: bold; } -.datepicker { +.ui-datepicker { background: #CCC; text-align: center; font-size: 100%; } -.datepicker a { +.ui-datepicker a { display: block; width: 100%; } -.datepicker .datepicker_titleRow { +.ui-datepicker .ui-datepicker-titleRow { background: #B1DB87; color: #000; } -.datepicker .datepicker_daysRow { +.ui-datepicker .ui-datepicker-daysRow { background: #FFF; color: #666; } -.datepicker_weekCol { +.ui-datepicker-weekCol { background: #B1DB87; color: #000; } -.datepicker .datepicker_daysCell { +.ui-datepicker .ui-datepicker-daysCell { color: #000; border: 1px solid #DDD; } -#datepicker .datepicker_daysCell a { +#ui-datepicker .ui-datepicker-daysCell a { display: block; } -.datepicker .datepicker_weekEndCell { +.ui-datepicker .ui-datepicker-weekEndCell { background: #E0F4D7; } -.datepicker .datepicker_daysCellOver { +.ui-datepicker .ui-datepicker-daysCellOver { background: #FFF; border: 1px solid #777; } -.datepicker .datepicker_unselectable { +.ui-datepicker .ui-datepicker-unselectable { color: #888; } -.datepicker_today { +.ui-datepicker-today { background: #B1DB87 !important; } -.datepicker_currentDay { +.ui-datepicker-currentDay { background: #83C948 !important; } -#datepicker_div a, .datepicker_inline a { +#ui-datepicker-div a, .ui-datepicker-inline a { cursor: pointer; margin: 0; padding: 0; background: none; color: #000; } -.datepicker_inline .datepicker_links a { +.ui-datepicker-inline .ui-datepicker-links a { padding: 0 5px !important; } -.datepicker_control a, .datepicker_links a { +.ui-datepicker-control a, .ui-datepicker-links a { padding: 2px 5px !important; color: #000 !important; } -.datepicker_titleRow a { +.ui-datepicker-titleRow a { color: #000 !important; } -.datepicker_control a:hover { +.ui-datepicker-control a:hover { background: #FDD !important; color: #333 !important; } -.datepicker_links a:hover, .datepicker_titleRow a:hover { +.ui-datepicker-links a:hover, .ui-datepicker-titleRow a:hover { background: #FFF !important; color: #333 !important; } -.datepicker_multi .datepicker { +.ui-datepicker-multi .ui-datepicker { border: 1px solid #83C948; } -.datepicker_oneMonth { +.ui-datepicker-oneMonth { float: left; width: 185px; } -.datepicker_newRow { +.ui-datepicker-newRow { clear: left; } -.datepicker_cover { +.ui-datepicker-cover { display: none; display/**/: block; position: absolute; diff --git a/ui/themes/ui.datepicker.css b/ui/themes/ui.datepicker.css index ef6feb677..bbda236eb 100644 --- a/ui/themes/ui.datepicker.css +++ b/ui/themes/ui.datepicker.css @@ -1,5 +1,5 @@ /* Main Style Sheet for jQuery UI date picker */
-#datepicker_div, .datepicker_inline {
+#ui-datepicker-div, .ui-datepicker-inline {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 0;
@@ -7,143 +7,143 @@ background: #ddd;
width: 185px;
}
-#datepicker_div {
+#ui-datepicker-div {
display: none;
border: 1px solid #777;
z-index: 9999; /*must have*/
}
-.datepicker_inline {
+.ui-datepicker-inline {
float: left;
display: block;
border: 0;
}
-.datepicker_rtl {
+.ui-datepicker-rtl {
direction: rtl;
}
-.datepicker_dialog {
+.ui-datepicker-dialog {
padding: 5px !important;
border: 4px ridge #ddd !important;
}
-button.datepicker_trigger {
+button.ui-datepicker-trigger {
width: 25px;
}
-img.datepicker_trigger {
+img.ui-datepicker-trigger {
margin: 2px;
vertical-align: middle;
}
-.datepicker_prompt {
+.ui-datepicker-prompt {
float: left;
padding: 2px;
background: #ddd;
color: #000;
}
-* html .datepicker_prompt {
+* html .ui-datepicker-prompt {
width: 185px;
}
-.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
+.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
clear: both;
float: left;
width: 100%;
color: #fff;
}
-.datepicker_control {
+.ui-datepicker-control {
background: #400;
padding: 2px 0px;
}
-.datepicker_links {
+.ui-datepicker-links {
background: #000;
padding: 2px 0px;
}
-.datepicker_control, .datepicker_links {
+.ui-datepicker-control, .ui-datepicker-links {
font-weight: bold;
font-size: 80%;
}
-.datepicker_links label { /* disabled links */
+.ui-datepicker-links label { /* disabled links */
padding: 2px 5px;
color: #888;
}
-.datepicker_clear, .datepicker_prev {
+.ui-datepicker-clear, .ui-datepicker-prev {
float: left;
width: 34%;
}
-.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
+.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
float: right;
text-align: right;
}
-.datepicker_current {
+.ui-datepicker-current {
float: left;
width: 30%;
text-align: center;
}
-.datepicker_close, .datepicker_next {
+.ui-datepicker-close, .ui-datepicker-next {
float: right;
width: 34%;
text-align: right;
}
-.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
+.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
float: left;
text-align: left;
}
-.datepicker_header {
+.ui-datepicker-header {
padding: 1px 0 3px;
background: #333;
text-align: center;
font-weight: bold;
height: 1.3em;
}
-.datepicker_header select {
+.ui-datepicker-header select {
background: #333;
color: #fff;
border: 0px;
font-weight: bold;
}
-.datepicker {
+.ui-datepicker {
background: #ccc;
text-align: center;
font-size: 100%;
}
-.datepicker a {
+.ui-datepicker a {
display: block;
width: 100%;
}
-.datepicker_titleRow {
+.ui-datepicker-titleRow {
background: #777;
}
-.datepicker_daysRow {
+.ui-datepicker-daysRow {
background: #eee;
color: #666;
}
-.datepicker_weekCol {
+.ui-datepicker-weekCol {
background: #777;
color: #fff;
}
-.datepicker_daysCell {
+.ui-datepicker-daysCell {
color: #000;
border: 1px solid #ddd;
}
-.datepicker_daysCell a{
+.ui-datepicker-daysCell a{
display: block;
}
-.datepicker_weekEndCell {
+.ui-datepicker-weekEndCell {
background: #ddd;
}
-.datepicker_titleRow .datepicker_weekEndCell {
+.ui-datepicker-titleRow .ui-datepicker-weekEndCell {
background: #777;
}
-.datepicker_daysCellOver {
+.ui-datepicker-daysCellOver {
background: #fff;
border: 1px solid #777;
}
-.datepicker_unselectable {
+.ui-datepicker-unselectable {
color: #888;
}
-.datepicker_today {
+.ui-datepicker-today {
background: #fcc !important;
}
-.datepicker_currentDay {
+.ui-datepicker-currentDay {
background: #999 !important;
}
-.datepicker_status {
+.ui-datepicker-status {
background: #ddd;
width: 100%;
font-size: 80%;
@@ -153,48 +153,48 @@ img.datepicker_trigger { /* ________ Datepicker Links _______
** Reset link properties and then override them with !important */
-#datepicker_div a, .datepicker_inline a {
+#ui-datepicker-div a, .ui-datepicker-inline a {
cursor: pointer;
margin: 0;
padding: 0;
background: none;
color: #000;
}
-.datepicker_inline .datepicker_links a {
+.ui-datepicker-inline .ui-datepicker-links a {
padding: 0 5px !important;
}
-.datepicker_control a, .datepicker_links a {
+.ui-datepicker-control a, .ui-datepicker-links a {
padding: 2px 5px !important;
color: #eee !important;
}
-.datepicker_titleRow a {
+.ui-datepicker-titleRow a {
color: #eee !important;
}
-.datepicker_control a:hover {
+.ui-datepicker-control a:hover {
background: #fdd !important;
color: #333 !important;
}
-.datepicker_links a:hover, .datepicker_titleRow a:hover {
+.ui-datepicker-links a:hover, .ui-datepicker-titleRow a:hover {
background: #ddd !important;
color: #333 !important;
}
/* ___________ MULTIPLE MONTHS _________*/
-.datepicker_multi .datepicker {
+.ui-datepicker-multi .ui-datepicker {
border: 1px solid #777;
}
-.datepicker_oneMonth {
+.ui-datepicker-oneMonth {
float: left;
width: 185px;
}
-.datepicker_newRow {
+.ui-datepicker-newRow {
clear: left;
}
/* ___________ IE6 IFRAME FIX ________ */
-.datepicker_cover {
+.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
|