`;
},
renderCalendar: function() {
var year = this.state.currentDate.getFullYear();
var month = this.state.currentDate.getMonth();
var firstDay = new Date(year, month, 1).getDay();
var daysInMonth = new Date(year, month + 1, 0).getDate();
var html = '';
for(let i=0; i`;
for(let i=1; i<=daysInMonth; i++) {
let isSel = this.state.selectedDate === i;
html += `
';
var start = this.config.bookingStart || "09:00";
var end = this.config.bookingEnd || "17:00";
var dur = parseInt(this.config.slotMinutes) || 60;
var buf = parseInt(this.config.bufferMinutes) || 0;
var toMin = t => parseInt(t.split(':')[0])*60 + parseInt(t.split(':')[1]);
var fromMin = m => {
var h = Math.floor(m/60); var mn = m%60;
var am = h < 12 ? 'AM' : 'PM';
if(h>12) h-=12; if(h==0) h=12;
return `${h}:${mn<10?'0'+mn:mn} ${am}`;
};
var current = toMin(start);
var endMin = toMin(end);
var html = '';
while(current + dur <= endMin) {
var timeStr = fromMin(current);
let isSel = this.state.selectedTime === timeStr;
html += `