RTL Support

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

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

<div id="example">
    <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>
new Vue({
    el: '#vueapp',
    data: {
        currentDate: new Date()

In this article