@itfin/components 1.2.63 → 1.2.64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.2.63",
+  "version": "1.2.64",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/datepicker/PeriodPicker.vue

@@ -41,7 +41,7 @@
         </div>
 
         <itf-button block class="mb-3" :class="{'btn-whole': !isCurrentYear()}" :primary="isCurrentYear()" @click="onYearSelect(year)">
-          Whole year
+          {{ $t('components.wholeYear') }}
         </itf-button>
 
         <div class="itf-periodpicker__quarters">
@@ -57,7 +57,7 @@
 
             <div class="itf-periodpicker__months">
               <itf-button
-                class="itf-periodpicker__month"
+                class="itf-periodpicker__month px-1"
                 v-for="month of quarter.Months"
                 :key="month"
                 :primary="isCurrentMonth(month)"
@@ -102,7 +102,7 @@ class itfPeriodPicker extends Vue {
   @Prop({ type: Boolean, default: false }) onlyCalendar;
   @Prop({ type: String, default: '' }) placeholder;
 
-  year = DateTime.local().year;
+  year = null;
 
   focused = false;
 
@@ -151,6 +151,7 @@ class itfPeriodPicker extends Vue {
       placement: this.placement,
       appendTo: context,
     });
+    this.year = (this.value && this.value[0]) ? this.valueAsLuxon[0].year : DateTime.local().year;
   }
 
   get valueAsLuxon() {
@@ -222,7 +223,7 @@ class itfPeriodPicker extends Vue {
       return false;
     }
     return this.valueAsLuxon[0].hasSame(this.valueAsLuxon[0].startOf('year'), 'day')
-        && this.valueAsLuxon[1].hasSame(this.valueAsLuxon[0].endOf('year'), 'day');
+      && this.valueAsLuxon[1].hasSame(this.valueAsLuxon[0].endOf('year'), 'day');
   }
 
   updateValue(start, end) {

package/src/locales/en.js

@@ -55,5 +55,6 @@ module.exports = {
   dateSameOrAfter: 'The date should be same or after {date}',
   mediumTextLength: 'Text too large, maximum length 16Mb',
   addMore: 'Add more',
-  close: 'Close'
+  close: 'Close',
+  wholeYear: 'Whole year',
 };

package/src/locales/uk.js

@@ -55,5 +55,6 @@ module.exports = {
   dateSameOrAfter: 'Дата має бути такою ж або пізнішою {date}',
   mediumTextLength: 'Текст завеликий, максимальна довжина 16Mb',
   addMore: 'Додати ще',
-  close: 'Закрити'
+  close: 'Закрити',
+  wholeYear: 'Весь рік',
 };