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

Comparing version 1.2.2 to 2.0.0

demo/time-picker-basic-demos.js

@@ -41,2 +41,12 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';
     </vaadin-demo-snippet>
+
+    <h3>Clear Button</h3>
+
+    <p>Use the <code>clear-button-visible</code> attribute to display the clear button of an individual time-picker.</p>
+
+    <vaadin-demo-snippet id="time-picker-basic-demos-clear-button">
+      <template preserve-content="">
+        <vaadin-time-picker label="Time" value="10:10" clear-button-visible=""></vaadin-time-picker>
+      </template>
+    </vaadin-demo-snippet>
 `;
@@ -43,0 +53,0 @@ }

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-time-picker",
-  "version": "1.2.2",
+  "version": "2.0.0",
   "main": "vaadin-time-picker.js",
@@ -34,4 +34,4 @@ "author": "Vaadin Ltd",
     "@vaadin/vaadin-material-styles": "^1.2.0",
-    "@vaadin/vaadin-text-field": "^2.1.1",
-    "@vaadin/vaadin-combo-box": "^4.2.0",
+    "@vaadin/vaadin-text-field": "^2.4.0",
+    "@vaadin/vaadin-combo-box": "^5.0.0",
     "@vaadin/vaadin-control-state-mixin": "^2.1.1"
@@ -38,0 +38,0 @@ },

src/vaadin-time-picker.js

@@ -98,3 +98,3 @@ /**
       </template>
-      <vaadin-time-picker-text-field class="input" name="[[name]]" invalid="[[invalid]]" autocomplete="off" label="[[label]]" required="[[required]]" disabled="[[disabled]]" prevent-invalid-input="[[preventInvalidInput]]" pattern="[[pattern]]" error-message="[[errorMessage]]" autofocus="[[autofocus]]" placeholder="[[placeholder]]" readonly="[[readonly]]" role="application" aria-live="assertive" min\$="[[min]]" max\$="[[max]]" aria-label\$="[[label]]" theme\$="[[theme]]">
+      <vaadin-time-picker-text-field class="input" name="[[name]]" invalid="[[invalid]]" autocomplete="off" label="[[label]]" required="[[required]]" disabled="[[disabled]]" prevent-invalid-input="[[preventInvalidInput]]" pattern="[[pattern]]" error-message="[[errorMessage]]" autofocus="[[autofocus]]" placeholder="[[placeholder]]" readonly="[[readonly]]" role="application" aria-live="assertive" min\$="[[min]]" max\$="[[max]]" aria-label\$="[[label]]" clear-button-visible="[[clearButtonVisible]]" i18n="[[i18n]]" theme\$="[[theme]]">
         <span slot="suffix" part="toggle-button" role="button" aria-label\$="[[i18n.selector]]"></span>
@@ -110,3 +110,3 @@ </vaadin-time-picker-text-field>
   static get version() {
-    return '1.2.2';
+    return '2.0.0';
   }
@@ -256,2 +256,10 @@
 
+      /**
+       * Set to true to display the clear icon which clears the input.
+       */
+      clearButtonVisible: {
+        type: Boolean,
+        value: false
+      },
+
       __dropdownItems: {
@@ -286,2 +294,5 @@ type: Array
             selector: 'Time selector',
+
+            // Translation of the time selector clear button title.
+            clear: 'Clear'
           }
@@ -324,3 +335,4 @@ */
             },
-            selector: 'Time selector'
+            selector: 'Time selector',
+            clear: 'Clear'
           };
@@ -327,0 +339,0 @@ }

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

Improved metrics

Total package byte prevSize

222996

increased by1.01%

Lines of code

854

increased by2.03%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@vaadin/vaadin-combo-box@5.5.3(transitive)

• - Removed@vaadin/vaadin-combo-box@4.2.9(transitive)

• Updated@vaadin/vaadin-combo-box@^5.0.0

• Updated@vaadin/vaadin-text-field@^2.4.0