# vue-responsive-calendar

> A responsive calendar component for Vue.js

Latest version **1.1.9** (published 2017-12-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-responsive-calendar
pnpm add vue-responsive-calendar
yarn add vue-responsive-calendar
bun add vue-responsive-calendar
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.9 |
| Published | 2017-12-16 |
| First published | 2017-08-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 17 |
| Author | Arie Timmerman |
| Maintainers | arietimmerman |
| Keywords | vue, vuejs, plugin, calendar, schedule, agenda |

## Links

- npm: https://www.npmjs.com/package/vue-responsive-calendar
- Repository: https://github.com/arietimmerman/vue-responsive-calendar
- Issues: https://github.com/arietimmerman/vue-responsive-calendar/issues
- npm.io page: https://npm.io/package/vue-responsive-calendar

## Dependencies (4)

- [moment](https://npm.io/package/moment.md) ^2.18.1
- [moment-range](https://npm.io/package/moment-range.md) ^3.0.3
- [vue-resource](https://npm.io/package/vue-resource.md) ^1.3.4
- [babel-polyfill](https://npm.io/package/babel-polyfill.md) ^6.26.0

## Alternatives

- [cron](https://npm.io/package/cron.md) — 4.9M weekly downloads
- [@vercel/queue](https://npm.io/package/@vercel/queue.md) — 731.6K weekly downloads
- [create-sonicjs](https://npm.io/package/create-sonicjs.md) — 1.6K weekly downloads
- [@exellix/jobs-api](https://npm.io/package/@exellix/jobs-api.md) — 941 weekly downloads
- [@forwardimpact/libskill](https://npm.io/package/@forwardimpact/libskill.md) — 575 weekly downloads

## Recent versions

- 1.1.9 (latest) — 2017-12-16
- 1.1.8 — 2017-12-16
- 1.1.7 — 2017-11-28
- 1.1.6 — 2017-11-28
- 1.1.5 — 2017-11-16
- 1.1.4 — 2017-11-02
- 1.1.3 — 2017-10-14
- 1.1.2 — 2017-10-14
- 1.1.1 — 2017-10-10
- 1.1.0 — 2017-10-08
- 1.0.9 — 2017-10-08
- 1.0.8 — 2017-10-08
- 1.0.7 — 2017-09-24
- 1.0.6 — 2017-09-20
- 1.0.5 — 2017-09-20
- … 5 more at https://npm.io/package/vue-responsive-calendar/versions

## README

# A responsive calendar component for Vue.js

> A responsive calendar component for Vue.js

[Demo](https://arietimmerman.github.io/vue-responsive-calendar/examples/)

## Install

```bash
npm install --save vue-responsive-calendar
```

It's also available on unpkg: https://unpkg.com/vue-responsive-calendar

## Usage

~~~.html
<html>
<head>

<!-- Vue -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>

<script src="https://unpkg.com/vue-responsive-calendar@1.1.3/dist/vue-responsive-calendar.browser.js"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/vue-responsive-calendar@1.1.3/dist/vue-responsive-calendar.css">

</head>
<body>

<div id="app">

    <responsive-calendar force-monday-first="true" max-size="l" :events="events"></responsive-calendar>

</div>

<script>
var today = new Date();

const app = new Vue({

  el: '#app',
  data: {
    events: [{
        dateStart: new Date(today.getTime() + (21.5 * 60 * 60 * 1000)),
        dateEnd: new Date(today.getTime() + (22.5 * 60 * 60 * 1000)),
        styleClass: 'optional css class',
        summary: 'Here a summary',
        description: 'The description',
        location: 'Location'
      }
    ]

  }
});
</script>
</body>
</html>
~~~

## Development

``` bash
# install dependencies
npm install

# build for production with minification
npm run build

# develop
npm run devserver
```

---
_Source: https://npm.io/package/vue-responsive-calendar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._