<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
    date: new Date("2022/6/13"),
    startTime: new Date("2022/6/13 07:00 AM"),
    height: 600,
    views: ["day", "week"],
    timezone: "Etc/UTC",
    dataSource: [
        {
            id: 1,
            start: new Date("2022/6/13 10:00 AM"),
            end: new Date("2022/6/13 11:00 AM"),
            title: "Team Meeting"
        }
    ],
    messages: {
        allDay: "Full day",
        ariaEventLabel: "Event at {0:M/d/yyyy h:mm tt}",
        ariaSlotLabel: "Time slot",
        cancel: "Abort",
        deleteWindowTitle: "Remove event",
        destroy: "Remove",
        save: "Store",
        today: "Current day",
        defaultRowText: "All events"
    }
});
</script>