Usage no npm install needed!

<script type="module">
  import ractiveDatepicker from 'https://cdn.skypack.dev/ractive-datepicker';
</script>

README

ractive-datepicker

npm install ractive-datepicker --save

NOTE: ractive-datepicker requires ractive version 0.8.x

Add the datepicker to your Ractive instance:

Ractive.extend({
    ...
    components: {
        datepicker: require('ractive-datepicker')
    },
    ...
});

Use it in your template:

<datepicker date='{{myDate}}'></datepicker>

Use mode to disable/enable time selection. Default is 'datetime' which shows time pickers.

<datepicker date='{{myDate}}' mode='date'></datepicker>

To enable ranges

<datepicker range='true' start='{{startDate}}' end='{{endDate}}'></datepicker>

0.2.0 - Add date ranges and a significant UI/styles overhaul

0.1.0 - Initial