Hi,
In following scenario:
- Configure Date Time Picker with Modern view
- Open Browser Console
- Open date picker
- Now move your cursor in the browser window randomly
- Your date picker window permanently changed to time window
In this i cannot go back to data/month view. I am stuck with time view. Is it expected or am i missing something?
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="css/default-main.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<script src="js/kendo.all.min.js"></script>
</head>
<body>
<input id="datetimepicker"/>
<style>
</style>
<script>
$(function () {
$("#datetimepicker").kendoDateTimePicker({
componentType: "modern",
interval: 1
});
});
</script>
</body>
</html>
Rank 1
1 Answer, 1 is accepted
Hello Al,
It seems like the buttons are either not rendered at all, or the styling makes them blend in with the background. This could be due to a JavaScript error preventing the rendering or some custom styles that affect the appearance of the control.
Please check if using the regular themes' CDN and kendo CDN would fix the issue:
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/7.0.2/default/default-ocean-blue.css"><script src="https://kendo.cdn.telerik.com/2023.3.1114/js/kendo.all.min.js"></script>
If you still observe the issue, please modify this dojo example to replicate the error and if possible record a short video of the reproduction steps:
Regards,
Peter Milchev
Progress Telerik
Rank 1
Hi,
The issue can be generated with suggested cdn too. I am adding video for reproduction.
Hi Al,
Thank you for the video, the reproduction seems similar to the one reported in this issue: https://github.com/telerik/kendo-ui-core/issues/6917
Please confirm that you are using the Tab key in order to reproduce this issue.
Rank 1
Hi,
No i am not using tab key. I am just moving my cursor randomly in the window to reproduce the issue. But i can confirm that the issue is same but the reproduction procedure is different.