compmeist / vue-fa-calendar

customize this printable Vue 2 Font Awesome calendar component with your own classes

vue-fa-calendar

customize this Vue 2 Font Awesome calendar component with your own classes

Accepts Special Days array

Pass an array that contains information about particular days, including the Font Awesome icon you want for that day.

Uses Moment JS

Moment integration allows you to specify date format, such as 'YYYY-MMM-D'.

Printable

Based on tables, you can make a calendar with several months that render to print.

Events

Emits 'monthclicked' with the starting date of the month.

This allows you to load more data from server, etc.

Emits 'dateclicked' with the date string that was clicked.

This allows you to use modal dialog, or populate an edit form.

Demo using bootstrap.css

( note Icons and selected days in each instance )

![] (vue-fa-calendar-demo1.jpg)