All Components

RTL Support

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

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

<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>Pick a day:</h5>
                <kendo-calendar :value="new Date()"
                    :min="new Date(2017, 0, 1)"
                    :max="new Date(2018, 11, 31)">
                </kendo-calendar>
            </div>
        </div>
    </div>
</div>
Vue.use(DateinputsInstaller);
new Vue({ el: '#vueapp' })
In this article