Skip to content

festinalente/SwiftCal2

Repository files navigation

Published on webcomponents.org

SwiftCal2

SwiftCal2 is a calendar, date picker and time picker. It allows multiple ranges and times to be selected and preselected.

<h3>An example of a web component calendar with three months:</h3>
<swift-cal data-number-of-months-to-display='3'></swift-cal>
<h3>A calendar generated from js:</h3>
<div class='eg'></div>
<script>
  new calendar.SwiftCal();
  cal.generateCalendar({ 
    parentDiv: '.eg', 
    numberOfMonthsToDisplay: 3,
    displayTimeChooserModal: false
  });
</script>

A few more examples can be found here:

https://codepen.io/tomasMetcalfe/pen/PoXRQKJ

Some docs and explanations are here:

https://festinalente.github.io/SwiftCal2/

Contribute

To contribute, simply git clone the repo, then on your machine run "npm install" in that directory, then run grunt watch and start hacking away. The quickest way to then see changes is to copy index.html in the root to another html file, and open that file in a browser.

Contributions wanted:

Languages come to mind... I have added English (enGb) and Portuguese (ptPt), others are welcome. See "languages.js in the folder "proBundlingJS"