Vanilla JavaScript

Use the browser packages directly by creating an element, mounting the instance, and destroying it when the page or view is removed.

<div id="date-picker"></div>
<script type="module" src="/src/main.ts"></script>

import { createDatePicker } from "@schedulespark/date-picker";
import "@schedulespark/date-picker/styles.css";

const host = document.querySelector("#date-picker");

if (!(host instanceof HTMLElement)) {
  throw new Error("Missing #date-picker host");
}

const picker = createDatePicker({
  label: "Start date",
  value: "2026-07-04",
  onChange: console.log
});

picker.mount(host);