Implement support for RTL languages

eternicode · eternicode · commit 4c4fbd07d90a · 2012-12-18T22:43:42.000-05:00
diff --git a/js/bootstrap-datepicker.js b/js/bootstrap-datepicker.js
@@ -36,6 +36,7 @@
 		this.element = $(element);
 		this.language = options.language||this.element.data('date-language')||"en";
 		this.language = this.language in dates ? this.language : "en";
+		this.isRTL = dates[this.language].rtl||false;
 		this.format = DPGlobal.parseFormat(options.format||this.element.data('date-format')||'mm/dd/yyyy');
                 this.isInline = false;
 		this.isInput = this.element.is('input');
@@ -66,6 +67,11 @@
         } else {
             this.picker.addClass('datepicker-dropdown dropdown-menu');
         }
+		if (this.isRTL){
+			this.picker.addClass('datepicker-rtl');
+			this.picker.find('.prev i, .next i')
+						.toggleClass('icon-arrow-left icon-arrow-right');
+		}
 		$(document).on('mousedown', function (e) {
 			// Clicked outside the datepicker, hide it
 			if ($(e.target).closest('.datepicker').length === 0) {
diff --git a/less/datepicker.less b/less/datepicker.less
@@ -15,6 +15,10 @@
 	&-inline {
 		width: 220px;
 	}
+	direction: ltr;
+	&-rtl {
+		direction: rtl;
+	}
 	&-dropdown {
 		top: 0;
 		left: 0;
