RTL Support

You can activate the right-to-left functionality by adding the k-rtl class to the container of the DateRangePicker.

The following example demonstrates how to utilize the RTL support for the DateRangePicker.

<div id="vueapp" class="vue-app k-rtl">
    <div class="row" >
        <div class="col-xs-12 col-sm-6 col-md-4">
            <h5>Please select date:</h5>
            <kendo-daterangepicker :range="currentRange">
new Vue({
    el: '#vueapp',
    data: {
        currentRange: {start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 2))}

In this article