Quick start
Install and render
Install the selected package build, then import the package and stylesheet from your application's bundler entry module.
npm install @tryagaindev/litefold-calendar@0.5.0-alpha.0
<div data-my-calendar></div>
<script type="module" src="/src/main.js"></script>
import { createCalendar } from "@tryagaindev/litefold-calendar";
import "@tryagaindev/litefold-calendar/styles.css";
const host = document.querySelector("[data-my-calendar]");
if (!(host instanceof HTMLElement)) {
throw new Error("Calendar host was not found.");
}
const calendar = createCalendar(host, {
initialDate: "2026-08-26",
events: [{ id: "launch", title: "Launch", start: "2026-08-26" }]
});
calendar.render();
Choose a build
Release demos and main preview
Use an immutable release to reproduce published behavior. Use main to inspect the next change before release.
Release history
0.5.0-alpha.0
- Channel
Immutable release- Source
d1bf12fd8939b534f13d354f4adcd63dde1b4c05
Run 0.5.0-alpha.0 basic exampleBrowse 0.5.0-alpha.0 examplesView 0.5.0-alpha.0 source
0.4.0-alpha.0
- Channel
Immutable release- Source
4db11aad249979ccba3709f935b4a90277cb7688
Run 0.4.0-alpha.0 basic exampleBrowse 0.4.0-alpha.0 examplesView 0.4.0-alpha.0 source
0.3.0-alpha.0
- Channel
Immutable release- Source
c06f4134d18a21f6ca71ec2fc62683c5cb81c39e
Run 0.3.0-alpha.0 basic exampleBrowse 0.3.0-alpha.0 examplesView 0.3.0-alpha.0 source
0.2.0-alpha.0
- Channel
Immutable release- Source
8250ac4da9ada72a2915b8f810be404667ab47da
Run 0.2.0-alpha.0 basic exampleBrowse 0.2.0-alpha.0 examplesView 0.2.0-alpha.0 source
Rolling main preview
Version 0.5.0-alpha.0 from commit 40cd4fa30ed6ce24871c4378ddafcb97412c7ac4.