@bimetal/calendar-vue-components

@bimetal/calendar-vue-components

The default Vue 3 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 setup lang="ts">
import { Calendar } from '@bimetal/calendar-vue-components';
import { createCalendarStore } from '@bimetal/calendar-data';

const store = createCalendarStore();
</script>

<template><Calendar :store="store" /></template>

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