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-calendarUsage
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.
