Merge branch 'release/v2.9.1'

Author: talkhabi

README.md

@@ -129,6 +129,9 @@ This project is licensed under the MIT License
 
 ## Change log
 
+### 2.9.1 (2021-10-31)
+ * Fixed: [Using jumpMinute and roundMinute together](https://github.com/talkhabi/vue-persian-datetime-picker/issues/182)
+
 ### 2.9.0 (2021-09-27)
  * Feat: [Added simple-mode](https://talkhabi.github.io/vue-persian-datetime-picker/#/simple-mode)
  * Feat: [Added `input-attrs`](https://github.com/talkhabi/vue-persian-datetime-picker/issues/170)

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['@vue/cli-plugin-babel/preset']
+  presets: [['@vue/cli-plugin-babel/preset', { useBuiltIns: false }]]
 }

dist/vue-persian-datetime-picker.common.js

@@ -147,19 +147,19 @@
                 @select-month="selectMonth"
                 @select-day="selectDay"
               >
-                <template v-slot:header-date="slotData">
+                <template #header-date="slotData">
                   <slot name="header-date" v-bind="slotData" />
                 </template>
-                <template v-slot:locales="slotData">
+                <template #locales="slotData">
                   <slot name="locales" v-bind="slotData" />
                 </template>
-                <template v-slot:year-item="slotData">
+                <template #year-item="slotData">
                   <slot name="year-item" v-bind="slotData" />
                 </template>
-                <template v-slot:month-item="slotData">
+                <template #month-item="slotData">
                   <slot name="month-item" v-bind="slotData" />
                 </template>
-                <template v-slot:day-item="slotData">
+                <template #day-item="slotData">
                   <slot name="day-item" v-bind="slotData" />
                 </template>
               </simple-mode>

dist/vue-persian-datetime-picker.umd.js

@@ -1,6 +1,11 @@
 @import 'variables';
 @import 'transitions';
 
+.#{$prefix}main *,
+.#{$prefix}wrapper * {
+  box-sizing: border-box;
+}
+
 .#{$prefix}clearfix {
   &:after, &:before {
     content: " ";
@@ -13,12 +18,11 @@
 }
 
 .#{$prefix}input-group {
-  display: table;
-  width: 100%;
+  display: flex;
   position: relative;
 
   input {
-    display: table-cell;
+    flex-grow: 1;
     border: 1px solid #dadada;
     border-right: none;
     border-top-right-radius: 0;
@@ -67,15 +71,11 @@
 }
 
 .#{$prefix}icon-btn {
-  display: table-cell;
-  width: 1%;
   cursor: pointer;
   padding: 0 10px;
-  vertical-align: middle;
-
-  > svg {
-    vertical-align: middle;
-  }
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .#{$prefix}wrapper {

dist/vue-persian-datetime-picker.umd.min.js

@@ -144,7 +144,7 @@ export default {
     monthDays: { type: Array, default: () => [] },
     selectedDates: { type: Array, default: () => [] },
     formattedDate: { type: String, default: null },
-    hoveredItem: { type: Object, default: null },
+    hoveredItem: { type: Date, default: null },
     locales: { type: Array, default: () => [] },
     core: { type: Object, default: null },
     setLocale: { type: Function, default: null },

src/VuePersianDatetimePicker.vue

@@ -103,7 +103,7 @@ export default {
   },
   methods: {
     update(value) {
-      this.selfValue = this.selfValue * 1 + value * this.jump
+      this.selfValue = +this.selfValue + value * this.jump
 
       let now = new Date().getTime(),
         def = now - this.lastUpdate

src/assets/scss/style.scss

@@ -2,17 +2,18 @@
   <div :class="['vpd-addon-list vpd-time', { 'vpd-disabled': isDisableTime }]">
     <div class="vpd-addon-list-content">
       <time-column
-        ref="minute"
+        ref="hour"
         v-model="hourModel"
         class="vpd-time-h"
         :attributes="timeAttributes"
         :formatter="convertToLocaleNumber"
         @filled="focusNext"
       />
       <time-column
-        ref="hour"
+        ref="minute"
         v-model="minuteModel"
         class="vpd-time-m"
+        :jump="jumpMinute"
         :attributes="timeAttributes"
         :formatter="convertToLocaleNumber"
       />
@@ -101,7 +102,7 @@ export default {
       this.$emit('update:time', time)
     },
     focusNext() {
-      this.$refs.hour.$el.querySelector('input').focus()
+      this.$refs.minute.$el.querySelector('input').focus()
     }
   }
 }