Bootstrap datepicker in arabic showing extended width

[hassan715]

Expected behaviour

Width shouldn't exceed the screen width.

Actual behaviour

When opened the width exceeds the screen width especially when using a mobile browser. This behavior appears when using RTL template.

Datepicker version used

v1.7.1

[ilyaqq1999]

Fixed it like tihs: var elementWidth = this.component ? this.component.parent().width() : this.element.width(); if (this.o.rtl) { var right = windowWidth - (left + elementWidth); this.picker.css({ top: top, right: right, zIndex: zIndex }); } else { this.picker.css({ top: top, left: left, zIndex: zIndex }); }