@vaadin-component-factory/vcf-date-range-picker - npm Package Compare versions

Comparing version 4.8.5 to 4.8.6

package.json

 {
   "name": "@vaadin-component-factory/vcf-date-range-picker",
-  "version": "4.8.5",
+  "version": "4.8.6",
   "description": "Polymer element providing a date range selection field with scrollable month calendar",
@@ -5,0 +5,0 @@ "main": "vcf-date-range-picker.js",

README.md

@@ -0,0 +0,0 @@ [![npm version](https://badgen.net/npm/v/@vaadin-component-factory/vcf-date-range-picker)](https://www.npmjs.com/package/@vaadin-component-factory/vcf-date-range-picker)

src/vcf-date-range-infinite-scroller.js

@@ -0,0 +0,0 @@ import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';

src/vcf-date-range-month-calendar.js

@@ -0,0 +0,0 @@ import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';

src/vcf-date-range-picker-helper.js

@@ -0,0 +0,0 @@ /**

src/vcf-date-range-picker-mixin.js

@@ -671,3 +671,3 @@ import { IronA11yKeysBehavior } from '@polymer/iron-a11y-keys-behavior/iron-a11y-keys-behavior.js';
     this.__userInputOccurred = true;
-    if (!this._ignoreFocusedDateChange && !this._noInput) {
+    if (this._selectingStartDate!==undefined && !this._ignoreFocusedDateChange && !this._noInput && this.opened) {
       if (this._selectingStartDate) {
@@ -1220,3 +1220,3 @@ this._applyStartInputValue(focusedDate);
       case 'tab':
-        if (document.activeElement === this && this.shadowRoot.activeElement === this._inputStartElement)
+        if (this.shadowRoot.activeElement === this._inputStartElement)
         {
@@ -1232,5 +1232,6 @@ if (e.shiftKey) {
             e.preventDefault();
+            this._selectingStartDate=false;
             this._inputEndElement.focus();
           }
-        } else if (document.activeElement === this && this.shadowRoot.activeElement === this._inputEndElement) {
+        } else if (this.shadowRoot.activeElement === this._inputEndElement) {
           if (e.shiftKey) {
@@ -1242,2 +1243,3 @@ const endParsedDate = this._getParsedDate(this._inputEndValue);
             e.preventDefault();
+            this._selectingStartDate=true;
             this._inputStartElement.focus();
@@ -1244,0 +1246,0 @@ } else {

src/vcf-date-range-picker-overlay-content.js

@@ -564,7 +564,12 @@ import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
   _onThisWeekTap() {
-    var lastSunday = this._getLastSunday(new Date());
-    this.selectedStartDate = lastSunday;
-    var nextSunday = new Date(lastSunday);
-    nextSunday.setDate(new Date(lastSunday.getDate() + 6));
-    this.selectedEndDate = nextSunday;
+    var lastFirstDay;
+    if (this.i18n.firstDayOfWeek === 1) {
+      lastFirstDay = this._getLastMonday(new Date());
+    } else {
+      lastFirstDay = this._getLastSunday(new Date());
+    }
+    this.selectedStartDate = lastFirstDay;
+    var nextMonday = new Date(lastFirstDay);
+    nextMonday.setDate(new Date(lastFirstDay.getDate() + 6));
+    this.selectedEndDate = nextMonday;
     this._close();
@@ -574,7 +579,12 @@ }
   _onLastWeekTap() {
-    var lastSunday = this._getLastSunday(new Date());
-    lastSunday.setDate(lastSunday.getDate() - 7);
-    this.selectedStartDate = lastSunday;
-    var nextSunday = new Date(lastSunday);
-    nextSunday.setDate(new Date(lastSunday.getDate() + 6));
+    var lastFirstDay;
+    if (this.i18n.firstDayOfWeek === 1) {
+      lastFirstDay = this._getLastMonday(new Date());
+    } else {
+      lastFirstDay = this._getLastSunday(new Date());
+    }
+    lastFirstDay.setDate(lastFirstDay.getDate() - 7);
+    this.selectedStartDate = lastFirstDay;
+    var nextSunday = new Date(lastFirstDay);
+    nextSunday.setDate(new Date(lastFirstDay.getDate() + 6));
     this.selectedEndDate = nextSunday;
@@ -622,2 +632,8 @@ this._close();
 
+  _getLastMonday(d) {
+    var t = new Date(d);
+    t.setDate(t.getDate() - t.getDay() + 1);
+    return t;
+  }
+
   _scrollToCurrentMonth() {
@@ -624,0 +640,0 @@ if (this.focusedDate) {

src/vcf-date-range-picker-overlay.js

@@ -0,0 +0,0 @@ import { OverlayElement } from '@vaadin/vaadin-overlay/src/vaadin-overlay.js';

src/vcf-date-range-picker-styles.js

@@ -0,0 +0,0 @@ /**

src/vcf-date-range-picker-text-field.js

@@ -0,0 +0,0 @@ import { TextFieldElement } from '@vaadin/vaadin-text-field/src/vaadin-text-field.js';

src/vcf-date-range-picker.js

@@ -0,0 +0,0 @@ import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';

theme/lumo/vcf-date-range-month-calendar-styles.js

@@ -0,0 +0,0 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';

theme/lumo/vcf-date-range-picker-light.js

@@ -0,0 +0,0 @@ import './vcf-date-range-picker-overlay-styles.js';

theme/lumo/vcf-date-range-picker-overlay-content-styles.js

@@ -0,0 +0,0 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';

theme/lumo/vcf-date-range-picker-overlay-styles.js

@@ -0,0 +0,0 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';

theme/lumo/vcf-date-range-picker-styles.js

@@ -0,0 +0,0 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';

theme/lumo/vcf-date-range-picker-text-field-styles.js

@@ -0,0 +0,0 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';

theme/lumo/vcf-date-range-picker-text-field.js

   
 import './vcf-date-range-picker-text-field-styles.js';
 import '../../src/vcf-date-range-picker-text-field.js';

theme/lumo/vcf-date-range-picker.js

@@ -0,0 +0,0 @@ import './vcf-date-range-picker-overlay-styles.js';

theme/material/vcf-date-range-month-calendar-styles.js

@@ -0,0 +0,0 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';

theme/material/vcf-date-range-month-calendar.js

 import 'vcf-date-range-month-calendar-styles.js'
 import '../../src/vcf-date-range-month-calendar.js'

theme/material/vcf-date-range-picker-light.js

@@ -0,0 +0,0 @@ import './vcf-date-range-picker-overlay.js';

theme/material/vcf-date-range-picker-overlay-content-styles.js

@@ -0,0 +0,0 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';

theme/material/vcf-date-range-picker-overlay-content.js

 import 'vcf-date-range-picker-overlay-content-styles.js'
 import '../../src/vcf-date-range-picker-overlay-content.js'

theme/material/vcf-date-range-picker-overlay-styles.js

@@ -0,0 +0,0 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';

theme/material/vcf-date-range-picker-overlay.js

 import 'vcf-date-range-picker-overlay-styles.js'
 import '../../src/vcf-date-range-picker-overlay.js'

theme/material/vcf-date-range-picker-styles.js

@@ -0,0 +0,0 @@

theme/material/vcf-date-range-picker-text-field.js

 import '../../../vaadin-text-field/theme/material/vaadin-text-field.js'
 import '../../src/vcf-date-range-picker-text-field.js'

theme/material/vcf-date-range-picker.js

@@ -0,0 +0,0 @@ import './vcf-date-range-picker-overlay-styles.js';

vcf-date-range-picker.js

 import './theme/lumo/vcf-date-range-picker.js';
 export * from './src/vcf-date-range-picker.js';

No alert changes

Improved metrics

Total package byte prevSize

163008

increased by3.57%

Lines of code

4199

increased by0.41%

No dependency changes