Hi, I try to turn your "Date Range Picker" widget into a "Year Range Picker".
Your widget give the options "start" and "depth". I believed that will be work well but absolutely not... When I use the both options, the widget stop to work.
I tried with your example in kendo ui dojo, this code :
<div id="example" style="text-align: center;">
<div class="demo-section k-content wide" style="display: inline-block;">
<h4>Pick a date range</h4>
<div id="daterangepicker" title="daterangepicker"></div>
</div>
<script>
$(document).ready(function() {
$("#daterangepicker").kendoDateRangePicker({
start: "decade",
depth: "decade"
});
});
</script>
</div>