Using foundation-datepicker for a standalone calendar

[marks]

Great job! Wondering if you have any pointers on how to use this repo for a standalone calendar that appears w/o input boxes.

Mark

[najlepsiwebdesigner]

Hmm..interesting idea, I would probably never think about this. This datepicker exposes show/hide methods, so you can probably use it only like this:

1. create input field and setup datepicker normally
2. call show method of datepicker (or just trigger click on that input field)
3. hide the input filed

...I dont like it, but should do the trick

[narehart]

Actually, if you find line 48 in foundation-datepicker.js:

this.isInline = false;

and change it like so:

this.isInline = options.isInline;

then call the datepicker with the new option:

$('.datepicker').fdatepicker({isInline: true});

the picker will be appended to your selector. You can then either hide it using css or set the input type to hidden.

Cheers!

[najlepsiwebdesigner]

As satandalone calendar, I'm using https://github.com/Serhioromano/bootstrap-calendar (http://bootstrap-calendar.azurewebsites.net) with great success. It's not compatible with foundation right out of the box, but you can restyle it quite easily.