{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepicker.vue?5811","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerBasic.vue?579b","webpack:///./src/views/forms/form-element/form-datepicker/code.js","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerBasic.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerBasic.vue?6c25","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerBasic.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerState.vue?4a32","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerState.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerState.vue?0c2d","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerState.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerMinMax.vue?bb27","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerMinMax.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerMinMax.vue?36f0","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerMinMax.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerDisableDate.vue?ed20","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerDisableDate.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerDisableDate.vue?9c41","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerDisableDate.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerValidation.vue?31ba","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerValidation.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerValidation.vue?3368","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerValidation.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerVariant.vue?43cb","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerVariant.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerVariant.vue?9eed","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerVariant.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerSize.vue?009b","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerSize.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerSize.vue?3dbd","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerSize.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerPlaceholder.vue?669e","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerPlaceholder.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerPlaceholder.vue?062f","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerPlaceholder.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerOptional.vue?1913","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerOptional.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerOptional.vue?b303","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerOptional.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerButtonOnly.vue?6ab5","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerButtonOnly.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerButtonOnly.vue?5b1d","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerButtonOnly.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerString.vue?edcc","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerString.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerString.vue?c377","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerString.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerFullWidth.vue?6be6","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerFullWidth.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerFullWidth.vue?e77b","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerFullWidth.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerInternationalization.vue?33ee","webpack:///src/views/forms/form-element/form-datepicker/FormDatepickerInternationalization.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerInternationalization.vue?f6fd","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepickerInternationalization.vue","webpack:///src/views/forms/form-element/form-datepicker/FormDatepicker.vue","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepicker.vue?cdb0","webpack:///./src/views/forms/form-element/form-datepicker/FormDatepicker.vue"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeBasic","proxy","model","value","callback","$$v","expression","codeButtonOnly","codeDisableDate","codeInternationalization","codeOptional","codePlaceholder","codeMinMax","codeSize","codeState","codeString","codeValidation","codeVariant","codeFullWith","components","BCardText","BFormDatepicker","data","component","state","disabled","readonly","BFormGroup","BFormRadio","BFormRadioGroup","computed","min","max","now","Date","today","getFullYear","getMonth","getDate","minDate","setMonth","setDate","maxDate","dateDisabled","methods","ymd","date","weekday","getDay","day","BRow","BCol","on","onContext","selected","formatted","BInputGroup","BInputGroupAppend","BFormInput","ctx","selectedFormatted","selectedYMD","year","month","locales","locale","weekdays","showDecadeNav","hideHeader","_b","labels","BFormSelect","BFormCheckbox","text","de","labelPrevDecade","labelPrevYear","labelPrevMonth","labelCurrentMonth","labelNextMonth","labelNextYear","labelNextDecade","labelToday","labelSelected","labelNoDateSelected","labelCalendar","labelNav","labelHelp","zh","FormDatepickerBasic","FormDatepickerState","FormDatepickerMinMax","FormDatepickerDisableDate","FormDatepickerValidation","FormDatepickerVariant","FormDatepickerSize","FormDatepickerPlaceholder","FormDatepickerOptional","FormDatepickerButtonOnly","FormDatepickerString","FormDatepickerFullWidth","FormDatepickerInternationalization"],"mappings":"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","file":"js/chunk-0357d44c.c270538b.js","sourcesContent":["import BCardCode from './BCardCode.vue'\r\n\r\nexport default BCardCode\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-basic')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-placeholder')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-min-max')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-disable-date')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-validation')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-state')],1),_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('form-datepicker-variant')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-button-only')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-string')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-full-width')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-optional')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-size')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-datepicker-internationalization')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Basic Datepicker\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBasic)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('code',[_vm._v(\"<b-form-datepicker>\")]),_c('span',[_vm._v(\" is a BootstrapVue custom date picker input form control, which provides full WAI-ARIA compliance and internationalization support. \")])]),_c('label',{attrs:{\"for\":\"example-datepicker\"}},[_vm._v(\"Choose a date\")]),_c('b-form-datepicker',{staticClass:\"mb-1\",attrs:{\"id\":\"example-datepicker\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('span',[_vm._v(\"Value: '\"+_vm._s(_vm.value)+\"'\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeBasic = `\r\n<template>\r\n  <div>\r\n    <label for=\"example-datepicker\">Choose a date</label>\r\n    <b-form-datepicker\r\n      id=\"example-datepicker\"\r\n      v-model=\"value\"\r\n      class=\"mb-1\"\r\n    />\r\n    <p>Value: '{{ value }}'</p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n  },\r\n  data: () => ({\r\n    value: '',    codeBasic,    codeBasic,\r\n  }),\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeButtonOnly = `\r\n<template>\r\n  <div>\r\n    <label for=\"example-input\">Choose a date</label>\r\n    <b-input-group class=\"mb-1\">\r\n      <b-form-input\r\n        id=\"example-input\"\r\n        v-model=\"value\"\r\n        type=\"text\"\r\n        placeholder=\"YYYY-MM-DD\"\r\n        autocomplete=\"off\"\r\n        show-decade-nav\r\n      />\r\n      <b-input-group-append>\r\n        <b-form-datepicker\r\n          v-model=\"value\"\r\n          show-decade-nav\r\n          button-only\r\n          right\r\n          locale=\"en-US\"\r\n          aria-controls=\"example-input\"\r\n          @context=\"onContext\"\r\n        />\r\n      </b-input-group-append>\r\n    </b-input-group>\r\n    <p class=\"mb-1\">\r\n      Value: '{{ value }}'\r\n    </p>\r\n    <p class=\"mb-1\">\r\n      Selected: '{{ selected }}'\r\n    </p>\r\n    <p>Formatted: '{{ formatted }}'</p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {BFormDatepicker, BInputGroup, BInputGroupAppend, BFormInput} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormDatepicker,\r\n    BInputGroup,\r\n    BInputGroupAppend,\r\n    BFormInput,\r\n  },\r\n  data: () => ({\r\n    value: '',\r\n    formatted: '',\r\n    selected: '',\r\n  }),\r\n  methods: {\r\n    onContext(ctx) {\r\n      // The date formatted in the locale, or the \\`label-no - date - selected\\` string\r\n      this.formatted = ctx.selectedFormatted\r\n      // The following will be an empty string until a valid date is entered\r\n      this.selected = ctx.selectedYMD\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeDisableDate = `\r\n<template>\r\n  <div>\r\n    <b-form-datepicker\r\n      v-model=\"value\"\r\n      :date-disabled-fn=\"dateDisabled\"\r\n      locale=\"en\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormDatepicker,\r\n  },\r\n  data: () => ({\r\n    value: '',\r\n  }),\r\n  methods: {\r\n    dateDisabled(ymd, date) {\r\n      // Disable weekends (Sunday = \\`0\\`, Saturday = \\`6\\`) and\r\n      // disable days that fall on the 13th of the month\r\n      const weekday = date.getDay()\r\n      const day = date.getDate()\r\n      // Return \\`true\\` if the date should be disabled\r\n      return weekday === 0 || weekday === 6 || day === 13\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeInternationalization = `\r\n<template>\r\n  <div>\r\n    <label for=\"example-locales\">Locale:</label>\r\n    <b-form-select\r\n      id=\"example-locales\"\r\n      v-model=\"locale\"\r\n      :options=\"locales\"\r\n      class=\"mb-1\"\r\n    />\r\n\r\n    <label for=\"example-weekdays\">Start weekday:</label>\r\n    <b-form-select\r\n      id=\"example-weekdays\"\r\n      v-model=\"weekday\"\r\n      :options=\"weekdays\"\r\n      class=\"mb-1\"\r\n    />\r\n\r\n    <div class=\"d-flex align-items-center\">\r\n      <b-form-checkbox\r\n        v-model=\"showDecadeNav\"\r\n        switch\r\n        inline\r\n        class=\"my-1\"\r\n      />\r\n      <label class=\"mr-1\">Show decade navigation buttons</label>\r\n      <b-form-checkbox\r\n        v-model=\"hideHeader\"\r\n        switch\r\n        inline\r\n        class=\"my-1\"\r\n      />\r\n      <label>Hide calendar header</label>\r\n    </div>\r\n\r\n    <label for=\"example-i18n-picker\">Date picker:</label>\r\n    <b-form-datepicker\r\n      id=\"example-i18n-picker\"\r\n      v-model=\"value\"\r\n      v-bind=\"labels[locale] || {}\"\r\n      :locale=\"locale\"\r\n      :start-weekday=\"weekday\"\r\n      :show-decade-nav=\"showDecadeNav\"\r\n      :hide-header=\"hideHeader\"\r\n      class=\"mb-1\"\r\n    />\r\n    <p>\r\n      Value: <b>'{{ value }}'</b>\r\n    </p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker, BFormSelect, BFormCheckbox } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n    BFormSelect,\r\n    BFormCheckbox,\r\n  },\r\n  data: () => ({\r\n    value: '',\r\n    locale: 'en-US',\r\n    showDecadeNav: false,\r\n    hideHeader: false,\r\n    locales: [\r\n      { value: 'en-US', text: 'English US (en-US)' },\r\n      { value: 'de', text: 'German (de)' },\r\n      { value: 'ar-EG', text: 'Arabic Egyptian (ar-EG)' },\r\n      { value: 'zh', text: 'Chinese (zh)' },\r\n    ],\r\n    weekday: 0,\r\n    weekdays: [\r\n      { value: 0, text: 'Sunday' },\r\n      { value: 1, text: 'Monday' },\r\n      { value: 6, text: 'Saturday' },\r\n    ],\r\n    labels: {\r\n      de: {\r\n        labelPrevDecade: 'Vorheriges Jahrzehnt',\r\n        labelPrevYear: 'Vorheriges Jahr',\r\n        labelPrevMonth: 'Vorheriger Monat',\r\n        labelCurrentMonth: 'Aktueller Monat',\r\n        labelNextMonth: 'Nächster Monat',\r\n        labelNextYear: 'Nächstes Jahr',\r\n        labelNextDecade: 'Nächstes Jahrzehnt',\r\n        labelToday: 'Heute',\r\n        labelSelected: 'Ausgewähltes Datum',\r\n        labelNoDateSelected: 'Kein Datum gewählt',\r\n        labelCalendar: 'Kalender',\r\n        labelNav: 'Kalendernavigation',\r\n        labelHelp: 'Mit den Pfeiltasten durch den Kalender navigieren',\r\n      },\r\n      'ar-EG': {\r\n        labelPrevDecade: 'العقد السابق',\r\n        labelPrevYear: 'العام السابق',\r\n        labelPrevMonth: 'الشهر السابق',\r\n        labelCurrentMonth: 'الشهر الحالي',\r\n        labelNextMonth: 'الشهر المقبل',\r\n        labelNextYear: 'العام المقبل',\r\n        labelNextDecade: 'العقد القادم',\r\n        labelToday: 'اليوم',\r\n        labelSelected: 'التاريخ المحدد',\r\n        labelNoDateSelected: 'لم يتم اختيار تاريخ',\r\n        labelCalendar: 'التقويم',\r\n        labelNav: 'الملاحة التقويم',\r\n        labelHelp: 'استخدم مفاتيح المؤشر للتنقل في التواريخ',\r\n      },\r\n      zh: {\r\n        labelPrevDecade: '过去十年',\r\n        labelPrevYear: '上一年',\r\n        labelPrevMonth: '上个月',\r\n        labelCurrentMonth: '当前月份',\r\n        labelNextMonth: '下个月',\r\n        labelNextYear: '明年',\r\n        labelNextDecade: '下一个十年',\r\n        labelToday: '今天',\r\n        labelSelected: '选定日期',\r\n        labelNoDateSelected: '未选择日期',\r\n        labelCalendar: '日历',\r\n        labelNav: '日历导航',\r\n        labelHelp: '使用光标键浏览日期',\r\n      },\r\n    },\r\n  }),\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeOptional = `\r\n<template>\r\n  <div>\r\n    <label for=\"datepicker-buttons\">Date picker with optional footer buttons</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-buttons\"\r\n      today-button\r\n      reset-button\r\n      close-button\r\n      locale=\"en\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codePlaceholder = `\r\n<template>\r\n  <div>\r\n    <label for=\"datepicker-placeholder\">Date picker with placeholder</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-placeholder\"\r\n      placeholder=\"Choose a date\"\r\n      local=\"en\"\r\n      initial-date=\"2020-06-16\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeMinMax = `\r\n<template>\r\n  <div>\r\n    <b-form-datepicker\r\n      v-model=\"value\"\r\n      :min=\"min\"\r\n      :max=\"max\"\r\n      locale=\"en\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n  },\r\n  data() {\r\n    const now = new Date()\r\n    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())\r\n    // 15th two months prior\r\n    const minDate = new Date(today)\r\n    minDate.setMonth(minDate.getMonth() - 2)\r\n    minDate.setDate(15)\r\n    // 15th in two months\r\n    const maxDate = new Date(today)\r\n    maxDate.setMonth(maxDate.getMonth() + 2)\r\n    maxDate.setDate(15)\r\n\r\n    return {\r\n      value: '',\r\n      min: minDate,\r\n      max: maxDate,\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeSize = `\r\n<template>\r\n  <div>\r\n    <label for=\"datepicker-sm\">Small date picker</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-sm\"\r\n      size=\"sm\"\r\n      local=\"en\"\r\n      class=\"mb-2\"\r\n      today-variant=\"danger\"\r\n    />\r\n    <label for=\"datepicker-default\">Default date picker</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-default\"\r\n      local=\"en\"\r\n      class=\"mb-2\"\r\n      today-variant=\"danger\"\r\n    />\r\n    <label for=\"datepicker-lg\">Large date picker</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-lg\"\r\n      size=\"lg\"\r\n      local=\"en\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeState = `\r\n<template>\r\n   <div>\r\n    <b-form-group label=\"Select date picker interactive state\">\r\n      <b-form-radio-group\r\n        v-model=\"state\"\r\n        plain\r\n        class=\"vs-radio-con\"\r\n        aria-controls=\"ex-disabled-readonly\"\r\n      >\r\n        <b-form-radio value=\"disabled\">\r\n          <span class=\"vs-radio\">\r\n            <span class=\"vs-radio--border\" />\r\n            <span class=\"vs-radio--circle\" />\r\n          </span>\r\n          <span class=\"ml-2\">Disabled</span>\r\n        </b-form-radio>\r\n        <b-form-radio value=\"readonly\">\r\n          <span class=\"vs-radio\">\r\n            <span class=\"vs-radio--border\" />\r\n            <span class=\"vs-radio--circle\" />\r\n          </span>\r\n          <span class=\"ml-2\">Readonly</span>\r\n        </b-form-radio>\r\n        <b-form-radio value=\"normal\">\r\n          <span class=\"vs-radio\">\r\n            <span class=\"vs-radio--border\" />\r\n            <span class=\"vs-radio--circle\" />\r\n          </span>\r\n          <span class=\"ml-2\">Normal</span>\r\n        </b-form-radio>\r\n      </b-form-radio-group>\r\n    </b-form-group>\r\n    <b-form-datepicker\r\n      id=\"ex-disabled-readonly\"\r\n      :disabled=\"disabled\"\r\n      :readonly=\"readonly\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BFormDatepicker, BFormGroup, BFormRadio, BFormRadioGroup,\r\n} from 'bootstrap-vue'\r\n\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n    BFormGroup,\r\n    BFormRadio,\r\n    BFormRadioGroup,\r\n  },\r\n  data: () => ({\r\n    state: 'disabled',\r\n  }),\r\n  computed: {\r\n    disabled() {\r\n      return this.state === 'disabled'\r\n    },\r\n    readonly() {\r\n      return this.state === 'readonly'\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeString = `\r\n<template>\r\n  <div>\r\n    <label for=\"datepicker-dateformat1\">Custom date format</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-dateformat1\"\r\n      :date-format-options=\"{ year: 'numeric', month: 'short', day: '2-digit', weekday: 'short' }\"\r\n      locale=\"en\"\r\n    />\r\n\r\n    <label\r\n      class=\"mt-2\"\r\n      for=\"datepicker-dateformat2\"\r\n    >Short date format</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-dateformat2\"\r\n      :date-format-options=\"{ year: 'numeric', month: 'numeric', day: 'numeric' }\"\r\n      locale=\"en\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeValidation = `\r\n<template>\r\n  <div>\r\n    <label for=\"datepicker-invalid\">Choose a date (invalid style)</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-invalid\"\r\n      :state=\"false\"\r\n      class=\"mb-2\"\r\n    />\r\n    <label for=\"datepicker-valid\">Choose a date (valid style)</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-valid\"\r\n      :state=\"true\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeVariant = `\r\n<template>\r\n  <b-row>\r\n    <b-col md=\"4\">\r\n      <b-form-datepicker\r\n        local=\"en\"\r\n        placeholder=\"Primary Variant\"\r\n        class=\"mb-1\"\r\n        selected-variant=\"primary\"\r\n      />\r\n    </b-col>\r\n    <b-col md=\"4\">\r\n      <b-form-datepicker\r\n        local=\"en\"\r\n        placeholder=\"Secondary Variant\"\r\n        class=\"mb-1\"\r\n        selected-variant=\"secondary\"\r\n      />\r\n    </b-col>\r\n    <b-col md=\"4\">\r\n      <b-form-datepicker\r\n        local=\"en\"\r\n        placeholder=\"Success Variant\"\r\n        class=\"mb-1\"\r\n        selected-variant=\"success\"\r\n      />\r\n    </b-col>\r\n    <b-col md=\"4\">\r\n      <b-form-datepicker\r\n        local=\"en\"\r\n        placeholder=\"Warning Variant\"\r\n        class=\"mb-1\"\r\n        selected-variant=\"warning\"\r\n      />\r\n    </b-col>\r\n    <b-col md=\"4\">\r\n      <b-form-datepicker\r\n        local=\"en\"\r\n        placeholder=\"Danger Variant\"\r\n        class=\"mb-1\"\r\n        selected-variant=\"danger\"\r\n      />\r\n    </b-col>\r\n    <b-col md=\"4\">\r\n      <b-form-datepicker\r\n        local=\"en\"\r\n        placeholder=\"Info Variant\"\r\n        class=\"mb-1\"\r\n        selected-variant=\"info\"\r\n      />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker, BRow, BCol } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n    BRow,\r\n    BCol,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeFullWith = `\r\n<template>\r\n  <div>\r\n    <label for=\"datepicker-full-width\">Choose a date</label>\r\n      <b-form-datepicker\r\n        id=\"datepicker-full-width\"\r\n        v-model=\"value\"\r\n        menu-class=\"w-100\"\r\n        calendar-width=\"100%\"\r\n        class=\"mb-2\"\r\n      />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormDatepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormDatepicker,\r\n  },\r\n  data: () => ({\r\n    value: '',\r\n  }),\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code\r\n    title=\"Basic Datepicker\"\r\n  >\r\n    <b-card-text>\r\n      <code>&lt;b-form-datepicker&gt;</code>\r\n      <span>\r\n        is a BootstrapVue custom date picker input form control, which provides full WAI-ARIA compliance and\r\n        internationalization support.\r\n      </span>\r\n    </b-card-text>\r\n\r\n    <label for=\"example-datepicker\">Choose a date</label>\r\n    <b-form-datepicker\r\n      id=\"example-datepicker\"\r\n      v-model=\"value\"\r\n      class=\"mb-1\"\r\n    />\r\n    <span>Value: '{{ value }}'</span>\r\n\r\n    <template #code>\r\n      {{ codeBasic }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormDatepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeBasic } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      codeBasic,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerBasic.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerBasic.vue?vue&type=template&id=5c24977b&\"\nimport script from \"./FormDatepickerBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerBasic.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Disabled and readonly states\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeState)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('code',[_vm._v(\"Setting the \")]),_c('code',[_vm._v(\"disabled\")]),_c('span',[_vm._v(\" prop will remove all interactivity of the \")]),_c('code',[_vm._v(\"<b-form-datepicker>\")]),_c('span',[_vm._v(\" component. Setting the \")]),_c('code',[_vm._v(\"readonly\")]),_c('span',[_vm._v(\" prop will disable selecting a date.\")])]),_c('div',[_c('b-form-group',{attrs:{\"label\":\"Select date picker interactive state\"}},[_c('b-form-radio-group',{attrs:{\"aria-controls\":\"ex-disabled-readonly\"},model:{value:(_vm.state),callback:function ($$v) {_vm.state=$$v},expression:\"state\"}},[_c('b-form-radio',{attrs:{\"value\":\"disabled\"}},[_vm._v(\" Disabled \")]),_c('b-form-radio',{attrs:{\"value\":\"readonly\"}},[_vm._v(\" Readonly \")]),_c('b-form-radio',{attrs:{\"value\":\"normal\"}},[_vm._v(\" Normal \")])],1)],1),_c('b-form-datepicker',{attrs:{\"id\":\"ex-disabled-readonly\",\"disabled\":_vm.disabled,\"readonly\":_vm.readonly}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Disabled and readonly states\">\r\n    <b-card-text>\r\n      <code>Setting the </code>\r\n      <code>disabled</code>\r\n      <span> prop will remove all interactivity of the </span>\r\n      <code>&lt;b-form-datepicker&gt;</code>\r\n      <span> component. Setting the </span>\r\n      <code>readonly</code>\r\n      <span> prop will disable selecting a date.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-form-group label=\"Select date picker interactive state\">\r\n        <b-form-radio-group\r\n          v-model=\"state\"\r\n          aria-controls=\"ex-disabled-readonly\"\r\n        >\r\n          <b-form-radio value=\"disabled\">\r\n            Disabled\r\n          </b-form-radio>\r\n          <b-form-radio value=\"readonly\">\r\n            Readonly\r\n          </b-form-radio>\r\n          <b-form-radio value=\"normal\">\r\n            Normal\r\n          </b-form-radio>\r\n        </b-form-radio-group>\r\n      </b-form-group>\r\n\r\n      <!-- date picker -->\r\n      <b-form-datepicker\r\n        id=\"ex-disabled-readonly\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeState }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BFormDatepicker, BFormGroup, BFormRadio, BFormRadioGroup, BCardText,\r\n} from 'bootstrap-vue'\r\nimport { codeState } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n    BFormGroup,\r\n    BFormRadio,\r\n    BFormRadioGroup,\r\n  },\r\n  data() {\r\n    return {\r\n      state: 'disabled',\r\n      codeState,\r\n    }\r\n  },\r\n  computed: {\r\n    disabled() {\r\n      return this.state === 'disabled'\r\n    },\r\n    readonly() {\r\n      return this.state === 'readonly'\r\n    },\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerState.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerState.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerState.vue?vue&type=template&id=83dae0b6&\"\nimport script from \"./FormDatepickerState.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerState.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Minimum and maximum dates\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeMinMax)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Restrict the calendar range via the \")]),_c('code',[_vm._v(\"min\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"max\")]),_c('span',[_vm._v(\" props. The props accept a date string in the format of \")]),_c('code',[_vm._v(\"YYYY-MM-DD\")]),_c('span',[_vm._v(\" or a \")]),_c('code',[_vm._v(\"Date\")]),_c('span',[_vm._v(\" object.\")])]),_c('b-form-datepicker',{attrs:{\"min\":_vm.min,\"max\":_vm.max,\"locale\":\"en\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Minimum and maximum dates\">\r\n    <b-card-text>\r\n      <span>Restrict the calendar range via the </span>\r\n      <code>min</code>\r\n      <span> and </span>\r\n      <code>max</code>\r\n      <span> props. The props accept a date string in the format of </span>\r\n      <code>YYYY-MM-DD</code>\r\n      <span> or a </span>\r\n      <code>Date</code>\r\n      <span> object.</span>\r\n    </b-card-text>\r\n\r\n    <b-form-datepicker\r\n      v-model=\"value\"\r\n      :min=\"min\"\r\n      :max=\"max\"\r\n      locale=\"en\"\r\n    />\r\n\r\n    <template #code>\r\n      {{ codeMinMax }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormDatepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeMinMax } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n  },\r\n  data() {\r\n    const now = new Date()\r\n    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())\r\n\r\n    // 15th two months prior\r\n    const minDate = new Date(today)\r\n    minDate.setMonth(minDate.getMonth() - 2)\r\n    minDate.setDate(15)\r\n\r\n    // 15th in two months\r\n    const maxDate = new Date(today)\r\n    maxDate.setMonth(maxDate.getMonth() + 2)\r\n    maxDate.setDate(15)\r\n\r\n    return {\r\n      value: '',\r\n      min: minDate,\r\n      max: maxDate,\r\n      codeMinMax,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerMinMax.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerMinMax.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerMinMax.vue?vue&type=template&id=310e5d8e&\"\nimport script from \"./FormDatepickerMinMax.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerMinMax.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Disable dates\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeDisableDate)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"If you need to disable specific dates within the date picker, specify a function reference to the \")]),_c('code',[_vm._v(\"date-disabled-fn\")]),_c('span',[_vm._v(\" prop.\")])]),_c('b-form-datepicker',{attrs:{\"date-disabled-fn\":_vm.dateDisabled,\"locale\":\"en\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Disable dates\">\r\n    <b-card-text>\r\n      <span>If you need to disable specific dates within the date picker, specify a function reference to the </span>\r\n      <code>date-disabled-fn</code>\r\n      <span> prop.</span>\r\n    </b-card-text>\r\n\r\n    <b-form-datepicker\r\n      v-model=\"value\"\r\n      :date-disabled-fn=\"dateDisabled\"\r\n      locale=\"en\"\r\n    />\r\n\r\n    <template #code>\r\n      {{ codeDisableDate }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormDatepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeDisableDate } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      codeDisableDate,\r\n    }\r\n  },\r\n  methods: {\r\n    dateDisabled(ymd, date) {\r\n      // Disable weekends (Sunday = `0`, Saturday = `6`) and\r\n      // disable days that fall on the 13th of the month\r\n      const weekday = date.getDay()\r\n      const day = date.getDate()\r\n\r\n      // Return `true` if the date should be disabled\r\n      return weekday === 0 || weekday === 6 || day === 13\r\n    },\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerDisableDate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerDisableDate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerDisableDate.vue?vue&type=template&id=b005b730&\"\nimport script from \"./FormDatepickerDisableDate.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerDisableDate.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Validation states\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeValidation)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('code',[_vm._v(\"<b-form-datepicker>\")]),_c('span',[_vm._v(\" supports invalid and valid styling via the boolean \")]),_c('code',[_vm._v(\"state\")]),_c('span',[_vm._v(\" prop.\")])]),_c('div',[_c('label',{attrs:{\"for\":\"datepicker-invalid\"}},[_vm._v(\"Choose a date (invalid style)\")]),_c('b-form-datepicker',{staticClass:\"mb-2\",attrs:{\"id\":\"datepicker-invalid\",\"state\":false}}),_c('label',{attrs:{\"for\":\"datepicker-valid\"}},[_vm._v(\"Choose a date (valid style)\")]),_c('b-form-datepicker',{attrs:{\"id\":\"datepicker-valid\",\"state\":true}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Validation states\">\r\n    <b-card-text>\r\n      <code>&lt;b-form-datepicker&gt;</code>\r\n      <span> supports invalid and valid styling via the boolean </span>\r\n      <code>state</code>\r\n      <span> prop.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <label for=\"datepicker-invalid\">Choose a date (invalid style)</label>\r\n      <b-form-datepicker\r\n        id=\"datepicker-invalid\"\r\n        :state=\"false\"\r\n        class=\"mb-2\"\r\n      />\r\n      <label for=\"datepicker-valid\">Choose a date (valid style)</label>\r\n      <b-form-datepicker\r\n        id=\"datepicker-valid\"\r\n        :state=\"true\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeValidation }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormDatepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeValidation } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n  },\r\n  data() {\r\n    return {\r\n      codeValidation,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerValidation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerValidation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerValidation.vue?vue&type=template&id=6589a144&\"\nimport script from \"./FormDatepickerValidation.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerValidation.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Variants\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeVariant)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"The selected date button (background color) defaults to the \")]),_c('code',[_vm._v(\"'primary'\")]),_c('span',[_vm._v(\" theme variant. You can change this to any of the Bootstrap v4 theme variant colors: \")]),_c('code',[_vm._v(\"'secondary', 'success', 'danger', 'warning', 'info',\")]),_c('span',[_vm._v(\" etc, via the \")]),_c('code',[_vm._v(\"selected-variant\")]),_c('span',[_vm._v(\" prop.\")])]),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-datepicker',{staticClass:\"mb-1\",attrs:{\"local\":\"en\",\"placeholder\":\"Primary Variant\",\"selected-variant\":\"primary\"}})],1),_c('b-col',{attrs:{\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-datepicker',{staticClass:\"mb-1\",attrs:{\"local\":\"en\",\"placeholder\":\"Secondary Variant\",\"selected-variant\":\"secondary\"}})],1),_c('b-col',{attrs:{\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-datepicker',{staticClass:\"mb-1\",attrs:{\"local\":\"en\",\"placeholder\":\"Success Variant\",\"selected-variant\":\"success\"}})],1),_c('b-col',{attrs:{\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-datepicker',{staticClass:\"mb-1\",attrs:{\"local\":\"en\",\"placeholder\":\"Warning Variant\",\"selected-variant\":\"warning\"}})],1),_c('b-col',{attrs:{\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-datepicker',{staticClass:\"mb-1\",attrs:{\"local\":\"en\",\"placeholder\":\"Danger Variant\",\"selected-variant\":\"danger\"}})],1),_c('b-col',{attrs:{\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-datepicker',{staticClass:\"mb-1\",attrs:{\"local\":\"en\",\"placeholder\":\"Info Variant\",\"selected-variant\":\"info\"}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Variants\">\r\n    <b-card-text>\r\n      <span>The selected date button (background color) defaults to the </span>\r\n      <code>'primary'</code>\r\n      <span> theme variant. You can change this to any of the Bootstrap v4 theme variant colors: </span>\r\n      <code>'secondary', 'success', 'danger', 'warning', 'info',</code>\r\n      <span> etc, via the </span>\r\n      <code>selected-variant</code>\r\n      <span> prop.</span>\r\n    </b-card-text>\r\n\r\n    <b-row>\r\n      <b-col\r\n        md=\"6\"\r\n        lg=\"4\"\r\n      >\r\n        <b-form-datepicker\r\n          local=\"en\"\r\n          placeholder=\"Primary Variant\"\r\n          class=\"mb-1\"\r\n          selected-variant=\"primary\"\r\n        />\r\n      </b-col>\r\n      <b-col\r\n        md=\"6\"\r\n        lg=\"4\"\r\n      >\r\n        <b-form-datepicker\r\n          local=\"en\"\r\n          placeholder=\"Secondary Variant\"\r\n          class=\"mb-1\"\r\n          selected-variant=\"secondary\"\r\n        />\r\n      </b-col>\r\n      <b-col\r\n        md=\"6\"\r\n        lg=\"4\"\r\n      >\r\n        <b-form-datepicker\r\n          local=\"en\"\r\n          placeholder=\"Success Variant\"\r\n          class=\"mb-1\"\r\n          selected-variant=\"success\"\r\n        />\r\n      </b-col>\r\n      <b-col\r\n        md=\"6\"\r\n        lg=\"4\"\r\n      >\r\n        <b-form-datepicker\r\n          local=\"en\"\r\n          placeholder=\"Warning Variant\"\r\n          class=\"mb-1\"\r\n          selected-variant=\"warning\"\r\n        />\r\n      </b-col>\r\n      <b-col\r\n        md=\"6\"\r\n        lg=\"4\"\r\n      >\r\n        <b-form-datepicker\r\n          local=\"en\"\r\n          placeholder=\"Danger Variant\"\r\n          class=\"mb-1\"\r\n          selected-variant=\"danger\"\r\n        />\r\n      </b-col>\r\n      <b-col\r\n        md=\"6\"\r\n        lg=\"4\"\r\n      >\r\n        <b-form-datepicker\r\n          local=\"en\"\r\n          placeholder=\"Info Variant\"\r\n          class=\"mb-1\"\r\n          selected-variant=\"info\"\r\n        />\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <template #code>\r\n      {{ codeVariant }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BFormDatepicker, BRow, BCol, BCardText,\r\n} from 'bootstrap-vue'\r\nimport { codeVariant } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n    BRow,\r\n    BCol,\r\n  },\r\n  data() {\r\n    return {\r\n      codeVariant,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerVariant.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerVariant.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerVariant.vue?vue&type=template&id=f9a1ca60&\"\nimport script from \"./FormDatepickerVariant.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerVariant.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Control sizing\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeSize)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Fancy a smaller or larger \")]),_c('code',[_vm._v(\"<b-form-datepicker>\")]),_c('span',[_vm._v(\"control? Set the \")]),_c('code',[_vm._v(\"size\")]),_c('span',[_vm._v(\" prop to \")]),_c('code',[_vm._v(\"'sm'\")]),_c('span',[_vm._v(\" for a smaller form control, or \")]),_c('code',[_vm._v(\"'lg'\")]),_c('span',[_vm._v(\" for a larger form form control. Note this does not affect the size of the popup calendar dialog.\")])]),_c('div',[_c('label',{attrs:{\"for\":\"datepicker-sm\"}},[_vm._v(\"Small date picker\")]),_c('b-form-datepicker',{staticClass:\"mb-2\",attrs:{\"id\":\"datepicker-sm\",\"size\":\"sm\",\"local\":\"en\",\"today-variant\":\"danger\"}}),_c('label',{attrs:{\"for\":\"datepicker-default\"}},[_vm._v(\"Default date picker\")]),_c('b-form-datepicker',{staticClass:\"mb-2\",attrs:{\"id\":\"datepicker-default\",\"local\":\"en\",\"today-variant\":\"danger\"}}),_c('label',{attrs:{\"for\":\"datepicker-lg\"}},[_vm._v(\"Large date picker\")]),_c('b-form-datepicker',{attrs:{\"id\":\"datepicker-lg\",\"size\":\"lg\",\"local\":\"en\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Control sizing\">\r\n    <b-card-text>\r\n      <span>Fancy a smaller or larger </span>\r\n      <code>&lt;b-form-datepicker&gt;</code>\r\n      <span>control? Set the </span>\r\n      <code>size</code>\r\n      <span> prop to </span>\r\n      <code>'sm'</code>\r\n      <span> for a smaller form control, or </span>\r\n      <code>'lg'</code>\r\n      <span> for a larger form form control. Note this does not affect the size of the popup calendar dialog.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <label for=\"datepicker-sm\">Small date picker</label>\r\n      <b-form-datepicker\r\n        id=\"datepicker-sm\"\r\n        size=\"sm\"\r\n        local=\"en\"\r\n        class=\"mb-2\"\r\n        today-variant=\"danger\"\r\n      />\r\n      <label for=\"datepicker-default\">Default date picker</label>\r\n      <b-form-datepicker\r\n        id=\"datepicker-default\"\r\n        local=\"en\"\r\n        class=\"mb-2\"\r\n        today-variant=\"danger\"\r\n      />\r\n      <label for=\"datepicker-lg\">Large date picker</label>\r\n      <b-form-datepicker\r\n        id=\"datepicker-lg\"\r\n        size=\"lg\"\r\n        local=\"en\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeSize }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormDatepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeSize } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n  },\r\n  data() {\r\n    return {\r\n      codeSize,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerSize.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerSize.vue?vue&type=template&id=2df2fa66&\"\nimport script from \"./FormDatepickerSize.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerSize.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Placeholder & Initial Open Date\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codePlaceholder)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Add custom placeholder text to the control, when no date is selected, via the \")]),_c('code',[_vm._v(\"placeholder\")]),_c('span',[_vm._v(\" prop. \")]),_c('span',[_vm._v(\"You can change this behaviour by specifying a date via the \")]),_c('code',[_vm._v(\"initial-date\")]),_c('span',[_vm._v(\" prop.\")])]),_c('label',{attrs:{\"for\":\"datepicker-placeholder\"}},[_vm._v(\"Date picker with placeholder\")]),_c('b-form-datepicker',{attrs:{\"id\":\"datepicker-placeholder\",\"placeholder\":\"Choose a date\",\"local\":\"en\",\"initial-date\":\"2020-06-16\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Placeholder & Initial Open Date\">\r\n    <b-card-text>\r\n      <span>Add custom placeholder text to the control, when no date is selected, via the </span>\r\n      <code>placeholder</code>\r\n      <span> prop. </span>\r\n      <span>You can change this behaviour by specifying a date via the </span>\r\n      <code>initial-date</code>\r\n      <span> prop.</span>\r\n    </b-card-text>\r\n\r\n    <label for=\"datepicker-placeholder\">Date picker with placeholder</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-placeholder\"\r\n      placeholder=\"Choose a date\"\r\n      local=\"en\"\r\n      initial-date=\"2020-06-16\"\r\n    />\r\n\r\n    <template #code>\r\n      {{ codePlaceholder }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormDatepicker, BCardText } from 'bootstrap-vue'\r\nimport { codePlaceholder } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n  },\r\n  data() {\r\n    return {\r\n      codePlaceholder,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerPlaceholder.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerPlaceholder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerPlaceholder.vue?vue&type=template&id=0697d5fd&\"\nimport script from \"./FormDatepickerPlaceholder.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerPlaceholder.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Optional controls\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeOptional)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Add optional control buttons to the bottom of the calendar popup via the props \")]),_c('code',[_vm._v(\"today-button\")]),_c('span',[_vm._v(\",\")]),_c('code',[_vm._v(\"reset-button\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"close-button\")]),_c('span',[_vm._v(\".\")])]),_c('label',{attrs:{\"for\":\"datepicker-buttons\"}},[_vm._v(\"Date picker with optional footer buttons\")]),_c('b-form-datepicker',{attrs:{\"id\":\"datepicker-buttons\",\"today-button\":\"\",\"reset-button\":\"\",\"close-button\":\"\",\"locale\":\"en\",\"menu-class\":\"w-100\",\"calendar-width\":\"100%\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Optional controls\">\r\n    <b-card-text>\r\n      <span>Add optional control buttons to the bottom of the calendar popup via the props </span>\r\n      <code>today-button</code>\r\n      <span>,</span>\r\n      <code>reset-button</code>\r\n      <span> and </span>\r\n      <code>close-button</code>\r\n      <span>.</span>\r\n    </b-card-text>\r\n\r\n    <label for=\"datepicker-buttons\">Date picker with optional footer buttons</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-buttons\"\r\n      today-button\r\n      reset-button\r\n      close-button\r\n      locale=\"en\"\r\n      menu-class=\"w-100\"\r\n      calendar-width=\"100%\"\r\n    />\r\n\r\n    <template #code>\r\n      {{ codeOptional }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormDatepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeOptional } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n  },\r\n  data() {\r\n    return {\r\n      codeOptional,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerOptional.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerOptional.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerOptional.vue?vue&type=template&id=29d36cdc&\"\nimport script from \"./FormDatepickerOptional.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerOptional.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Button only mode\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeButtonOnly)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('code',[_vm._v(\"button-only\")]),_c('span',[_vm._v(\" prop to render the datepicker as a dropdown button. The formatted date label will be rendered with the class \")]),_c('code',[_vm._v(\"sr-only\")]),_c('span',[_vm._v(\" (available only to screen readers).\")])]),_c('label',{attrs:{\"for\":\"example-input\"}},[_vm._v(\"Choose a date\")]),_c('b-input-group',{staticClass:\"mb-1\"},[_c('b-form-input',{attrs:{\"id\":\"example-input\",\"type\":\"text\",\"placeholder\":\"YYYY-MM-DD\",\"autocomplete\":\"off\",\"show-decade-nav\":\"\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('b-input-group-append',[_c('b-form-datepicker',{attrs:{\"show-decade-nav\":\"\",\"button-only\":\"\",\"button-variant\":\"outline-primary\",\"right\":\"\",\"size\":\"sm\",\"locale\":\"en-US\",\"aria-controls\":\"example-input\"},on:{\"context\":_vm.onContext},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})],1)],1),_c('b-card-text',{staticClass:\"mb-1\"},[_vm._v(\" Value: '\"+_vm._s(_vm.value)+\"' \")]),_c('b-card-text',{staticClass:\"mb-1\"},[_vm._v(\" Selected: '\"+_vm._s(_vm.selected)+\"' \")]),_c('span',[_vm._v(\"Formatted: '\"+_vm._s(_vm.formatted)+\"'\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Button only mode\"\r\n  >\r\n    <b-card-text>\r\n      <code>button-only</code>\r\n      <span>\r\n        prop to render the datepicker as a dropdown button. The formatted date label will be rendered with the class\r\n      </span>\r\n      <code>sr-only</code>\r\n      <span> (available only to screen readers).</span>\r\n    </b-card-text>\r\n\r\n    <label for=\"example-input\">Choose a date</label>\r\n    <b-input-group class=\"mb-1\">\r\n      <b-form-input\r\n        id=\"example-input\"\r\n        v-model=\"value\"\r\n        type=\"text\"\r\n        placeholder=\"YYYY-MM-DD\"\r\n        autocomplete=\"off\"\r\n        show-decade-nav\r\n      />\r\n      <b-input-group-append>\r\n        <b-form-datepicker\r\n          v-model=\"value\"\r\n          show-decade-nav\r\n          button-only\r\n          button-variant=\"outline-primary\"\r\n          right\r\n          size=\"sm\"\r\n          locale=\"en-US\"\r\n          aria-controls=\"example-input\"\r\n          @context=\"onContext\"\r\n        />\r\n      </b-input-group-append>\r\n    </b-input-group>\r\n\r\n    <b-card-text class=\"mb-1\">\r\n      Value: '{{ value }}'\r\n    </b-card-text>\r\n    <b-card-text class=\"mb-1\">\r\n      Selected: '{{ selected }}'\r\n    </b-card-text>\r\n    <span>Formatted: '{{ formatted }}'</span>\r\n\r\n    <template #code>\r\n      {{ codeButtonOnly }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BFormDatepicker, BInputGroup, BInputGroupAppend, BFormInput, BCardText,\r\n} from 'bootstrap-vue'\r\nimport { codeButtonOnly } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n    BInputGroup,\r\n    BInputGroupAppend,\r\n    BFormInput,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      formatted: '',\r\n      selected: '',\r\n      codeButtonOnly,\r\n    }\r\n  },\r\n  methods: {\r\n    onContext(ctx) {\r\n      // The date formatted in the locale, or the `label-no-date-selected` string\r\n      this.formatted = ctx.selectedFormatted\r\n      // The following will be an empty string until a valid date is entered\r\n      this.selected = ctx.selectedYMD\r\n    },\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerButtonOnly.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerButtonOnly.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerButtonOnly.vue?vue&type=template&id=d76bc776&\"\nimport script from \"./FormDatepickerButtonOnly.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerButtonOnly.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Date string format\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeString)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"To change format options of the displayed date text inside the component, e.g. in the header or placeholder, set the \")]),_c('code',[_vm._v(\"date-format-options\")]),_c('span',[_vm._v(\" prop to an object containing the requested format properties for the\")]),_c('code',[_vm._v(\"Intl.DateTimeFormat\")]),_c('span',[_vm._v(\" object.\")])]),_c('div',[_c('label',{attrs:{\"for\":\"datepicker-dateformat1\"}},[_vm._v(\"Custom date format\")]),_c('b-form-datepicker',{attrs:{\"id\":\"datepicker-dateformat1\",\"date-format-options\":{ year: 'numeric', month: 'short', day: '2-digit', weekday: 'short' },\"locale\":\"en\"}}),_c('label',{staticClass:\"mt-2\",attrs:{\"for\":\"datepicker-dateformat2\"}},[_vm._v(\"Short date format\")]),_c('b-form-datepicker',{attrs:{\"id\":\"datepicker-dateformat2\",\"date-format-options\":{ year: 'numeric', month: 'numeric', day: 'numeric' },\"locale\":\"en\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Date string format\">\r\n    <b-card-text>\r\n      <span>To change format options of the displayed date text inside the component, e.g. in the header or placeholder,\r\n        set the\r\n      </span>\r\n      <code>date-format-options</code>\r\n      <span> prop to an object containing the requested format properties for the</span>\r\n      <code>Intl.DateTimeFormat</code>\r\n      <span> object.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <label for=\"datepicker-dateformat1\">Custom date format</label>\r\n      <b-form-datepicker\r\n        id=\"datepicker-dateformat1\"\r\n        :date-format-options=\"{ year: 'numeric', month: 'short', day: '2-digit', weekday: 'short' }\"\r\n        locale=\"en\"\r\n      />\r\n\r\n      <label\r\n        class=\"mt-2\"\r\n        for=\"datepicker-dateformat2\"\r\n      >Short date format</label>\r\n      <b-form-datepicker\r\n        id=\"datepicker-dateformat2\"\r\n        :date-format-options=\"{ year: 'numeric', month: 'numeric', day: 'numeric' }\"\r\n        locale=\"en\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeString }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormDatepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeString } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n  },\r\n  data() {\r\n    return {\r\n      codeString,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerString.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerString.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerString.vue?vue&type=template&id=1c5a2e85&\"\nimport script from \"./FormDatepickerString.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerString.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Full width calendar dropdown\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeFullWith)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"To create a full width calendar dropdown simply set the \")]),_c('code',[_vm._v(\"menu-class\")]),_c('span',[_vm._v(\" prop to \")]),_c('code',[_vm._v(\"'w-100'\")]),_c('span',[_vm._v(\" and set the calendar-width prop to '100%':\")])]),_c('label',{attrs:{\"for\":\"datepicker-full-width\"}},[_vm._v(\"Choose a date\")]),_c('b-form-datepicker',{attrs:{\"id\":\"datepicker-full-width\",\"menu-class\":\"w-100\",\"calendar-width\":\"100%\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Full width calendar dropdown\">\r\n    <b-card-text>\r\n      <span>To create a full width calendar dropdown simply set the </span>\r\n      <code>menu-class</code>\r\n      <span> prop to </span>\r\n      <code>'w-100'</code>\r\n      <span> and set the calendar-width prop to '100%':</span>\r\n    </b-card-text>\r\n\r\n    <label for=\"datepicker-full-width\">Choose a date</label>\r\n    <b-form-datepicker\r\n      id=\"datepicker-full-width\"\r\n      v-model=\"value\"\r\n      menu-class=\"w-100\"\r\n      calendar-width=\"100%\"\r\n    />\r\n\r\n    <template #code>\r\n      {{ codeFullWith }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormDatepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeFullWith } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormDatepicker,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      codeFullWith,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerFullWidth.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerFullWidth.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerFullWidth.vue?vue&type=template&id=607b0cac&\"\nimport script from \"./FormDatepickerFullWidth.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerFullWidth.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Internationalization\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeInternationalization)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"By default \")]),_c('code',[_vm._v(\"<b-form-datepicker>\")]),_c('span',[_vm._v(\" will use the browser's default locale, but you can specify the locale (or locales) to use via the \")]),_c('code',[_vm._v(\"locale\")]),_c('span',[_vm._v(\"prop.\")])]),_c('div',[_c('label',{attrs:{\"for\":\"example-locales\"}},[_vm._v(\"Locale:\")]),_c('b-form-select',{staticClass:\"mb-1\",attrs:{\"id\":\"example-locales\",\"options\":_vm.locales},model:{value:(_vm.locale),callback:function ($$v) {_vm.locale=$$v},expression:\"locale\"}}),_c('label',{attrs:{\"for\":\"example-weekdays\"}},[_vm._v(\"Start weekday:\")]),_c('b-form-select',{staticClass:\"mb-1\",attrs:{\"id\":\"example-weekdays\",\"options\":_vm.weekdays},model:{value:(_vm.weekday),callback:function ($$v) {_vm.weekday=$$v},expression:\"weekday\"}}),_c('div',[_c('b-form-checkbox',{staticClass:\"my-1\",attrs:{\"switch\":\"\",\"inline\":\"\"},model:{value:(_vm.showDecadeNav),callback:function ($$v) {_vm.showDecadeNav=$$v},expression:\"showDecadeNav\"}},[_vm._v(\" Show decade navigation buttons \")]),_c('b-form-checkbox',{staticClass:\"my-1\",attrs:{\"switch\":\"\",\"inline\":\"\"},model:{value:(_vm.hideHeader),callback:function ($$v) {_vm.hideHeader=$$v},expression:\"hideHeader\"}},[_vm._v(\" Hide calendar header \")])],1),_c('label',{attrs:{\"for\":\"example-i18n-picker\"}},[_vm._v(\"Date picker:\")]),_c('b-form-datepicker',_vm._b({staticClass:\"mb-1\",attrs:{\"id\":\"example-i18n-picker\",\"locale\":_vm.locale,\"start-weekday\":_vm.weekday,\"show-decade-nav\":_vm.showDecadeNav,\"hide-header\":_vm.hideHeader},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},'b-form-datepicker',_vm.labels[_vm.locale] || {},false))],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Internationalization\">\r\n    <b-card-text>\r\n      <span>By default </span>\r\n      <code>&lt;b-form-datepicker&gt;</code>\r\n      <span> will use the browser's default locale, but you can specify the locale (or locales) to use via the </span>\r\n      <code>locale</code>\r\n      <span>prop.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <!-- select locale -->\r\n      <label for=\"example-locales\">Locale:</label>\r\n      <b-form-select\r\n        id=\"example-locales\"\r\n        v-model=\"locale\"\r\n        :options=\"locales\"\r\n        class=\"mb-1\"\r\n      />\r\n\r\n      <!-- start weekday -->\r\n      <label for=\"example-weekdays\">Start weekday:</label>\r\n      <b-form-select\r\n        id=\"example-weekdays\"\r\n        v-model=\"weekday\"\r\n        :options=\"weekdays\"\r\n        class=\"mb-1\"\r\n      />\r\n\r\n      <!-- Show decade navigation -->\r\n      <div>\r\n        <b-form-checkbox\r\n          v-model=\"showDecadeNav\"\r\n          switch\r\n          inline\r\n          class=\"my-1\"\r\n        >\r\n          Show decade navigation buttons\r\n        </b-form-checkbox>\r\n\r\n        <!-- Hide calendar header -->\r\n        <b-form-checkbox\r\n          v-model=\"hideHeader\"\r\n          switch\r\n          inline\r\n          class=\"my-1\"\r\n        >\r\n          Hide calendar header\r\n        </b-form-checkbox>\r\n      </div>\r\n\r\n      <!-- datapicker -->\r\n      <label for=\"example-i18n-picker\">Date picker:</label>\r\n      <b-form-datepicker\r\n        id=\"example-i18n-picker\"\r\n        v-model=\"value\"\r\n        v-bind=\"labels[locale] || {}\"\r\n        :locale=\"locale\"\r\n        :start-weekday=\"weekday\"\r\n        :show-decade-nav=\"showDecadeNav\"\r\n        :hide-header=\"hideHeader\"\r\n        class=\"mb-1\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeInternationalization }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BFormDatepicker, BFormSelect, BFormCheckbox, BCardText,\r\n} from 'bootstrap-vue'\r\nimport { codeInternationalization } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormDatepicker,\r\n    BFormSelect,\r\n    BCardText,\r\n    BFormCheckbox,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      locale: 'en-US',\r\n      showDecadeNav: false,\r\n      hideHeader: false,\r\n      codeInternationalization,\r\n      locales: [\r\n        { value: 'en-US', text: 'English US (en-US)' },\r\n        { value: 'de', text: 'German (de)' },\r\n        { value: 'ar-EG', text: 'Arabic Egyptian (ar-EG)' },\r\n        { value: 'zh', text: 'Chinese (zh)' },\r\n      ],\r\n      weekday: 0,\r\n      weekdays: [\r\n        { value: 0, text: 'Sunday' },\r\n        { value: 1, text: 'Monday' },\r\n        { value: 6, text: 'Saturday' },\r\n      ],\r\n      labels: {\r\n        de: {\r\n          labelPrevDecade: 'Vorheriges Jahrzehnt',\r\n          labelPrevYear: 'Vorheriges Jahr',\r\n          labelPrevMonth: 'Vorheriger Monat',\r\n          labelCurrentMonth: 'Aktueller Monat',\r\n          labelNextMonth: 'Nächster Monat',\r\n          labelNextYear: 'Nächstes Jahr',\r\n          labelNextDecade: 'Nächstes Jahrzehnt',\r\n          labelToday: 'Heute',\r\n          labelSelected: 'Ausgewähltes Datum',\r\n          labelNoDateSelected: 'Kein Datum gewählt',\r\n          labelCalendar: 'Kalender',\r\n          labelNav: 'Kalendernavigation',\r\n          labelHelp: 'Mit den Pfeiltasten durch den Kalender navigieren',\r\n        },\r\n        'ar-EG': {\r\n          labelPrevDecade: 'العقد السابق',\r\n          labelPrevYear: 'العام السابق',\r\n          labelPrevMonth: 'الشهر السابق',\r\n          labelCurrentMonth: 'الشهر الحالي',\r\n          labelNextMonth: 'الشهر المقبل',\r\n          labelNextYear: 'العام المقبل',\r\n          labelNextDecade: 'العقد القادم',\r\n          labelToday: 'اليوم',\r\n          labelSelected: 'التاريخ المحدد',\r\n          labelNoDateSelected: 'لم يتم اختيار تاريخ',\r\n          labelCalendar: 'التقويم',\r\n          labelNav: 'الملاحة التقويم',\r\n          labelHelp: 'استخدم مفاتيح المؤشر للتنقل في التواريخ',\r\n        },\r\n        zh: {\r\n          labelPrevDecade: '过去十年',\r\n          labelPrevYear: '上一年',\r\n          labelPrevMonth: '上个月',\r\n          labelCurrentMonth: '当前月份',\r\n          labelNextMonth: '下个月',\r\n          labelNextYear: '明年',\r\n          labelNextDecade: '下一个十年',\r\n          labelToday: '今天',\r\n          labelSelected: '选定日期',\r\n          labelNoDateSelected: '未选择日期',\r\n          labelCalendar: '日历',\r\n          labelNav: '日历导航',\r\n          labelHelp: '使用光标键浏览日期',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerInternationalization.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepickerInternationalization.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepickerInternationalization.vue?vue&type=template&id=2fd2faca&\"\nimport script from \"./FormDatepickerInternationalization.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepickerInternationalization.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <b-row class=\"match-height\">\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-basic />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-placeholder />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-min-max />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-disable-date />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-validation />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-state />\r\n    </b-col>\r\n    <b-col lg=\"12\">\r\n      <form-datepicker-variant />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-button-only />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-string />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-full-width />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-optional />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-size />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-datepicker-internationalization />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\n\r\nimport FormDatepickerBasic from './FormDatepickerBasic.vue'\r\nimport FormDatepickerState from './FormDatepickerState.vue'\r\nimport FormDatepickerMinMax from './FormDatepickerMinMax.vue'\r\nimport FormDatepickerDisableDate from './FormDatepickerDisableDate.vue'\r\nimport FormDatepickerValidation from './FormDatepickerValidation.vue'\r\nimport FormDatepickerVariant from './FormDatepickerVariant.vue'\r\nimport FormDatepickerSize from './FormDatepickerSize.vue'\r\nimport FormDatepickerPlaceholder from './FormDatepickerPlaceholder.vue'\r\nimport FormDatepickerOptional from './FormDatepickerOptional.vue'\r\nimport FormDatepickerButtonOnly from './FormDatepickerButtonOnly.vue'\r\nimport FormDatepickerString from './FormDatepickerString.vue'\r\nimport FormDatepickerFullWidth from './FormDatepickerFullWidth.vue'\r\nimport FormDatepickerInternationalization from './FormDatepickerInternationalization.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    FormDatepickerBasic,\r\n    FormDatepickerState,\r\n    FormDatepickerMinMax,\r\n    FormDatepickerDisableDate,\r\n    FormDatepickerValidation,\r\n    FormDatepickerVariant,\r\n    FormDatepickerSize,\r\n    FormDatepickerPlaceholder,\r\n    FormDatepickerOptional,\r\n    FormDatepickerButtonOnly,\r\n    FormDatepickerString,\r\n    FormDatepickerFullWidth,\r\n    FormDatepickerInternationalization,\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepicker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDatepicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDatepicker.vue?vue&type=template&id=2f44d59d&\"\nimport script from \"./FormDatepicker.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDatepicker.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}