@vaadin/vaadin-date-picker - npm Package Compare versions

Comparing version 3.0.0-pre.3 to 3.2.0-alpha3

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-date-picker",
-  "version": "3.0.0-pre.3",
+  "version": "3.2.0-alpha3",
   "main": "vaadin-date-picker.js",
@@ -25,32 +25,32 @@ "author": "Vaadin Ltd",
     "supports-color": "3.1.2",
-    "type-detect": "1.0.0",
-    "@webcomponents/webcomponentsjs": "2.0.0-beta.2"
+    "type-detect": "1.0.0"
   },
   "dependencies": {
-    "@polymer/iron-a11y-announcer": "^3.0.0-pre.15",
-    "@polymer/iron-a11y-keys-behavior": "^3.0.0-pre.15",
-    "@polymer/iron-media-query": "^3.0.0-pre.15",
-    "@polymer/iron-resizable-behavior": "^3.0.0-pre.15",
-    "@polymer/polymer": "^3.0.0-pre.13",
-    "@vaadin/vaadin-button": "^2.0.0-pre.2",
-    "@vaadin/vaadin-text-field": "^2.0.1-pre.1",
-    "@vaadin/vaadin-themable-mixin": "^1.1.5-pre.2",
-    "@vaadin/vaadin-control-state-mixin": "^2.0.3-pre.2",
-    "@vaadin/vaadin-overlay": "^3.0.2-pre.1",
-    "@vaadin/vaadin-lumo-styles": "^1.0.0-pre.4",
-    "@vaadin/vaadin-element-mixin": "^1.0.2-pre.2"
+    "@polymer/iron-a11y-announcer": "^3.0.0-pre.12",
+    "@polymer/iron-a11y-keys-behavior": "^3.0.0-pre.12",
+    "@polymer/iron-media-query": "^3.0.0-pre.12",
+    "@polymer/iron-resizable-behavior": "^3.0.0-pre.12",
+    "@polymer/polymer": "^3.0.0",
+    "@vaadin/vaadin-button": "^2.1.0-alpha2",
+    "@vaadin/vaadin-control-state-mixin": "^2.1.0-alpha2",
+    "@vaadin/vaadin-element-mixin": "^1.1.0-alpha1",
+    "@vaadin/vaadin-lumo-styles": "^1.1.0-alpha3",
+    "@vaadin/vaadin-material-styles": "^1.1.0-alpha2",
+    "@vaadin/vaadin-overlay": "^3.1.0-alpha2",
+    "@vaadin/vaadin-text-field": "^2.1.0-alpha2",
+    "@vaadin/vaadin-themable-mixin": "^1.2.0-alpha2"
   },
   "devDependencies": {
-    "@polymer/iron-component-page": "^3.0.0-pre.15",
-    "@polymer/iron-demo-helpers": "^3.0.0-pre.15",
-    "@polymer/iron-flex-layout": "^3.0.0-pre.15",
-    "@polymer/iron-form": "^3.0.0-pre.15",
-    "@polymer/iron-icon": "^3.0.0-pre.15",
-    "@polymer/iron-icons": "^3.0.0-pre.15",
-    "@polymer/iron-input": "^3.0.0-pre.15",
-    "@polymer/iron-test-helpers": "^3.0.0-pre.15",
+    "@polymer/iron-component-page": "^3.0.0-pre.12",
+    "@polymer/iron-demo-helpers": "^3.0.0-pre.12",
+    "@polymer/iron-flex-layout": "^3.0.0-pre.12",
+    "@polymer/iron-form": "^3.0.0-pre.12",
+    "@polymer/iron-icon": "^3.0.0-pre.12",
+    "@polymer/iron-icons": "^3.0.0-pre.12",
+    "@polymer/iron-input": "^3.0.0-pre.12",
+    "@polymer/iron-test-helpers": "^3.0.0-pre.12",
+    "@vaadin/vaadin-demo-helpers": "^2.0.0-alpha2",
     "sugar": "^2.0.0",
-    "wct-browser-legacy": "^0.0.1-pre.11",
-    "@vaadin/vaadin-demo-helpers": "^1.2.5-pre.1"
+    "wct-browser-legacy": "0.0.1-pre.11"
   }
 }

README.md

@@ -1,7 +0,10 @@
-![Bower version](https://img.shields.io/bower/v/vaadin-date-picker.svg)
 [![npm version](https://badge.fury.io/js/%40vaadin%2Fvaadin-date-picker.svg)](https://badge.fury.io/js/%40vaadin%2Fvaadin-date-picker)
 [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/vaadin/vaadin-date-picker)
 [![Build Status](https://travis-ci.org/vaadin/vaadin-date-picker.svg?branch=master)](https://travis-ci.org/vaadin/vaadin-date-picker)
+[![Coverage Status](https://coveralls.io/repos/github/vaadin/vaadin-date-picker/badge.svg?branch=master)](https://coveralls.io/github/vaadin/vaadin-date-picker?branch=master)
 [![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/vaadin/web-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
 
+[![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-date-picker)
+[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/vaadinvaadin-date-picker.svg)](https://vaadin.com/directory/component/vaadinvaadin-date-picker)
+
 # <vaadin-date-picker>
@@ -8,0 +11,0 @@

src/vaadin-date-picker-helper.js

@@ -1,6 +0,1 @@
-/**
-@license
-Copyright (c) 2017 Vaadin Ltd.
-This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-*/
 export const DatePickerHelper = class VaadinDatePickerHelper {
@@ -7,0 +2,0 @@ /**

src/vaadin-date-picker-light.js

@@ -1,8 +0,2 @@
-/**
-@license
-Copyright (c) 2017 Vaadin Ltd.
-This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-*/
 import { PolymerElement } from '@polymer/polymer/polymer-element.js';
-
 import '@polymer/iron-media-query/iron-media-query.js';
@@ -9,0 +3,0 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';

src/vaadin-date-picker-mixin.js

@@ -1,8 +0,2 @@
-/**
-@license
-Copyright (c) 2017 Vaadin Ltd.
-This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-*/
 import { IronA11yKeysBehavior } from '@polymer/iron-a11y-keys-behavior/iron-a11y-keys-behavior.js';
-
 import { IronResizableBehavior } from '@polymer/iron-resizable-behavior/iron-resizable-behavior.js';
@@ -13,5 +7,2 @@ import { DatePickerHelper } from './vaadin-date-picker-helper.js';
 
-/**
- * @polymerMixin
- */
 export const DatePickerMixin = subclass => class VaadinDatePickerMixin extends mixinBehaviors(
@@ -397,5 +388,24 @@ [IronA11yKeysBehavior, IronResizableBehavior], subclass
   _formatISO(date) {
-    return date instanceof Date ?
-      (new Date(date.getTime() - date.getTimezoneOffset() * 60000)).toISOString().split('T')[0] :
-      '';
+    if (!(date instanceof Date)) {
+      return '';
+    }
+
+    const pad = (num, fmt = '00') => (fmt + num).substr((fmt + num).length - fmt.length);
+
+    let yearSign = '';
+    let yearFmt = '0000';
+    let yearAbs = date.getFullYear();
+    if (yearAbs < 0) {
+      yearAbs = -yearAbs;
+      yearSign = '-';
+      yearFmt = '000000';
+    } else if (date.getFullYear() >= 10000) {
+      yearSign = '+';
+      yearFmt = '000000';
+    }
+
+    const year = yearSign + pad(yearAbs, yearFmt);
+    const month = pad(date.getMonth() + 1);
+    const day = pad(date.getDate());
+    return [year, month, day].join('-');
   }
@@ -415,3 +425,8 @@
     }
+    if (this.__userInputOccurred) {
+      this.__dispatchChange = true;
+    }
     this.value = this._formatISO(selectedDate);
+    this.__userInputOccurred = false;
+    this.__dispatchChange = false;
     this._focusedDate = selectedDate;
@@ -425,2 +440,3 @@ this._inputValue = selectedDate ? formatDate(DatePickerHelper._extractDateParts(selectedDate)) : '';
     }
+    this.__userInputOccurred = true;
     if (!this._ignoreFocusedDateChange && !this._noInput) {
@@ -456,2 +472,5 @@ this._inputValue = focusedDate ? formatDate(DatePickerHelper._extractDateParts(focusedDate)) : '';
   _valueChanged(value, oldValue) {
+    if (this.__dispatchChange) {
+      this.dispatchEvent(new CustomEvent('change', {bubbles: true}));
+    }
     this._handleDateChange('_selectedDate', value, oldValue);
@@ -788,2 +807,8 @@ }
   }
+
+  /**
+   * Fired when the user commits a value change.
+   *
+   * @event change
+   */
 };

src/vaadin-date-picker-overlay-content.js

@@ -1,8 +0,2 @@
-/**
-@license
-Copyright (c) 2017 Vaadin Ltd.
-This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-*/
 import { PolymerElement } from '@polymer/polymer/polymer-element.js';
-
 import { GestureEventListeners } from '@polymer/polymer/lib/mixins/gesture-event-listeners.js';
@@ -9,0 +3,0 @@ import '@polymer/iron-media-query/iron-media-query.js';

src/vaadin-date-picker-overlay.js

@@ -1,8 +0,2 @@
-/**
-@license
-Copyright (c) 2017 Vaadin Ltd.
-This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-*/
 import { OverlayElement } from '@vaadin/vaadin-overlay/src/vaadin-overlay.js';
-
 /**
@@ -9,0 +3,0 @@ * The overlay element.

src/vaadin-date-picker-styles.js

 import '@polymer/polymer/lib/elements/custom-style.js';
-const $_documentContainer = document.createElement('template');
+const $_documentContainer = document.createElement('div');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -42,2 +42,2 @@
 
-document.head.appendChild($_documentContainer.content);
+document.head.appendChild($_documentContainer);

src/vaadin-date-picker.js

@@ -1,8 +0,2 @@
-/**
-@license
-Copyright (c) 2017 Vaadin Ltd.
-This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-*/
 import { PolymerElement } from '@polymer/polymer/polymer-element.js';
-
 import { GestureEventListeners } from '@polymer/polymer/lib/mixins/gesture-event-listeners.js';
@@ -160,3 +154,3 @@ import '@polymer/iron-media-query/iron-media-query.js';
   static get version() {
-    return '3.0.0-pre.3';
+    return '3.2.0-alpha3';
   }
@@ -238,2 +232,3 @@
   _clear() {
+    this.__dispatchChange = true;
     this.value = '';
@@ -243,2 +238,3 @@ this.validate();
     prevent('tap');
+    this.__dispatchChange = false;
   }
@@ -245,0 +241,0 @@

src/vaadin-infinite-scroller.js

@@ -1,8 +0,2 @@
-/**
-@license
-Copyright (c) 2017 Vaadin Ltd.
-This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-*/
 import { PolymerElement } from '@polymer/polymer/polymer-element.js';
-
 import '@polymer/polymer/lib/legacy/class.js';
@@ -9,0 +3,0 @@ import '@polymer/polymer/lib/legacy/templatizer-behavior.js';

src/vaadin-month-calendar.js

@@ -1,8 +0,2 @@
-/**
-@license
-Copyright (c) 2017 Vaadin Ltd.
-This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-*/
 import { PolymerElement } from '@polymer/polymer/polymer-element.js';
-
 import '@polymer/polymer/lib/elements/dom-repeat.js';
@@ -189,2 +183,9 @@ import { GestureEventListeners } from '@polymer/polymer/lib/mixins/gesture-event-listeners.js';
 
+    if ((minDate && maxDate)
+      && minDate.getMonth() === maxDate.getMonth()
+      && minDate.getMonth() === month.getMonth()
+      && maxDate.getDate() - minDate.getDate() >= 0) {
+      return false;
+    }
+
     return !this._dateAllowed(firstDate, minDate, maxDate)
@@ -191,0 +192,0 @@ && !this._dateAllowed(lastDate, minDate, maxDate);

test/not-animated-styles.js

@@ -1,2 +0,2 @@
-const $_documentContainer = document.createElement('template');
+const $_documentContainer = document.createElement('div');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -17,2 +17,2 @@
 
-document.head.appendChild($_documentContainer.content);
+document.head.appendChild($_documentContainer);

test/test-suites.js

@@ -0,1 +1,3 @@
+const isPolymer2 = document.querySelector('script[src*="wct-browser-legacy"]') === null;
+
 window.VaadinDatePickerSuites = [
@@ -11,4 +13,7 @@ 'basic.html',
   'keyboard-input.html',
-  'late-upgrade.html',
   'wai-aria.html'
 ];
+
+if (isPolymer2) {
+  window.VaadinDatePickerSuites.push('late-upgrade.html');
+}

theme/lumo/vaadin-date-picker-overlay-content-styles.js

@@ -7,3 +7,3 @@ import '@vaadin/vaadin-lumo-styles/color.js';
 import '@vaadin/vaadin-button/theme/lumo/vaadin-button.js';
-const $_documentContainer = document.createElement('template');
+const $_documentContainer = document.createElement('div');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -221,2 +221,2 @@
 
-document.head.appendChild($_documentContainer.content);
+document.head.appendChild($_documentContainer);

theme/lumo/vaadin-date-picker-overlay-styles.js

 import '@vaadin/vaadin-lumo-styles/sizing.js';
 import '@vaadin/vaadin-lumo-styles/spacing.js';
 import '@vaadin/vaadin-lumo-styles/mixins/menu-overlay.js';
-const $_documentContainer = document.createElement('template');
+const $_documentContainer = document.createElement('div');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -48,2 +48,2 @@
 
-document.head.appendChild($_documentContainer.content);
+document.head.appendChild($_documentContainer);

theme/lumo/vaadin-date-picker-styles.js

 import '@vaadin/vaadin-lumo-styles/font-icons.js';
 import '@vaadin/vaadin-lumo-styles/mixins/field-button.js';
 import '@vaadin/vaadin-text-field/theme/lumo/vaadin-text-field.js';
-const $_documentContainer = document.createElement('template');
+const $_documentContainer = document.createElement('div');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -25,2 +25,2 @@
 
-document.head.appendChild($_documentContainer.content);
+document.head.appendChild($_documentContainer);

theme/lumo/vaadin-month-calendar-styles.js

@@ -6,3 +6,3 @@ import '@vaadin/vaadin-lumo-styles/color.js';
 import '@vaadin/vaadin-lumo-styles/typography.js';
-const $_documentContainer = document.createElement('template');
+const $_documentContainer = document.createElement('div');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -122,2 +122,6 @@
 
+      [part="date"][disabled] {
+        color: var(--lumo-disabled-text-color);
+      }
+
       @media (pointer: coarse) {
@@ -155,2 +159,2 @@ [part="date"]:hover:not([selected])::before,
 
-document.head.appendChild($_documentContainer.content);
+document.head.appendChild($_documentContainer);

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1037872

increased by329.47%

Number of package files

74

increased by117.65%

Lines of code

3442

increased by11.86%

Number of lines in readme file

133

increased by2.31%

Worsened metrics

Dependency count

13

increased by8.33%

Dependency changes

• + Added@vaadin/vaadin-material-styles@^1.1.0-alpha2

• Updated@polymer/iron-a11y-announcer@^3.0.0-pre.12

• Updated@polymer/iron-a11y-keys-behavior@^3.0.0-pre.12

• Updated@polymer/iron-media-query@^3.0.0-pre.12

• Updated@polymer/iron-resizable-behavior@^3.0.0-pre.12

• Updated@polymer/polymer@^3.0.0

• Updated@vaadin/vaadin-button@^2.1.0-alpha2

• Updated@vaadin/vaadin-control-state-mixin@^2.1.0-alpha2

• Updated@vaadin/vaadin-element-mixin@^1.1.0-alpha1

• Updated@vaadin/vaadin-lumo-styles@^1.1.0-alpha3

• Updated@vaadin/vaadin-overlay@^3.1.0-alpha2

• Updated@vaadin/vaadin-text-field@^2.1.0-alpha2

• Updated@vaadin/vaadin-themable-mixin@^1.2.0-alpha2