@bimetal/calendar-svelte-components

@bimetal/calendar-svelte-components

The default Svelte 5 calendar for BIMETAL — a thin binding over the canonical @bimetal/calendar-headless controller. Month, week, day, agenda, year and resource views; drag & drop, resize, the event dialog, recurrence and undo.

Every interaction decision lives in the controller: this package turns the snapshot into the canonical .bm-cal* DOM and raw pointer/key events into intents. Styles ship from @bimetal/calendar-themes.

Usage

<script lang="ts">
  import { Calendar } from '@bimetal/calendar-svelte-components';
  import { createCalendarStore } from '@bimetal/calendar-data';

  const store = createCalendarStore();
</script>

<Calendar {store} />

Pass darkMode for the dark palette and dir="rtl" for right-to-left. If you bundle CSS separately, import @bimetal/calendar-svelte-components/styles.