📅 Vue 3 Calendar Component

A lightweight and customizable Vue 3 calendar component with Month, Week, and Day views. Ideal for dashboards, scheduling apps, and booking systems.

🚀 Installation npm install @nanthu-mobil80/vue3-calendar

📦 Usage

1. Import the component import Calendar from "@nanthu-mobil80/vue3-calendar"; import "@nanthu-mobil80/vue3-calendar/dist/style.css";

2. Use it inside a component

🔧 Props Prop Type Default Description view String "month" Calendar view: "month", "week", "day" events Array [] Event list (optional) startWeekOnMonday Boolean false Start week on Monday highlightToday Boolean true Highlights today readonly Boolean false Disables date clicks 🎉 Events Event Returns Description @date-click { date } Fired when user clicks a date @view-change view Fired when view changes @event-click event Fires when event is clicked 📅 Events Example const events = [ { id: 1, title: "Team Meeting", date: "2025-12-06", color: "#4f46e5" }, { id: 2, title: "Appointment", date: "2025-12-10", color: "#10b981" } ];

🛠 Development npm install npm run build

To test locally in another project:

npm link

Then inside your app:

npm link @nanthu-mobil80/vue3-calendar

📤 Publishing npm version patch npm publish --access public

📄 License

MIT License