{"version":3,"sources":["webpack:///./src/components/DateField.vue?f098","webpack:///./src/components/DateField.vue?37e8","webpack:///src/components/DateField.vue","webpack:///./src/components/DateField.vue?8217","webpack:///./src/components/DateField.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","ref","on","_g","_b","staticStyle","label","handleClick","model","value","callback","$$v","computedDateFormatted","expression","menu2","updateDate","internalDate","staticRenderFns","name","props","String","data","mounted","console","log","computed","myDate","watch","newVal","$emit","methods","date","formatDate","year","month","day","component","VDatePicker","VMenu","VTextField"],"mappings":"kHAAA,yBAAgd,EAAG,G,kECAnd,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,YAAY,cAAcC,MAAM,CAAC,0BAAyB,EAAM,cAAc,GAAG,WAAa,mBAAmB,WAAW,IAAIC,YAAYR,EAAIS,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASC,GACxS,IAAIC,EAAKD,EAAIC,GACTN,EAAQK,EAAIL,MAChB,MAAO,CAACH,EAAG,eAAeJ,EAAIc,GAAGd,EAAIe,GAAG,CAACC,YAAY,CAAC,YAAY,SAAST,MAAM,CAAC,MAAQP,EAAIiB,MAAM,eAAe,eAAe,SAAW,GAAG,YAAcjB,EAAIiB,OAAOJ,GAAG,CAAC,MAAQb,EAAIkB,aAAaC,MAAM,CAACC,MAAOpB,EAAyB,sBAAEqB,SAAS,SAAUC,GAAMtB,EAAIuB,sBAAsBD,GAAKE,WAAW,0BAA0B,eAAejB,GAAM,GAAOM,SAAUM,MAAM,CAACC,MAAOpB,EAAS,MAAEqB,SAAS,SAAUC,GAAMtB,EAAIyB,MAAMH,GAAKE,WAAW,UAAU,CAACpB,EAAG,gBAAgB,CAACS,GAAG,CAAC,MAAQb,EAAI0B,YAAYP,MAAM,CAACC,MAAOpB,EAAgB,aAAEqB,SAAS,SAAUC,GAAMtB,EAAI2B,aAAaL,GAAKE,WAAW,mBAAmB,IAAI,IACtmBI,EAAkB,G,wDC2BtB,GACEC,KAAM,aACNC,MAAO,CACLV,MAAOW,OACPd,MAAOc,QAGTC,KAPF,WAQI,MAAO,CACLP,OAAO,EACPE,aAAc1B,KAAKmB,OAAS,OAGhCa,QAbF,WAcIC,QAAQC,IAAIlC,KAAKmB,QAEnBgB,SAAU,CACRb,sBADJ,WAEM,IAAKtB,KAAK0B,aAAc,MAAO,GAC/B,IAAN,sBACA,0CACA,yCACM,OAAOU,IAIXC,MAAO,CACLlB,MADJ,SACA,GACMnB,KAAK0B,aAAeY,GAEtBZ,aAJJ,SAIA,GACM1B,KAAKuC,MAAM,QAASD,KAIxBE,QAAS,CACPvB,YADJ,WAEMjB,KAAKuC,MAAM,qBAEbd,WAJJ,SAIA,GACMzB,KAAK0B,aAAee,EACpBzC,KAAKwB,OAAQ,GAGfkB,WATJ,SASA,GACM,IAAKD,EAAM,MAAO,GADxB,MAGA,aAHA,sBAGA,EAHA,KAGA,EAHA,KAGA,EAHA,KAIM,OAAIE,GAAQC,GAASC,EACZ,GAAf,sCAEa,MClFsU,I,iFCQ/UC,EAAY,eACd,EACAhD,EACA6B,GACA,EACA,KACA,KACA,MAIa,aAAAmB,EAAiB,QAOhC,IAAkBA,EAAW,CAACC,cAAA,KAAYC,QAAA,KAAMC,aAAA","file":"js/chunk-6ac1639c.712b126f.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateField.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateField.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-menu',{staticClass:\"date-picker\",attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"transition\":\"scale-transition\",\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-text-field',_vm._g(_vm._b({staticStyle:{\"max-width\":\"240px\"},attrs:{\"label\":_vm.label,\"prepend-icon\":\"mdi-calendar\",\"readonly\":\"\",\"placeholder\":_vm.label},on:{\"click\":_vm.handleClick},model:{value:(_vm.computedDateFormatted),callback:function ($$v) {_vm.computedDateFormatted=$$v},expression:\"computedDateFormatted\"}},'v-text-field',attrs,false),on))]}}]),model:{value:(_vm.menu2),callback:function ($$v) {_vm.menu2=$$v},expression:\"menu2\"}},[_c('v-date-picker',{on:{\"input\":_vm.updateDate},model:{value:(_vm.internalDate),callback:function ($$v) {_vm.internalDate=$$v},expression:\"internalDate\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-menu\r\n      v-model=\"menu2\"\r\n      :close-on-content-click=\"false\"\r\n      :nudge-right=\"40\"\r\n      transition=\"scale-transition\"\r\n      offset-y\r\n      class=\"date-picker\"\r\n    >\r\n      <template v-slot:activator=\"{ on, attrs }\">\r\n        <v-text-field\r\n          v-model=\"computedDateFormatted\"\r\n          :label=\"label\"\r\n          prepend-icon=\"mdi-calendar\"\r\n          v-bind=\"attrs\"\r\n          readonly\r\n          style=\"max-width: 240px\"\r\n          v-on=\"on\"\r\n          @click=\"handleClick\"\r\n          :placeholder=\"label\"\r\n        ></v-text-field>\r\n      </template>\r\n      <v-date-picker v-model=\"internalDate\" @input=\"updateDate\"></v-date-picker>\r\n    </v-menu>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as fun from \"../plugins/common\"; // Importing common functions\r\n\r\nexport default {\r\n  name: \"VDateField\",\r\n  props: {\r\n    value: String, // Expected format: \"YYYY-MM-DD\"\r\n    label: String\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      menu2: false,\r\n      internalDate: this.value || null\r\n    };\r\n  },\r\n  mounted() {\r\n    console.log(this.value);\r\n  },\r\n  computed: {\r\n    computedDateFormatted() {\r\n      if (!this.internalDate) return \"\";\r\n      let myDate = this.$root.euFormat\r\n        ? fun.convertToEuropean(this.internalDate)\r\n        : fun.formatDate(this.internalDate, false, false);\r\n      return myDate;\r\n    }\r\n  },\r\n\r\n  watch: {\r\n    value(newVal) {\r\n      this.internalDate = newVal;\r\n    },\r\n    internalDate(newVal) {\r\n      this.$emit(\"input\", newVal);\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    handleClick() {\r\n      this.$emit(\"dateFieldClicked\");\r\n    },\r\n    updateDate(date) {\r\n      this.internalDate = date;\r\n      this.menu2 = false; // Close the menu after selection\r\n    },\r\n\r\n    formatDate(date) {\r\n      if (!date) return \"\";\r\n\r\n      const [year, month, day] = date.split(\"-\");\r\n      if (year && month && day) {\r\n        return `${month}/${day}/${year}`;\r\n      }\r\n      return \"\";\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n.date-picker {\r\n  z-index: 1000 !important;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateField.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DateField.vue?vue&type=template&id=1a69688c&\"\nimport script from \"./DateField.vue?vue&type=script&lang=js&\"\nexport * from \"./DateField.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DateField.vue?vue&type=style&index=0&lang=css&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VDatePicker } from 'vuetify/lib/components/VDatePicker';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VDatePicker,VMenu,VTextField})\n"],"sourceRoot":""}