{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepicker.vue?2e33","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerBasic.vue?ca99","webpack:///./src/views/forms/form-element/form-timepicker/code.js","webpack:///src/views/forms/form-element/form-timepicker/FormTimepickerBasic.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerBasic.vue?de9e","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerBasic.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerState.vue?8893","webpack:///src/views/forms/form-element/form-timepicker/FormTimepickerState.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerState.vue?e329","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerState.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerValidation.vue?44cd","webpack:///src/views/forms/form-element/form-timepicker/FormTimepickerValidation.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerValidation.vue?ad88","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerValidation.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerSecond.vue?498e","webpack:///src/views/forms/form-element/form-timepicker/FormTimepickerSecond.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerSecond.vue?9c69","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerSecond.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerSize.vue?6841","webpack:///src/views/forms/form-element/form-timepicker/FormTimepickerSize.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerSize.vue?2513","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerSize.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerPlaceholder.vue?e39f","webpack:///src/views/forms/form-element/form-timepicker/FormTimepickerPlaceholder.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerPlaceholder.vue?5c65","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerPlaceholder.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerOptional.vue?9b6a","webpack:///src/views/forms/form-element/form-timepicker/FormTimepickerOptional.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerOptional.vue?8307","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerOptional.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerButtonOnly.vue?ded4","webpack:///src/views/forms/form-element/form-timepicker/FormTimepickerButtonOnly.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerButtonOnly.vue?d770","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerButtonOnly.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerInternationalization.vue?792e","webpack:///src/views/forms/form-element/form-timepicker/FormTimepickerInternationalization.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerInternationalization.vue?0275","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepickerInternationalization.vue","webpack:///src/views/forms/form-element/form-timepicker/FormTimepicker.vue","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepicker.vue?7dc5","webpack:///./src/views/forms/form-element/form-timepicker/FormTimepicker.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","codeInternationalization","codeOptional","codePlaceholder","codeSecond","codeSize","codeState","codeValidation","components","BFormTimepicker","BCardText","data","component","state","disabled","readonly","BFormGroup","BFormRadioGroup","BFormRadio","computed","selectedTime","length","BInputGroup","BFormInput","BInputGroupAppend","locales","locale","_b","on","onContext","labels","context","BRow","BCol","BFormSelect","text","de","labelHours","labelMinutes","labelSeconds","labelIncrement","labelDecrement","labelSelected","labelNoTimeSelected","labelCloseButton","labelAmpm","labelAm","labelPm","zh","methods","ctx","FormTimepickerBasic","FormTimepickerState","FormTimepickerValidation","FormTimepickerSecond","FormTimepickerSize","FormTimepickerPlaceholder","FormTimepickerOptional","FormTimepickerButtonOnly","FormTimepickerInternationalization"],"mappings":"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","file":"js/chunk-cdac7b02.aca26ec2.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-timepicker-basic')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-timepicker-second')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-timepicker-state')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-timepicker-validation')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-timepicker-size')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-timepicker-button-only')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-timepicker-placeholder')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-timepicker-optional')],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('form-timepicker-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 Timepicker\"},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-timepicker>\")]),_c('span',[_vm._v(\" is a BootstrapVue custom time picker input form control, which provides full WAI-ARIA compliance and internationalization support. \")])]),_c('b-form-timepicker',{attrs:{\"locale\":\"en\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('b-card-text',{staticClass:\"mt-2 mb-0\"},[_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    <b-form-timepicker v-model='value' locale='en' />\r\n    <div class='mt-2'>Value: '{{ value }}'</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AppCard from '@core/components/app-card/AppCard.vue'\r\nimport { BFormTimepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    AppCard,\r\n    BFormTimepicker,\r\n  },\r\n  data: () => ({\r\n    value: '',\r\n  }),\r\n}\r\n</script>\r\n`\r\nexport const codeButtonOnly = `\r\n<template>\r\n  <div>\r\n    <label for='example-input'>Choose a time</label>\r\n    <b-input-group class='mb-1'>\r\n      <b-form-input id='example-input' v-model='value' type='text' placeholder='HH:mm:ss' />\r\n      <b-input-group-append>\r\n        <b-form-timepicker v-model='value' button-only right show-seconds locale='en' aria-controls='example-input' />\r\n      </b-input-group-append>\r\n    </b-input-group>\r\n    <p>Value: '{{ value }}'</p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AppCard from '@core/components/app-card/AppCard.vue'\r\nimport {\r\n  BFormTimepicker, BInputGroup, BFormInput, BInputGroupAppend,\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    AppCard,\r\n    BFormTimepicker,\r\n    BInputGroup,\r\n    BFormInput,\r\n    BInputGroupAppend,\r\n  },\r\n  data: () => ({\r\n    value: '',\r\n  }),\r\n}\r\n</script>\r\n`\r\nexport const codeInternationalization = `\r\n<template>\r\n  <b-row>\r\n    <b-col\r\n      cols=\"12\"\r\n      class=\"mb-3\"\r\n    >\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      />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <b-form-timepicker\r\n        v-model=\"value\"\r\n        v-bind=\"labels[locale] || {}\"\r\n        :locale=\"locale\"\r\n        show-seconds\r\n        @context=\"onContext\"\r\n      />\r\n    </b-col>\r\n    <b-col>\r\n      <p>\r\n        Value: <b>'{{ value }}'</b>\r\n      </p>\r\n      <p class=\"mb-0\">\r\n        Context:\r\n      </p>\r\n      <pre class=\"small\">{{ context }}</pre>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport AppCard from '@core/components/app-card/AppCard.vue'\r\nimport {\r\n  BFormTimepicker, BRow, BCol, BFormSelect,\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    AppCard,\r\n    BFormTimepicker,\r\n    BRow,\r\n    BCol,\r\n    BFormSelect,\r\n  },\r\n  data: () => ({\r\n    value: '',\r\n    context: null,\r\n    locale: 'en-US',\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    labels: {\r\n      de: {\r\n        labelHours: 'Stunden',\r\n        labelMinutes: 'Minuten',\r\n        labelSeconds: 'Sekunden',\r\n        labelIncrement: 'Erhöhen',\r\n        labelDecrement: 'Verringern',\r\n        labelSelected: 'Ausgewählte Zeit',\r\n        labelNoTimeSelected: 'Keine Zeit ausgewählt',\r\n        labelCloseButton: 'Schließen',\r\n      },\r\n      'ar-EG': {\r\n        labelHours: 'ساعات',\r\n        labelMinutes: 'الدقائق',\r\n        labelSeconds: 'ثواني',\r\n        labelAmpm: 'صباحا مساء',\r\n        labelAm: 'ص',\r\n        labelPm: 'م',\r\n        labelIncrement: 'زيادة',\r\n        labelDecrement: 'إنقاص',\r\n        labelSelected: 'الوقت المحدد',\r\n        labelNoTimeSelected: 'لا وقت المختار',\r\n        labelCloseButton: 'قريب',\r\n      },\r\n      zh: {\r\n        labelHours: '小时',\r\n        labelMinutes: '分钟',\r\n        labelSeconds: '秒',\r\n        labelAmpm: '上午下午',\r\n        labelAm: '上午',\r\n        labelPm: '下午',\r\n        labelIncrement: '增量',\r\n        labelDecrement: '减量',\r\n        labelSelected: '选定时间',\r\n        labelNoTimeSelected: '没有选择时间',\r\n        labelCloseButton: '关',\r\n      },\r\n    },\r\n  }),\r\n  methods: {\r\n    onContext(ctx) {\r\n      this.context = ctx\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\nexport const codeOptional = `\r\n<template>\r\n  <div>\r\n    <label for=\"timepicker-buttons\">Time picker with optional footer buttons</label>\r\n    <b-form-timepicker\r\n      id=\"timepicker-buttons\"\r\n      now-button\r\n      reset-button\r\n      locale=\"en\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AppCard from '@core/components/app-card/AppCard.vue'\r\nimport { BFormTimepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    AppCard,\r\n    BFormTimepicker,\r\n  },\r\n}\r\n</script>\r\n`\r\nexport const codePlaceholder = `\r\n<template>\r\n  <div>\r\n    <label for=\"timepicker-placeholder\">Time picker with placeholder</label>\r\n    <b-form-timepicker\r\n      id=\"timepicker-placeholder\"\r\n      placeholder=\"Choose a time\"\r\n      local=\"en\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AppCard from '@core/components/app-card/AppCard.vue'\r\nimport { BFormTimepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    AppCard,\r\n    BFormTimepicker,\r\n  },\r\n}\r\n</script>\r\n`\r\nexport const codeSecond = `\r\n<template>\r\n  <div>\r\n    <b-form-timepicker\r\n      v-model=\"value\"\r\n      show-seconds\r\n      locale=\"en\"\r\n    />\r\n    <div class=\"mt-2\">\r\n      Value: '{{ value }}'\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AppCard from '@core/components/app-card/AppCard.vue'\r\nimport { BFormTimepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    AppCard,\r\n    BFormTimepicker,\r\n  },\r\n  data: () => ({\r\n    value: '',\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=\"timepicker-sm\">Small time picker</label>\r\n    <b-form-timepicker\r\n      id=\"timepicker-sm\"\r\n      size=\"sm\"\r\n      local=\"en\"\r\n      class=\"mb-2\"\r\n    />\r\n\r\n    <label for=\"timepicker-lg\">Large time picker</label>\r\n    <b-form-timepicker\r\n      id=\"timepicker-lg\"\r\n      size=\"lg\"\r\n      local=\"en\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AppCard from '@core/components/app-card/AppCard.vue'\r\nimport { BFormTimepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    AppCard,\r\n    BFormTimepicker,\r\n  },\r\n}\r\n</script>\r\n`\r\nexport const codeState = `\r\n<template>\r\n  <div>\r\n    <b-form-group label=\"Select time 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\r\n          value=\"disabled\"\r\n        >\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=\"vs-label\">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=\"vs-label\">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=\"vs-label\">Normal</span>\r\n        </b-form-radio>\r\n      </b-form-radio-group>\r\n    </b-form-group>\r\n    <b-form-timepicker\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 AppCard from '@core/components/app-card/AppCard.vue'\r\nimport {\r\n  BFormTimepicker, BFormGroup, BFormRadioGroup, BFormRadio,\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    AppCard,\r\n    BFormTimepicker,\r\n    BFormGroup,\r\n    BFormRadioGroup,\r\n    BFormRadio,\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\nexport const codeValidation = `\r\n<template>\r\n  <div>\r\n    <label for=\"timepicker-invalid\">Choose a time (invalid style)</label>\r\n    <b-form-timepicker\r\n      id=\"datepicker-invalid\"\r\n      :state=\"false\"\r\n      class=\"mb-2\"\r\n    />\r\n\r\n    <label for=\"timepicker-valid\">Choose a time (valid style)</label>\r\n    <b-form-timepicker\r\n      id=\"datepicker-valid\"\r\n      :state=\"true\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AppCard from '@core/components/app-card/AppCard.vue'\r\nimport { BFormTimepicker } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    AppCard,\r\n    BFormTimepicker,\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code\r\n    title=\"Basic Timepicker\"\r\n  >\r\n    <b-card-text>\r\n      <code>&lt;b-form-timepicker&gt;</code>\r\n      <span>\r\n        is a BootstrapVue custom time 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    <b-form-timepicker\r\n      v-model=\"value\"\r\n      locale=\"en\"\r\n    />\r\n    <b-card-text class=\"mt-2 mb-0\">\r\n      Value: '{{ value }}'\r\n    </b-card-text>\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 { BFormTimepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeBasic } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTimepicker,\r\n    BCardText,\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!./FormTimepickerBasic.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!./FormTimepickerBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTimepickerBasic.vue?vue&type=template&id=21247ec5&\"\nimport script from \"./FormTimepickerBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTimepickerBasic.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('span',[_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-timepicker>\")]),_c('span',[_vm._v(\" component.\")])]),_c('b-card-text',[_c('span',[_vm._v(\"Setting the \")]),_c('code',[_vm._v(\"readonly\")]),_c('span',[_vm._v(\" prop will disable selecting a time, but will keep the component interactive, allowing for tabbing between spinbuttons. The \")]),_c('code',[_vm._v(\"v-model\")]),_c('span',[_vm._v(\" will not be updated in the readonly state.\")])]),_c('div',[_c('b-form-group',{attrs:{\"label\":\"Select time 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-timepicker',{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\r\n    title=\"Disabled and readonly states\"\r\n  >\r\n    <b-card-text>\r\n      <span>Setting the </span>\r\n      <code>disabled</code>\r\n      <span> prop will remove all interactivity of the </span>\r\n      <code>&lt;b-form-timepicker&gt;</code>\r\n      <span> component.</span>\r\n    </b-card-text>\r\n\r\n    <b-card-text>\r\n      <span>Setting the </span>\r\n      <code>readonly</code>\r\n      <span>\r\n        prop will disable selecting a time, but will keep the component interactive, allowing for tabbing between\r\n        spinbuttons. The\r\n      </span>\r\n      <code>v-model</code>\r\n      <span> will not be updated in the readonly state.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-form-group label=\"Select time 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      <b-form-timepicker\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  BFormTimepicker, BFormGroup, BFormRadioGroup, BFormRadio, BCardText,\r\n} from 'bootstrap-vue'\r\nimport { codeState } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTimepicker,\r\n    BFormGroup,\r\n    BFormRadioGroup,\r\n    BFormRadio,\r\n    BCardText,\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!./FormTimepickerState.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!./FormTimepickerState.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTimepickerState.vue?vue&type=template&id=43ac86ae&\"\nimport script from \"./FormTimepickerState.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTimepickerState.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-timepicker>\")]),_c('span',[_vm._v(\" supports invalid and valid styling via the boolean \")]),_c('code',[_vm._v(\"state\")]),_c('span',[_vm._v(\" prop. Setting \")]),_c('code',[_vm._v(\"state\")]),_c('span',[_vm._v(\" to boolean \")]),_c('code',[_vm._v(\"false\")]),_c('span',[_vm._v(\" will style the input as invalid, while setting it to boolean \")]),_c('code',[_vm._v(\"true\")]),_c('span',[_vm._v(\" will style it as valid. Setting state to \")]),_c('code',[_vm._v(\"null\")]),_c('span',[_vm._v(\" will not show any validation state styling (the default).\")])]),_c('label',{attrs:{\"for\":\"timepicker-invalid\"}},[_vm._v(\"Choose a time (invalid style)\")]),_c('b-form-timepicker',{staticClass:\"mb-2\",attrs:{\"id\":\"datepicker-invalid\",\"state\":_vm.selectedTime.length > 0? true: false},model:{value:(_vm.selectedTime),callback:function ($$v) {_vm.selectedTime=$$v},expression:\"selectedTime\"}}),_c('label',{attrs:{\"for\":\"timepicker-valid\"}},[_vm._v(\"Choose a time (valid style)\")]),_c('b-form-timepicker',{attrs:{\"id\":\"datepicker-valid\",\"state\":true}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Validation states\"\r\n  >\r\n    <b-card-text>\r\n      <code>&lt;b-form-timepicker&gt;</code>\r\n      <span> supports invalid and valid styling via the boolean </span>\r\n      <code>state</code>\r\n      <span> prop. Setting </span>\r\n      <code>state</code>\r\n      <span> to boolean </span>\r\n      <code>false</code>\r\n      <span> will style the input as invalid, while setting it to boolean </span>\r\n      <code>true</code>\r\n      <span> will style it as valid. Setting state to </span>\r\n      <code>null</code>\r\n      <span> will not show any validation state styling (the default).</span>\r\n    </b-card-text>\r\n\r\n    <label for=\"timepicker-invalid\">Choose a time (invalid style)</label>\r\n    <b-form-timepicker\r\n      id=\"datepicker-invalid\"\r\n      v-model=\"selectedTime\"\r\n      :state=\"selectedTime.length > 0? true: false \"\r\n      class=\"mb-2\"\r\n    />\r\n\r\n    <label for=\"timepicker-valid\">Choose a time (valid style)</label>\r\n    <b-form-timepicker\r\n      id=\"datepicker-valid\"\r\n      :state=\"true\"\r\n    />\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 { BFormTimepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeValidation } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTimepicker,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      selectedTime: '',\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!./FormTimepickerValidation.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!./FormTimepickerValidation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTimepickerValidation.vue?vue&type=template&id=4535158f&\"\nimport script from \"./FormTimepickerValidation.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTimepickerValidation.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\":\"Enabling of seconds spinbutton\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeSecond)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"To enable the section of seconds,set the \")]),_c('code',[_vm._v(\"show-seconds\")]),_c('span',[_vm._v(\" prop to \")]),_c('code',[_vm._v(\"true\")]),_c('span',[_vm._v(\" to enable the seconds selection spinbutton.\")])]),_c('b-form-timepicker',{attrs:{\"show-seconds\":\"\",\"locale\":\"en\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('b-card-text',{staticClass:\"mt-2 mb-0\"},[_vm._v(\" Value: '\"+_vm._s(_vm.value)+\"' \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Enabling of seconds spinbutton\"\r\n  >\r\n    <b-card-text>\r\n      <span>To enable the section of seconds,set the </span>\r\n      <code>show-seconds</code>\r\n      <span> prop to </span>\r\n      <code>true</code>\r\n      <span> to enable the seconds selection spinbutton.</span>\r\n    </b-card-text>\r\n\r\n    <b-form-timepicker\r\n      v-model=\"value\"\r\n      show-seconds\r\n      locale=\"en\"\r\n    />\r\n    <b-card-text class=\"mt-2 mb-0\">\r\n      Value: '{{ value }}'\r\n    </b-card-text>\r\n\r\n    <template #code>\r\n      {{ codeSecond }}\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 { BFormTimepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeSecond } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTimepicker,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      codeSecond,\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!./FormTimepickerSecond.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!./FormTimepickerSecond.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTimepickerSecond.vue?vue&type=template&id=e4ac4c78&\"\nimport script from \"./FormTimepickerSecond.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTimepickerSecond.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-timepicker>\")]),_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 time selection dialog. \")])]),_c('label',{attrs:{\"for\":\"timepicker-sm\"}},[_vm._v(\"Small time picker\")]),_c('b-form-timepicker',{staticClass:\"mb-2\",attrs:{\"id\":\"timepicker-sm\",\"size\":\"sm\",\"local\":\"en\"}}),_c('label',{attrs:{\"for\":\"timepicker-lg\"}},[_vm._v(\"Large time picker\")]),_c('b-form-timepicker',{attrs:{\"id\":\"timepicker-lg\",\"size\":\"lg\",\"local\":\"en\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Control sizing\"\r\n  >\r\n    <b-card-text>\r\n      <span>Fancy a smaller or larger </span>\r\n      <code>&lt;b-form-timepicker&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>\r\n        for a larger form form control. Note this does not affect the size of the popup time selection dialog.\r\n      </span>\r\n    </b-card-text>\r\n\r\n    <label for=\"timepicker-sm\">Small time picker</label>\r\n    <b-form-timepicker\r\n      id=\"timepicker-sm\"\r\n      size=\"sm\"\r\n      local=\"en\"\r\n      class=\"mb-2\"\r\n    />\r\n\r\n    <label for=\"timepicker-lg\">Large time picker</label>\r\n    <b-form-timepicker\r\n      id=\"timepicker-lg\"\r\n      size=\"lg\"\r\n      local=\"en\"\r\n    />\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 { BFormTimepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeSize } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTimepicker,\r\n    BCardText,\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!./FormTimepickerSize.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!./FormTimepickerSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTimepickerSize.vue?vue&type=template&id=0392c422&\"\nimport script from \"./FormTimepickerSize.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTimepickerSize.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\"},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. If a placeholder is not provided, the value of the \")]),_c('code',[_vm._v(\"label-no-time-selected\")]),_c('span',[_vm._v(\" prop is used.\")])]),_c('label',{attrs:{\"for\":\"timepicker-placeholder\"}},[_vm._v(\"Time picker with placeholder\")]),_c('b-form-timepicker',{attrs:{\"id\":\"timepicker-placeholder\",\"placeholder\":\"Choose a time\",\"local\":\"en\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Placeholder\"\r\n  >\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. If a placeholder is not provided, the value of the </span>\r\n      <code>label-no-time-selected</code>\r\n      <span> prop is used.</span>\r\n    </b-card-text>\r\n\r\n    <label for=\"timepicker-placeholder\">Time picker with placeholder</label>\r\n    <b-form-timepicker\r\n      id=\"timepicker-placeholder\"\r\n      placeholder=\"Choose a time\"\r\n      local=\"en\"\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 { BFormTimepicker, BCardText } from 'bootstrap-vue'\r\nimport { codePlaceholder } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTimepicker,\r\n    BCardText,\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!./FormTimepickerPlaceholder.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!./FormTimepickerPlaceholder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTimepickerPlaceholder.vue?vue&type=template&id=594dd02d&\"\nimport script from \"./FormTimepickerPlaceholder.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTimepickerPlaceholder.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(\"now-button\")]),_c('span',[_vm._v(\" or \")]),_c('code',[_vm._v(\"reset-button\")]),_c('span',[_vm._v(\". The default close button can be removed via the \")]),_c('code',[_vm._v(\"no-close-button\")]),_c('span',[_vm._v(\" prop.\")])]),_c('label',{attrs:{\"for\":\"timepicker-buttons\"}},[_vm._v(\"Time picker with optional footer buttons\")]),_c('b-form-timepicker',{attrs:{\"id\":\"timepicker-buttons\",\"now-button\":\"\",\"reset-button\":\"\",\"locale\":\"en\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Optional controls\"\r\n  >\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>now-button</code>\r\n      <span> or </span>\r\n      <code>reset-button</code>\r\n      <span>. The default close button can be removed via the </span>\r\n      <code>no-close-button</code>\r\n      <span> prop.</span>\r\n    </b-card-text>\r\n\r\n    <label for=\"timepicker-buttons\">Time picker with optional footer buttons</label>\r\n    <b-form-timepicker\r\n      id=\"timepicker-buttons\"\r\n      now-button\r\n      reset-button\r\n      locale=\"en\"\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 { BFormTimepicker, BCardText } from 'bootstrap-vue'\r\nimport { codeOptional } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTimepicker,\r\n    BCardText,\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!./FormTimepickerOptional.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!./FormTimepickerOptional.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTimepickerOptional.vue?vue&type=template&id=789161f0&\"\nimport script from \"./FormTimepickerOptional.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTimepickerOptional.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('span',[_vm._v(\" Fancy just a button that launches the timepicker dialog, or want to provide your own optional text input field? Use the \")]),_c('code',[_vm._v(\"button-only\")]),_c('span',[_vm._v(\" prop to render the timepicker as a dropdown button. The formatted time label will be rendered with the class \")]),_c('code',[_vm._v(\"sr-only\")]),_c('span',[_vm._v(\" (available only to screen readers).\")])]),_c('div',[_c('label',{attrs:{\"for\":\"example-input\"}},[_vm._v(\"Choose a time\")]),_c('b-input-group',{staticClass:\"mb-1\"},[_c('b-form-input',{attrs:{\"id\":\"example-input\",\"type\":\"text\",\"placeholder\":\"HH:mm:ss\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('b-input-group-append',[_c('b-form-timepicker',{attrs:{\"button-only\":\"\",\"button-variant\":\"outline-primary\",\"right\":\"\",\"size\":\"sm\",\"show-seconds\":\"\",\"locale\":\"en\",\"aria-controls\":\"example-input\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})],1)],1),_c('b-card-text',[_vm._v(\"Value: '\"+_vm._s(_vm.value)+\"'\")])],1)],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      <span>\r\n        Fancy just a button that launches the timepicker dialog, or want to provide your own optional text input field?\r\n        Use the\r\n      </span>\r\n      <code>button-only</code>\r\n      <span>\r\n        prop to render the timepicker as a dropdown button. The formatted time 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    <div>\r\n      <label for=\"example-input\">Choose a time</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=\"HH:mm:ss\"\r\n        />\r\n        <b-input-group-append>\r\n          <b-form-timepicker\r\n            v-model=\"value\"\r\n            button-only\r\n            button-variant=\"outline-primary\"\r\n            right\r\n            size=\"sm\"\r\n            show-seconds\r\n            locale=\"en\"\r\n            aria-controls=\"example-input\"\r\n          />\r\n        </b-input-group-append>\r\n      </b-input-group>\r\n      <b-card-text>Value: '{{ value }}'</b-card-text>\r\n    </div>\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  BFormTimepicker, BInputGroup, BFormInput, BInputGroupAppend, BCardText,\r\n} from 'bootstrap-vue'\r\nimport { codeButtonOnly } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTimepicker,\r\n    BInputGroup,\r\n    BFormInput,\r\n    BCardText,\r\n    BInputGroupAppend,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      codeButtonOnly,\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!./FormTimepickerButtonOnly.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!./FormTimepickerButtonOnly.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTimepickerButtonOnly.vue?vue&type=template&id=73188dac&\"\nimport script from \"./FormTimepickerButtonOnly.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTimepickerButtonOnly.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-timepicker>\")]),_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. The prop accepts either a single locale string, or an array of locale strings (listed in order of most preferred locale to least prefered). \")])]),_c('b-row',[_c('b-col',{staticClass:\"mb-3\",attrs:{\"cols\":\"12\"}},[_c('label',{attrs:{\"for\":\"example-locales\"}},[_vm._v(\"Locale:\")]),_c('b-form-select',{attrs:{\"id\":\"example-locales\",\"options\":_vm.locales},model:{value:(_vm.locale),callback:function ($$v) {_vm.locale=$$v},expression:\"locale\"}})],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-timepicker',_vm._b({attrs:{\"locale\":_vm.locale,\"show-seconds\":\"\"},on:{\"context\":_vm.onContext},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},'b-form-timepicker',_vm.labels[_vm.locale] || {},false))],1),_c('b-col',[_c('b-card-text',[_vm._v(\" Value: \"),_c('b',[_vm._v(\"'\"+_vm._s(_vm.value)+\"'\")])]),_c('b-card-text',{staticClass:\"mb-0\"},[_vm._v(\" Context: \")]),_c('pre',{staticClass:\"small\"},[_vm._v(_vm._s(_vm.context))])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Internationalization\"\r\n  >\r\n    <b-card-text>\r\n      <span>By default </span>\r\n      <code>&lt;b-form-timepicker&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>\r\n        prop. The prop accepts either a single locale string, or an array of locale strings (listed in order of most\r\n        preferred locale to least prefered).\r\n      </span>\r\n    </b-card-text>\r\n\r\n    <b-row>\r\n      <b-col\r\n        cols=\"12\"\r\n        class=\"mb-3\"\r\n      >\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        />\r\n      </b-col>\r\n      <b-col md=\"6\">\r\n        <b-form-timepicker\r\n          v-model=\"value\"\r\n          v-bind=\"labels[locale] || {}\"\r\n          :locale=\"locale\"\r\n          show-seconds\r\n          @context=\"onContext\"\r\n        />\r\n      </b-col>\r\n      <b-col>\r\n        <b-card-text>\r\n          Value: <b>'{{ value }}'</b>\r\n        </b-card-text>\r\n        <b-card-text class=\"mb-0\">\r\n          Context:\r\n        </b-card-text>\r\n        <pre class=\"small\">{{ context }}</pre>\r\n      </b-col>\r\n    </b-row>\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  BFormTimepicker, BRow, BCol, BFormSelect, BCardText,\r\n} from 'bootstrap-vue'\r\nimport { codeInternationalization } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTimepicker,\r\n    BRow,\r\n    BCol,\r\n    BFormSelect,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      context: null,\r\n      locale: 'en-US',\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      labels: {\r\n        de: {\r\n          labelHours: 'Stunden',\r\n          value: '',\r\n          context: null,\r\n          locale: 'en-US',\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          labels: {\r\n            de: {\r\n              labelHours: 'Stunden',\r\n              labelMinutes: 'Minuten',\r\n              labelSeconds: 'Sekunden',\r\n              labelIncrement: 'Erhöhen',\r\n              labelDecrement: 'Verringern',\r\n              labelSelected: 'Ausgewählte Zeit',\r\n              labelNoTimeSelected: 'Keine Zeit ausgewählt',\r\n              labelCloseButton: 'Schließen',\r\n            },\r\n            'ar-EG': {\r\n              labelHours: 'ساعات',\r\n              labelMinutes: 'الدقائق',\r\n              labelSeconds: 'ثواني',\r\n              labelAmpm: 'صباحا مساء',\r\n              labelAm: 'ص',\r\n              labelPm: 'م',\r\n              labelIncrement: 'زيادة',\r\n              labelDecrement: 'إنقاص',\r\n              labelSelected: 'الوقت المحدد',\r\n              labelNoTimeSelected: 'لا وقت المختار',\r\n              labelCloseButton: 'قريب',\r\n            },\r\n            zh: {\r\n              labelHours: '小时',\r\n              labelMinutes: '分钟',\r\n              labelSeconds: '秒',\r\n              labelAmpm: '上午下午',\r\n              labelAm: '上午',\r\n              labelPm: '下午',\r\n              labelIncrement: '增量',\r\n              labelDecrement: '减量',\r\n              labelSelected: '选定时间',\r\n              labelNoTimeSelected: '没有选择时间',\r\n              labelCloseButton: '关',\r\n            },\r\n          },\r\n          labelMinutes: 'Minuten',\r\n          labelSeconds: 'Sekunden',\r\n          labelIncrement: 'Erhöhen',\r\n          labelDecrement: 'Verringern',\r\n          labelSelected: 'Ausgewählte Zeit',\r\n          labelNoTimeSelected: 'Keine Zeit ausgewählt',\r\n          labelCloseButton: 'Schließen',\r\n        },\r\n        'ar-EG': {\r\n          labelHours: 'ساعات',\r\n          labelMinutes: 'الدقائق',\r\n          labelSeconds: 'ثواني',\r\n          labelAmpm: 'صباحا مساء',\r\n          labelAm: 'ص',\r\n          labelPm: 'م',\r\n          labelIncrement: 'زيادة',\r\n          labelDecrement: 'إنقاص',\r\n          labelSelected: 'الوقت المحدد',\r\n          labelNoTimeSelected: 'لا وقت المختار',\r\n          labelCloseButton: 'قريب',\r\n        },\r\n        zh: {\r\n          labelHours: '小时',\r\n          labelMinutes: '分钟',\r\n          labelSeconds: '秒',\r\n          labelAmpm: '上午下午',\r\n          labelAm: '上午',\r\n          labelPm: '下午',\r\n          labelIncrement: '增量',\r\n          labelDecrement: '减量',\r\n          labelSelected: '选定时间',\r\n          labelNoTimeSelected: '没有选择时间',\r\n          labelCloseButton: '关',\r\n        },\r\n      },\r\n    }\r\n  },\r\n  methods: {\r\n    onContext(ctx) {\r\n      this.context = ctx\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!./FormTimepickerInternationalization.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!./FormTimepickerInternationalization.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTimepickerInternationalization.vue?vue&type=template&id=55dc8d38&\"\nimport script from \"./FormTimepickerInternationalization.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTimepickerInternationalization.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-timepicker-basic />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-timepicker-second />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-timepicker-state />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-timepicker-validation />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-timepicker-size />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-timepicker-button-only />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-timepicker-placeholder />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-timepicker-optional />\r\n    </b-col>\r\n    <b-col cols=\"12\">\r\n      <form-timepicker-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 FormTimepickerBasic from './FormTimepickerBasic.vue'\r\nimport FormTimepickerState from './FormTimepickerState.vue'\r\nimport FormTimepickerValidation from './FormTimepickerValidation.vue'\r\nimport FormTimepickerSecond from './FormTimepickerSecond.vue'\r\nimport FormTimepickerSize from './FormTimepickerSize.vue'\r\nimport FormTimepickerPlaceholder from './FormTimepickerPlaceholder.vue'\r\nimport FormTimepickerOptional from './FormTimepickerOptional.vue'\r\nimport FormTimepickerButtonOnly from './FormTimepickerButtonOnly.vue'\r\nimport FormTimepickerInternationalization from './FormTimepickerInternationalization.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    FormTimepickerBasic,\r\n    FormTimepickerState,\r\n    FormTimepickerValidation,\r\n    FormTimepickerSecond,\r\n    FormTimepickerSize,\r\n    FormTimepickerPlaceholder,\r\n    FormTimepickerOptional,\r\n    FormTimepickerButtonOnly,\r\n    FormTimepickerInternationalization,\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!./FormTimepicker.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!./FormTimepicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTimepicker.vue?vue&type=template&id=78d2536e&\"\nimport script from \"./FormTimepicker.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTimepicker.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":""}