<div id="filemanager"></div>
<script>
$("#filemanager").kendoFileManager({
    dataSource: new kendo.data.FileManagerDataSource({
        schema: {
            model: kendo.data.FileEntry.extend({
                id: "name",
                fields: {
                    name: { type: "string" },
                    size: { type: "number" },
                    path: { type: "string" },
                    extension: { type: "string" },
                    isDirectory: { type: "boolean" },
                    dateCreated: { type: "date" },
                    dateModified: { type: "date" }
                }
            })
        },
        data: [
            { name: "Documents", size: null, path: "Documents", extension: "", isDirectory: true, dateCreated: new Date(2023, 0, 1), dateModified: new Date(2023, 5, 15) },
            { name: "report.pdf", size: 2048576, path: "Documents/report.pdf", extension: ".pdf", isDirectory: false, dateCreated: new Date(2023, 2, 10), dateModified: new Date(2023, 3, 5) }
        ]
    })
});
</script>