Wrapper Components / Date Inputs / DatePicker

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>
                <kendo-datepicker
                     :value="currentDate">
                </kendo-datepicker>
            </div>
        </div>
    </div>
</div>
Vue.use(DateinputsInstaller);
new Vue({
    el: '#vueapp',
    data: {
        currentDate: new Date()
    }
})

In this article