Timezone support

fixes #33

src/picker/VuePersianDatetimePicker.vue

@@ -427,7 +427,7 @@ import Btn from './components/Btn.vue'
 import CalendarIcon from './components/CalendarIcon.vue'
 import TimeIcon from './components/TimeIcon.vue'
 import CoreModule from './modules/core'
-
+import moment from 'moment'
 export default {
   components: { Arrow, Btn, CalendarIcon, TimeIcon },
   model: {
@@ -727,7 +727,16 @@ export default {
      *  en: { ... }
      * }
      */
-    localeConfig: { type: Object, default: () => ({}) }
+    localeConfig: { type: Object, default: () => ({}) },
+
+    /**
+     * Timezone configuration
+     * @type String | Boolean | Function
+     * @default false
+     * @example true | false | +03:30 | +04:30
+     * @version 2.1.0
+     */
+    timezone: { type: [Boolean, String, Function], default: false }
   },
   data() {
     let coreModule = new CoreModule('fa')
@@ -998,6 +1007,7 @@ export default {
       let output = this.output.clone()
       let format = this.selfFormat
       if (/j\w/.test(format)) output.locale('fa')
+      this.setTimezone(output, 'out')
       return output.format(format)
     },
     displayValue() {
@@ -1049,6 +1059,7 @@ export default {
     value: { handler: 'updateDates', immediate: true },
     min: { handler: 'setMinMax', immediate: true },
     max: { handler: 'setMinMax', immediate: true },
+    timezone: { handler: 'updateDates' },
     inline: {
       handler(val) {
         if (!this.disabled) this.visible = !!val
@@ -1273,6 +1284,8 @@ export default {
 
       this.date = d.isValid() ? d : this.core.moment()
 
+      this.date = this.setTimezone(this.date, 'in')
+
       if (!this.hasStep('t')) this.date.set({ hour: 0, minute: 0, second: 0 })
 
       if (this.isLower(this.date)) {
@@ -1518,6 +1531,25 @@ export default {
       this.date = this.date.clone()
       this.selectedDate = this.selectedDate.clone()
       this.$forceUpdate()
+    },
+    setTimezone(date, mode) {
+      let tz = this.timezone
+      let r = mode === 'in' ? 1 : -1
+      let moment = this.core.moment
+      if (tz) {
+        if (typeof tz === 'string') {
+          let t =
+            moment()
+              .utc()
+              .format('YYYY-MM-DDTHH:mm:ss') + tz
+          date.add(moment.parseZone(t).utcOffset() * r, 'minutes')
+        } else if (typeof tz === 'boolean' && tz) {
+          date.subtract(new Date().getTimezoneOffset() * r, 'minutes')
+        } else if (typeof tz === 'function') {
+          date = tz(date, mode, this)
+        }
+      }
+      return date.clone()
     }
   },
   install(Vue, options) {

webpack.config.js

@@ -109,6 +109,7 @@ if (process.env.NODE_ENV === 'export') {
 
   module.exports.externals = (module.exports.externals || []).concat([
     'vue',
+    'moment',
     'moment-jalaali'
   ])