/pg-calendar

jQuery datepicker plugin - activate toggle statement are supported.

Primary LanguageJavaScriptMIT LicenseMIT

PIGNOSE Calendar

Beautiful and eidetic jQuery date picker plugin.

Build Status Coverage Status codecov

npm version npm downloads Bower version GitHub license Join the chat at https://gitter.im/KennethanCeyer/PIGNOSE

dependencies Status devDependencies Status

Getting started

PIGNOSE-Calendar helps you to make simple and eidetic datepicker with jQuery.

This datepicker supports responsive display and mobile environment.

Check demo page

PIGNOSE-Calendar

Documentation

Check 📖 GitHub wiki.

or 📦 Codepen.io collection

Installation

NPM

$ npm install pg-calendar

Bower

$ bower install pg-calendar

Yarn

$ yarn add pg-calendar

Usage

Check dist/ folder on this repository.

  1. Install from git.
$ git clone git@github.com:KennethanCeyer/PIGNOSE-Calendar.git
  1. Check distributed folder.
$ cd ./PIGNOSE-Calendar/dist
$ ls -al
  1. Insert snippets at <head> tag of your html file.
<script src="./dist/js/pignose.calendar.min.js"></script>
<link type="text/css" href="./dist/css/pignose.calendar.min.css" />

Test

Current version supports unit tests by using mocha and chai.

# install all dependencies including devdependencies
$ npm install

# run test script of package.json
$ npm test

Overview

See our features which we are supported.

  • Responsive and mobile friendly display.
  • Multiple range datepicker support.
  • Scheduling calendar support.
  • Input type controller support.
  • The toggle controll each of date buttons are supported.
  • You can disable specific dates.
  • Multiple languages are supported, (en, ko, fr, ch, de, jp, pt, da, pl, es, fa, it, cs, uk, ru).
  • Theme system supports (light, dark, blue).

Contributors

We welcome your support, You can support to notice by send me github issue or using gitter.

Languages

Join in contribution

Please move to Contribution section.

Question

If you found something problem of this plugin, or you have some question.

Please send me a message to use either gitter or Github issue. (gitter url is on the top of the manual)

Todo

  • Support Webpack, AMD and CommonJS (UMD).
  • Support ES6 with babel.
  • Documentation supporting.
  • Move css file to less.
  • Integration with CI and Coverages.
  • Add unit tests.
  • Add e2e tests.
  • Adding timepicker specs.
  • Making many sample codes.
  • Improvement and building detailed callbacks. (Progress)

Roadmap

1.4.x

  • 100% coverage unit test
  • support UMD
  • support Webpack
  • support typescript definition
  • complete documentation

1.5.x

  • complete examples for combination of all options
  • support e2e testing with nightwatch
  • support codepen examples
  • following convention (webstorm convention of JetBrains)
  • making integrated library with react
  • making integrated library with angular
  • making integrated library with vuejs

1.6.x

  • extended option usage time picker
  • advanced option custom button (today, last 7days, last 30 days, last a month, last 6 month, last year)
  • advanced option attach below of input