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">
            </kendo-daterangepicker>
        </div>
    </div>
</div>
Vue.use(DateinputsInstaller);
new Vue({
    el: '#vueapp',
    data: {
        currentRange: {start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 2))}
    }
})

In this article