We try to always use a kendo component for our needs.
But, for the first time, the kendo component we need in the framework is totally unusable, and we will not use it.
Instead, we will create a custom range picker, using 2 DatePicker.
First, when the range open, the 2 calendars are always based on the current day, not the range start / end. We see the current month on the left side, and next month on the right. We we should see, is the "start" month on the left when we click the "start" zone, and the end month on the right when we click the "end" zone to open it.
Also, we can't only change the "start" or "end" easily, we always need to re-select the whole range.
And, depending on the previous range, + the new range, sometimes, the "end" value becomes null / undefined %?!
And we may need to re-select the start date and/or end date twice, it's not easy to understand what is happening during a simple selection.
Finally, we tried to catch the "change" events, change the range manually, but there's nothing we can do to make that component easy to use for users.
https://dojo.telerik.com/@foxontherock/UKureVOy/2
Try to select a range, between 10 and 15.
Then, re-open it, and select 12 to 17.
Do you understand what just happened ?!?!? No one can. 2nd click becomes the first one, and the third click becomes the 2nd one, the first is ignored, and we see the "null" end date !?!?.
Hi team, I have created a nested donut chart..but as per requirement I have to specify which one is inner and which one is outer, so that it's easy for the user to differentiate.
But currently for showing data I am already using tooltip, also using labels
What is the best way to stop text from wrapping in a tooltip when there is plenty of space to show on one line?
In this demo the text wraps. How can you force it to use an auto width, instead of fixed?
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>
I have kendo grid that consumes data from a service.I checked from the server side no doubles.
when i show all the records in the kendo grid no doubles.
The problem is when i paginate from page 1 to page 2 there is a record that i find in both pages.
Hello kendo,
When an user is entering the date with an invalid format like dd.mm.yyyy (so 27.06.2023) into our datepicker, it looks like the date is accepted in the UI, but the value is actually empty. What is confusing for the user. To fix this we would like to clear the value when an user entered an invalid date. How can we do this ?
I found an example for the datetimepicker, but it requires an initial filled in date, if you start with an empty value it's not working. The problem comes from the problem that it's impossible to tell if the value is empy or invalid.
https://docs.telerik.com/kendo-ui/knowledge-base/prevent-invalid-values
PS the script has an bug and is not working, add to following to the script to get it working:
$("#datetimepicker").kendoDateTimePicker({
change: onChange,
close: onClose,
open: onOpen,
value: new Date()
});
var lastValidDate = $("#datetimepicker").data('kendoDateTimePicker').value();
});
</script>
Regards,
Jeroen
https://dojo.telerik.com/EgiqeKug
I have a kendo dropdownlist with virtualization. I am including an optionLabel and a valueMapper. Unfortunately, including the valueMapper causes the option label to not show up. Is there a fix for this? Here is a dojo showing the issue.