<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",
            recurrenceRule: "FREQ=WEEKLY;BYDAY=MO"
        }
    ],
    messages: {
        recurrenceEditor: {
            cancel: "Cancel",
            headerTitle: "Repeat",
            frequencies: {
                never: "Never",
                hourly: "Hourly",
                daily: "Daily",
                weekly: "Weekly",
                monthly: "Monthly",
                yearly: "Yearly"
            },
            daily: {
                repeatEvery: "Repeat every: ",
                interval: " day(s)"
            },
            weekly: {
                repeatEvery: "Repeat every: ",
                interval: " week(s) on:",
                repeatOn: "Repeat on:"
            },
            update: "Update"
        }
    }
});
</script>