diff options
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | jquery-ui-timepicker-addon.css | 4 | ||||
| -rw-r--r-- | jquery-ui-timepicker-addon.js | 5 |
3 files changed, 11 insertions, 2 deletions
@@ -106,6 +106,10 @@ .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } + +.ui-timepicker-rtl{ direction: rtl; } +.ui-timepicker-rtl dl { text-align: right; } +.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; } </pre> <h3>Requirements</h3> diff --git a/jquery-ui-timepicker-addon.css b/jquery-ui-timepicker-addon.css index e0d03c2..b93a85f 100644 --- a/jquery-ui-timepicker-addon.css +++ b/jquery-ui-timepicker-addon.css @@ -4,3 +4,7 @@ .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } + +.ui-timepicker-rtl{ direction: rtl; } +.ui-timepicker-rtl dl { text-align: right; } +.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
\ No newline at end of file diff --git a/jquery-ui-timepicker-addon.js b/jquery-ui-timepicker-addon.js index 5e3c448..0bace09 100644 --- a/jquery-ui-timepicker-addon.js +++ b/jquery-ui-timepicker-addon.js @@ -61,7 +61,8 @@ minuteText: 'Minute',
secondText: 'Second',
millisecText: 'Millisecond',
- timezoneText: 'Time Zone'
+ timezoneText: 'Time Zone',
+ isRTL: false
};
this._defaults = { // Global defaults for all the datetime picker instances
showButtonPanel: true,
@@ -326,7 +327,7 @@ // Prevent displaying twice
if ($dp.find("div.ui-timepicker-div").length === 0 && o.showTimepicker) {
var noDisplay = ' style="display:none;"',
- html = '<div class="ui-timepicker-div"><dl>' + '<dt class="ui_tpicker_time_label"' + ((o.showTime) ? '' : noDisplay) + '>' + o.timeText + '</dt>' +
+ html = '<div class="ui-timepicker-div'+ (o.isRTL? ' ui-timepicker-rtl' : '') +'"><dl>' + '<dt class="ui_tpicker_time_label"' + ((o.showTime) ? '' : noDisplay) + '>' + o.timeText + '</dt>' +
'<dd class="ui_tpicker_time"' + ((o.showTime) ? '' : noDisplay) + '></dd>';
// Create the markup
|