vue-add-to-calendar
A Vue.js component that provides 'Add to Calendar' functionality
Demo
Include support for:
- Google calendar
- Microsoft live calendar
Installation
# Yarn
yarn add vue-add-to-calendar
# NPM
npm install --save vue-add-to-calendar
# Bower
bower install vue-add-to-calendar
Usage
Loading the library
Browserify / Webpack
var AddToCalendar = require('vue-add-to-calendar');
Vue.use(AddToCalendar);
HTML
<script src="/dist/vue-add-to-calendar.min.js"></script>
Using the add to calendar component
<add-to-calendar title="VueConf"
location="WROCŁAW, POLAND"
:start="new Date()"
:end="new Date((new Date).setDate((new Date).getDate() + 1))"
details="The first Official Vue.js Conference in the world!"
inline-template>
<div>
<google-calendar id="google-calendar">
<i class="fa fa-google"></i> Add to Google calendar
</google-calendar>
<microsoft-calendar id="microsoft-calendar">
<i class="fa fa-windows"></i> Add to Microsoft live calendar
</microsoft-calendar>
</div>
</add-to-calendar>
Available properties
List of available props to use in the component:
| Prop | Data Type | Default | Description |
|---|---|---|---|
title |
String | Event title | |
details |
String | Event details | |
location |
String | Event location | |
start |
Date | Event start date | |
end |
Date | Event end date |
Feature request
Feel free to open an issue to ask for a new calendar support.
Changelog
Details changes for each release are documented in the CHANGELOG.md.
Issues
Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.
Contribution
Please make sure to read the Contributing Guide before making a pull request.
404 Dec 20, 2022
434 Jan 3, 2023
37 Aug 10, 2022
6 Jun 15, 2022
47 Nov 24, 2022
55 May 2, 2022
1.4k Dec 26, 2022
37 Sep 10, 2021
17 Nov 3, 2022
1 Jan 29, 2022
44 Nov 17, 2022
70 Aug 20, 2022
762 Jan 3, 2023
56 Oct 11, 2022
15 Feb 28, 2022
47 Aug 16, 2022
16 Nov 24, 2022
485 Dec 18, 2022
425 Dec 27, 2022