---
title: Selected Date and Range
page_title: Selected Date and Range - Gantt - Kendo UI for Vue
description: "Configure the date range of the views of the Kendo UI Gantt wrapper for Vue."
slug: date_range_gantt
position: 3
---

<div><WrapperBanner></WrapperBanner></div>

# Selected Date and Range

The Gantt support range configuration for the timeline of its views via `range` prop. You could define ranges for separate views.

The following example demonstrates how to use the `range` prop.

{% meta height:750 %}
{% embed_file selected-range/main.vue preview %}
{% embed_file selected-range/main.js %}
{% endmeta %}


## Suggested Links

* [Kendo UI Gantt for jQuery](https://docs.telerik.com/kendo-ui/controls/scheduling/gantt/overview)
* [API Reference of the Gantt Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/gantt)