oda-framework/components/viewers/excel-viewer/index.html

It's an ES Progressive Framework based on the technology of Web Components and designed especially for creating custom UI/UX of any complexity for web and cross-platform PWA mobile applications.

<meta charset="UTF-8">
<title>excel-docx-viewer</title>
<script type="module" src="../../../oda.js"></script>
<script type="module" src="./excel-viewer.js"></script>

<input id="files" type="file" accept=".xlsx" style="width: 60ch; position: fixed; padding: 4px; left: 4px; bottom: 44px; border: 1px solid gray; z-index: 99" />
<oda-excel-viewer id="excel_viewer" src="./calendar.xlsx"></oda-excel-viewer>

<script>
    const fileInput = document.querySelector("#files");
    fileInput.addEventListener("change", async ev => {
        excel_viewer.src = await fileInput.files[0].arrayBuffer();
        fileInput.value = null;
    })
</script>