JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.default.min.css">
<h3>color picker</h3>
<header>
<nav>
<ul id="menu"></ul>
</nav>
</header>
<input type="color" id="broken" />
JavaScript
$("#menu").kendoMenu({
dataSource: [{
text: "dashboard",
url: "#"
}, {
text: "storage",
items: [{
text: "Search",
url: "#/storage"
}, {
text: "New Storage"
}]
}, {
text: "Vaults",
url: "#/vaults"
}, {
text: "personnel",
items: [{
text: "Search",
url: "#/personnel"
}, {
text: "New Personnel"
}]
}, {
text: "Reports",
url: "../Members/Reports.aspx' target='_blank'"
}, {
text: "system",
items: [{
text: "data lists",
items: [{
text: "Carriers",
url: "#/carriers"
}, {
text: "Warehouses",
url: "#/warehouses"
}, {
text: "Codes",
url: "#/codes"
}]
}, {
text: "custom fields",
items: [{
text: "Storage",
url: "#/storageCustomFlds"
}, {
text: "Personnel",
url: "#/personnelCustomFlds"
}]
}]
}, {
text: "log out",
url: "../Members/Logout.aspx"
}]
});
$("#broken").kendoColorPicker({
value: "#ffffff",
buttons: false
});