Kendo UI: Symbols are not being displayed

88 Views Asked by At

The time (clock) symbol is not displayed in the TimePicker widget of Kendo ui.

enter image description here

Here is my code:

<html>
<head> 
 <link rel="stylesheet" href="kendo/styles/kendo.common.min.css">
    <link rel="stylesheet" href="kendo/styles/kendo.mobile.all.min.css">
    <link rel="stylesheet" href="kendo/styles/kendo.default.min.css">
    <link rel="stylesheet" href="kendo/styles/kendo.default.mobile.min.css">
    <link rel="stylesheet" href="styles/overrides.css">
    <link rel="stylesheet" href="styles/main.css">

    <script src="cordova.js"></script>
    <script src="kendo/js/jquery.min.js"></script>
    <script src="kendo/js/kendo.mobile.min.js"></script>
    <script src="kendo/js/kendo.all.min.js"></script>
</head>
<body>
 <input id="time" class="value" style="width: 90%;height:auto"/>
<script>
  var timepicker = $("#time").data("kendoTimePicker");
                     timepicker.value(t);
</script>
</body>
</html>
1

There are 1 best solutions below

0
On

Include a reference to 'kendo.silver.min.css' file

<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.silver.min.css"/>