text: (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[63],{"12ab":function(e,n,t){"use strict";t.r(n),n["default"]='<template>\n  <div>\n    <q-toolbar>\n      <q-btn stretch flat label="Prev" @click="calendarPrev" />\n      <q-separator vertical />\n      <q-btn stretch flat label="Next" @click="calendarNext" />\n      <q-space />\n    </q-toolbar>\n    <q-separator />\n    <div style="overflow: hidden;">\n      <q-calendar\n        ref="calendar"\n        v-model="selectedDate"\n        view="month"\n        locale="en-us"\n        animated\n        transition-prev="slide-right"\n        transition-next="slide-left"\n        :selected-dates="selectedDates"\n        @click:day="onToggleDate"\n        @click:date="onToggleDate"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      selectedDate: \'\',\n      selectedDates: []\n    }\n  },\n\n  methods: {\n    calendarNext () {\n      this.$refs.calendar.next()\n    },\n\n    calendarPrev () {\n      this.$refs.calendar.prev()\n    },\n\n    onToggleDate (timestamp) {\n      if (this.selectedDates.includes(timestamp.date)) {\n        // remove the date\n        for (let i = 0; i < this.selectedDates.length; ++i) {\n          if (timestamp.date === this.selectedDates[i]) {\n            this.selectedDates.splice(i, 1)\n            break\n          }\n        }\n      } else {\n        // add the date\n        this.selectedDates.push(timestamp.date)\n      }\n    }\n  }\n}\n<\/script>\n'}}]);