# livedate

> Visual date picker script

Latest version **0.6.0** (published 2016-08-01) · MIT license · 0 weekly downloads

## Install

```sh
npm install livedate
pnpm add livedate
yarn add livedate
bun add livedate
```

## 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.6.0 |
| Published | 2016-08-01 |
| First published | 2016-03-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | live627 |
| Maintainers | live627 |
| Keywords | date, picker, datepicker, calendar |

## Links

- npm: https://www.npmjs.com/package/livedate
- Repository: https://live627@github.com/live627/livedate
- Homepage: https://github.com/live627/livedate
- Issues: https://github.com/live627/livedate/issues
- npm.io page: https://npm.io/package/livedate

## Dependencies (2)

- [xtend](https://npm.io/package/xtend.md) ^4.0.1
- [element-closest](https://npm.io/package/element-closest.md) ^1.0.3

## Alternatives

- [@js-joda/timezone](https://npm.io/package/@js-joda/timezone.md) — 383.4K weekly downloads
- [chartjs-adapter-moment](https://npm.io/package/chartjs-adapter-moment.md) — 210.8K weekly downloads
- [strftime](https://npm.io/package/strftime.md) — 171.2K weekly downloads
- [vue-flatpickr-component](https://npm.io/package/vue-flatpickr-component.md) — 115.8K weekly downloads
- [timepicker](https://npm.io/package/timepicker.md) — 51.0K weekly downloads

## Recent versions

- 0.6.0 (latest) — 2016-08-01
- 0.5.0 — 2016-03-09

## README

# livedate [![MIT license](http://img.shields.io/badge/license-MIT-blue.svg)](http://opensource.org/licenses/MIT) [![Build Status](https://travis-ci.org/live627/livedate.svg?branch=master)](https://travis-ci.org/live627/livedate) [![Code Climate](https://codeclimate.com/github/live627/livedate/badges/gpa.svg)](https://codeclimate.com/github/live627/livedate) [![Support](https://supporter.60devs.com/api/b/axlsj1o8o0amepfrr5eqlcjza)](https://supporter.60devs.com/give/axlsj1o8o0amepfrr5eqlcjza)

Visual date picker script. Very compact at under 2KB minified and gzipped.

**Demo**: http://live627.github.io/livedate

## Installation

Download node at [nodejs.org](http://nodejs.org) and install it, if you haven't already.

```sh
npm install livedate --save
```

## Usage
```
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <title>Livedate by live627</title>
    <link rel="stylesheet" href="dateinput.css">
  </head>
  <body>
    <input type="text" id="date">

    <script src="dateinput.min.js"></script>
    <script>
      var
        days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
        daysShort = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],
        months = ['January','February','March','April','May','June','July','August','September','October','November','December'],
        monthsShort = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
       new Livedate(document.getElementById('date'));
    </script>

  </body>
</html>
```

## Tests

```sh
npm install
npm test
```

## Build

`npm install` to grab all the dependenceies<br>
`npm run build` uglify and minify JS, compile SASS into CSS and minify it

## Dependencies

None

## Goals
My goals with this script are:
- to keep it as lean and readable as possible
- to NOT have jQuery as a dependency

## Dev Dependencies

- [cssmin](https://github.com/jbleuzen/node-cssmin): A simple CSS minifier that uses a port of YUICompressor in JS
- [less](https://github.com/less/less.js): Leaner CSS
- [mkdirp](https://github.com/substack/node-mkdirp): Recursively mkdir, like `mkdir -p`
- [node-sass](https://github.com/sass/node-sass): Wrapper around libsass
- [uglify-js](https://github.com/mishoo/UglifyJS2): JavaScript parser, mangler/compressor and beautifier toolkit
- [watch](https://github.com/mikeal/watch): Utilities for watching file trees.

## Sources
This work is based on [jQuery Tools Dateinput](http://jquerytools.github.io/documentation/dateinput/index.html).


## TODO

- Use the scroll wheel to change months.
- Create public methods
- Build tests

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