Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@vaadin/time-picker

Package Overview
Dependencies
Maintainers
19
Versions
406
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vaadin/time-picker - npm Package Compare versions

Comparing version 22.0.0-alpha9 to 22.0.0-beta1

18

package.json
{
"name": "@vaadin/time-picker",
"version": "22.0.0-alpha9",
"version": "22.0.0-beta1",
"publishConfig": {

@@ -36,9 +36,9 @@ "access": "public"

"@polymer/polymer": "^3.0.0",
"@vaadin/combo-box": "22.0.0-alpha9",
"@vaadin/component-base": "22.0.0-alpha9",
"@vaadin/field-base": "22.0.0-alpha9",
"@vaadin/input-container": "22.0.0-alpha9",
"@vaadin/vaadin-lumo-styles": "22.0.0-alpha9",
"@vaadin/vaadin-material-styles": "22.0.0-alpha9",
"@vaadin/vaadin-themable-mixin": "22.0.0-alpha9"
"@vaadin/combo-box": "22.0.0-beta1",
"@vaadin/component-base": "22.0.0-beta1",
"@vaadin/field-base": "22.0.0-beta1",
"@vaadin/input-container": "22.0.0-beta1",
"@vaadin/vaadin-lumo-styles": "22.0.0-beta1",
"@vaadin/vaadin-material-styles": "22.0.0-beta1",
"@vaadin/vaadin-themable-mixin": "22.0.0-beta1"
},

@@ -50,3 +50,3 @@ "devDependencies": {

},
"gitHead": "6e8c899dc65918f97e3c0acb2076122c4b2ef274"
"gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
}

@@ -59,30 +59,16 @@ /**

*
* Custom property | Description | Default
* ------------------------------------------|----------------------------|---------
* `--vaadin-field-default-width` | Default width of the field | `12em`
* `--vaadin-time-picker-overlay-max-height` | Max height of the overlay | `65vh`
* Custom property | Description | Default
* ----------------------------------------|----------------------------|---------
* `--vaadin-field-default-width` | Default width of the field | `12em`
* `--vaadin-combo-box-overlay-max-height` | Max height of the overlay | `65vh`
*
* The following shadow DOM parts are available for styling:
* `<vaadin-time-picker>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.
* See [`<vaadin-text-field>`](#/elements/vaadin-text-field) for the styling documentation.
*
* In addition to `<vaadin-text-field>` parts, the following parts are available for theming:
*
* Part name | Description
* ----------------|----------------
* `clear-button` | The clear button
* `input-field` | Input element wrapper
* `toggle-button` | The toggle button
* `label` | The label element
* `error-message` | The error message element
* `helper-text` | The helper text element wrapper
*
* See [Styling Components](https://vaadin.com/docs/latest/ds/customization/styling-components) documentation.
*
* The following state attributes are available for styling:
*
* Attribute | Description | Part name
* -------------|------------------------------------------|------------
* `disabled` | Set to a disabled time picker | :host
* `readonly` | Set to a read only time picker | :host
* `invalid` | Set when the element is invalid | :host
* `focused` | Set when the element is focused | :host
* `focus-ring` | Set when the element is keyboard focused | :host
*
* ### Internal components

@@ -94,2 +80,5 @@ *

* - `<vaadin-time-picker-combo-box>` - has the same API as [`<vaadin-combo-box-light>`](#/elements/vaadin-combo-box-light).
* - `<vaadin-time-picker-overlay>` - has the same API as [`<vaadin-overlay>`](#/elements/vaadin-overlay).
* - `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](#/elements/vaadin-item).
* - [`<vaadin-input-container>`](#/elements/vaadin-input-container) - an internal element wrapping the input.
*

@@ -99,2 +88,4 @@ * Note: the `theme` attribute value set on `<vaadin-time-picker>` is

*
* See [Styling Components](https://vaadin.com/docs/latest/ds/customization/styling-components) documentation.
*
* @fires {Event} change - Fired when the user commits a value change.

@@ -101,0 +92,0 @@ * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.

@@ -36,30 +36,16 @@ /**

*
* Custom property | Description | Default
* ------------------------------------------|----------------------------|---------
* `--vaadin-field-default-width` | Default width of the field | `12em`
* `--vaadin-time-picker-overlay-max-height` | Max height of the overlay | `65vh`
* Custom property | Description | Default
* ----------------------------------------|----------------------------|---------
* `--vaadin-field-default-width` | Default width of the field | `12em`
* `--vaadin-combo-box-overlay-max-height` | Max height of the overlay | `65vh`
*
* The following shadow DOM parts are available for styling:
* `<vaadin-time-picker>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.
* See [`<vaadin-text-field>`](#/elements/vaadin-text-field) for the styling documentation.
*
* In addition to `<vaadin-text-field>` parts, the following parts are available for theming:
*
* Part name | Description
* ----------------|----------------
* `clear-button` | The clear button
* `input-field` | Input element wrapper
* `toggle-button` | The toggle button
* `label` | The label element
* `error-message` | The error message element
* `helper-text` | The helper text element wrapper
*
* See [Styling Components](https://vaadin.com/docs/latest/ds/customization/styling-components) documentation.
*
* The following state attributes are available for styling:
*
* Attribute | Description | Part name
* -------------|------------------------------------------|------------
* `disabled` | Set to a disabled time picker | :host
* `readonly` | Set to a read only time picker | :host
* `invalid` | Set when the element is invalid | :host
* `focused` | Set when the element is focused | :host
* `focus-ring` | Set when the element is keyboard focused | :host
*
* ### Internal components

@@ -71,2 +57,5 @@ *

* - `<vaadin-time-picker-combo-box>` - has the same API as [`<vaadin-combo-box-light>`](#/elements/vaadin-combo-box-light).
* - `<vaadin-time-picker-overlay>` - has the same API as [`<vaadin-overlay>`](#/elements/vaadin-overlay).
* - `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](#/elements/vaadin-item).
* - [`<vaadin-input-container>`](#/elements/vaadin-input-container) - an internal element wrapping the input.
*

@@ -76,2 +65,4 @@ * Note: the `theme` attribute value set on `<vaadin-time-picker>` is

*
* See [Styling Components](https://vaadin.com/docs/latest/ds/customization/styling-components) documentation.
*
* @fires {Event} change - Fired when the user commits a value change.

@@ -336,3 +327,3 @@ * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.

);
this.addController(new AriaLabelController(this.inputElement, this._labelNode));
this.addController(new AriaLabelController(this, this.inputElement, this._labelNode));
this._inputContainer = this.shadowRoot.querySelector('[part~="input-field"]');

@@ -339,0 +330,0 @@ }

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc