diff --git a/tests/visual/datepicker.html b/tests/visual/datepicker.html index 8b51b4c130..214c2c8e5a 100644 --- a/tests/visual/datepicker.html +++ b/tests/visual/datepicker.html @@ -11,7 +11,7 @@ $(function() { $('#d1').datepicker(); $('#d2').datepicker({numberOfMonths: 3, showButtonPanel: true}); - $('#inl').datepicker({changeFirstDay: true}); + $('#inl').datepicker(); }); diff --git a/themes/base/ui.datepicker.css b/themes/base/ui.datepicker.css index bfb3fb57c5..4df2e7e2a0 100644 --- a/themes/base/ui.datepicker.css +++ b/themes/base/ui.datepicker.css @@ -32,4 +32,12 @@ .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left:0; } -.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } \ No newline at end of file +.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } + +/* RTL support */ +.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } \ No newline at end of file diff --git a/ui/ui.datepicker.js b/ui/ui.datepicker.js index bf607250e9..66d71f00fe 100644 --- a/ui/ui.datepicker.js +++ b/ui/ui.datepicker.js @@ -1343,7 +1343,7 @@ $.extend(Datepicker.prototype, { this._getFormatConfig(inst))); var prev = (this._canAdjustMonth(inst, -1, drawYear, drawMonth) ? '' : + ' title="' + prevText + '">' : (hideIfNoPrevNext ? '' : '')); var nextText = this._get(inst, 'nextText'); nextText = (!navigationAsDateFormat ? nextText : this.formatDate(nextText, @@ -1351,7 +1351,7 @@ $.extend(Datepicker.prototype, { this._getFormatConfig(inst))); var next = (this._canAdjustMonth(inst, +1, drawYear, drawMonth) ? '' : + ' title="' + nextText + '">' : (hideIfNoPrevNext ? '' : '')); var currentText = this._get(inst, 'currentText'); var gotoDate = (this._get(inst, 'gotoCurrent') && inst.currentDay ? currentDate : today); @@ -1375,31 +1375,34 @@ $.extend(Datepicker.prototype, { var defaultDate = this._getDefaultDate(inst); var html = ''; for (var row = 0; row < numMonths[0]; row++) { + var group = ''; for (var col = 0; col < numMonths[1]; col++) { var selectedDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, inst.selectedDay)); var cornerClass = ' ui-corner-all'; + var calender = ''; if (isMultiMonth) { - html += '