Solved problem connected with global configs.

Author: ManukMinasyan

package.json

@@ -6,7 +6,7 @@
   },
   "name": "vue-functional-calendar",
   "description": "Lightweight, high-performance calendar component based on Vue.js",
-  "version": "2.6.9",
+  "version": "2.7.0",
   "license": "MIT",
   "repository": {
     "type": "git",

src/Demo.vue

@@ -1,5 +1,8 @@
 <template>
     <div>
+        <functional-calendar class="demo-calendar" :is-date-picker="true" :with-time-picker="true">
+
+        </functional-calendar>
         <FunctionalCalendar class="demo-calendar"
                             ref="Calendar"
                             :hiddenElements="['']"

src/components/FunctionalCalendar.vue

@@ -358,18 +358,15 @@
             },
             setConfigs() {
                 let vm = this;
-                let globalOptions;
                 if (typeof vm.$getOptions !== "undefined") {
                     // Global Options
-                    globalOptions = vm.$getOptions();
-                    Object.keys(globalOptions).map(function (objectKey) {
+                    Object.keys(vm.$getOptions()).map(function (objectKey) {
                         if (typeof (vm.fConfigs[objectKey]) !== "undefined") {
-                            vm.$set(vm.fConfigs, objectKey, globalOptions[objectKey]);
+                            vm.$set(vm.fConfigs, objectKey, vm.$getOptions()[objectKey]);
                         }
                     });
                 }
 
-
                 if (typeof (vm.configs) !== "undefined") {
                     Object.keys(vm.fConfigs).map(function (objectKey) {
                         if (typeof (vm.configs[objectKey]) !== "undefined") {
@@ -379,12 +376,15 @@
                     });
                 } else {
                     Object.keys(vm.$props).map(function (objectKey) {
-                        if (typeof (vm.fConfigs[objectKey]) !== "undefined" && typeof (vm.$props[objectKey]) !== "undefined") {
+                        if (typeof (vm.fConfigs[objectKey]) !== "undefined" &&
+                            typeof (vm.$props[objectKey]) !== "undefined" &&
+                            typeof (vm.$getOptions()[objectKey]) === "undefined") {
                             vm.$set(vm.fConfigs, objectKey, vm.$props[objectKey]);
                         }
                     });
                 }
 
+
                 // Is Modal
                 if (vm.fConfigs.isModal) vm.showCalendar = false;
 

src/main.js

@@ -2,7 +2,8 @@ import Vue from "vue";
 import FunctionalCalendar from "../index";
 import Demo from "./Demo";
 Vue.use(FunctionalCalendar, {
-  dayNames: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"]
+  showWeekNumbers: true,
+  dayNames: ["Երկ.", "Tu", "We", "Th", "Fr", "Sa", "Su"]
 });
 Vue.config.productionTip = false;