/*=========================================================================================

    File Name: clndr.js

    Description: clndr

    --------------------------------------------------------------------------------------

    Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template

    Author: PIXINVENT

    Author URL: http://www.themeforest.net/user/pixinvent

==========================================================================================*/





$(document).ready(function(){



	var currentMonth = moment().format('YYYY-MM');

	var nextMonth    = moment().add('month', 1).format('YYYY-MM');



	var events = [{

		date: currentMonth + '-' + '10',

		title: 'Persian Kitten Auction',

		location: 'Center for Beautiful Cats'

	}, {

		date: currentMonth + '-' + '19',

		title: 'Cat Frisbee',

		location: 'Jefferson Park'

	}, {

		date: currentMonth + '-' + '23',

		title: 'Kitten Demonstration',

		location: 'Center for Beautiful Cats'

	}, {

		date: nextMonth + '-' + '07',

		title: 'Small Cat Photo Session',

		location: 'Center for Cat Photography'

	}];





	/********************************************

    *				Default Setup				*

    ********************************************/

	$('#clndr-default').clndr({

		template: $('#clndr-template').html(),

		events: events,

	});



	/****************************************

    *				Adjacent				*

    ****************************************/

	$('#clndr-adjacent').clndr({

		template: $('#clndr-template').html(),

		events: events,

		showAdjacentMonths: true,

        adjacentDaysChangeMonth: true

	});



	/****************************************

    *				Multiday				*

    ****************************************/

    var multidayArray = [

        {

            title: 'Multi Day Event 1',

            startDate: moment().format('YYYY-MM-') + '12',

            endDate: moment().format('YYYY-MM-') + '17',

        }, {

            title: 'Multi Day Event 2',

            startDate: moment().format('YYYY-MM-') + '24',

            endDate: moment().format('YYYY-MM-') + '27',

        }

    ];



	$('#clndr-multiday').clndr({

		template: $('#clndr-template').html(),

		events: multidayArray,

        multiDayEvents: {

            endDate: 'endDate',

            startDate: 'startDate'

        },

	});



	/****************************************

    *				Constraints				*

    ****************************************/

	$('#clndr-constraints').clndr({

		template: $('#clndr-template').html(),

		constraints: {

            startDate: moment().format('YYYY-MM-') + '04',

            endDate: moment().format('YYYY-MM-') + '24',

        },

	});



	/****************************************

    *				Six Rows				*

    ****************************************/

	$('#clndr-six-rows').clndr({

		template: $('#clndr-template').html(),

		events: events,

		forceSixRows: true

	});





	/********************************************

    *				Selected Date				*

    ********************************************/

	$('#clndr-selected-date').clndr({

		template: $('#clndr-template').html(),

		events: events,

		trackSelectedDate: true,

	});

});