# cycle-calendar

> A calendar component for Cycle.js

Latest version **0.1.2** (published 2017-04-18) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install cycle-calendar
pnpm add cycle-calendar
yarn add cycle-calendar
bun add cycle-calendar
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2017-04-18 |
| First published | 2017-04-10 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Tyrone Tudehope |
| Maintainers | johnnynotsolucky |

## Links

- npm: https://www.npmjs.com/package/cycle-calendar
- Repository: https://github.com/johnnynotsolucky/cycle-calendar
- Homepage: https://github.com/johnnynotsolucky/cycle-calendar#readme
- Issues: https://github.com/johnnynotsolucky/cycle-calendar/issues
- npm.io page: https://npm.io/package/cycle-calendar

## Recent versions

- 0.1.2 (latest) — 2017-04-18
- 0.1.1 — 2017-04-10
- 0.1.0 — 2017-04-10

## README

# cycle-calendar

## Usage

### Installation

```
npm install cycle-calendar
```

### Props

`cycle-calendar` requires the following props:

 - `value`: Initial date value
 - `start`: Day the calendar week starts on (Sunday == 0)
 - `monthNames`: An array of names for months
 - `dayNames`: An array of names for days

### Example

```
const calendar = Calendar({
  DOM,
  props: xs.of({
      value: new Date(),
      start: 1,
      monthNames: ['January', 'February', 'March', 'April', …],
      dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
    })
    .remember()
})

return {
  DOM: xs.combine(calendar.DOM, calendar.value)
    .map(([vdom, value]) =>
      div([
        vdom,
        div(`Selected: ${value.toString()}`)
      ])
    )
}
```

## Development

### Demo

```
npm run dev
```

### Building

#### Node Module

```
make lib
```

Outputs transpiled js files to `lib`.

#### Browser Module

```
make dist
```

Outputs browserified and minified files to `dist`.

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