Skip to content

A calendar/date picker that replicates the functionality of YUI's date picker without being a giant UI library.

License

Notifications You must be signed in to change notification settings

Ayehavgunne/erajs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Era.js

A calendar/date picker that replicates the functionality of YUI's date picker without being a giant UI library (i.e. the shift-click and ctrl-click functionality allowing for multi-select/deselect).

Demos!
API
About


Dependencies

moment.js

Usage

let container = document.getElementById('some_container') // Where the calendar will reside in HTML
let hndl = document.getElementById('some_handle') // The element that when clicked with reveal the hidden calendar
let era = Era({element: container, handle: hndl, on_select: function(dates) {
	// your code here
	// dates is an array of the current selected dates as moments via moment.js
}})
era.destroy()

Version

0.01 - Beta

TODO

  • Add forward and back buttons for Year to move years at a time
  • Add more shortcuts like 'Last Month'
  • Get localization to work
  • Make a mobile friendly version
  • Add more keyboard shortcuts for navigation
  • Add more look and feel customization
  • Pretty it up... somehow
  • Add option for maintaining state?
  • Add options for business days, holidays?
  • Add option for open/close on hover
  • Add tooltip about using shift and control
  • Ctrl-Click the back or forward arrows will add entire months to selection

About

A calendar/date picker that replicates the functionality of YUI's date picker without being a giant UI library.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published