@vaadin/date-picker 25.3.0-beta1 → 25.3.0-beta3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/date-picker",
|
|
3
|
-
"version": "25.3.0-
|
|
3
|
+
"version": "25.3.0-beta3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,21 +35,21 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/a11y-base": "25.3.0-
|
|
39
|
-
"@vaadin/button": "25.3.0-
|
|
40
|
-
"@vaadin/component-base": "25.3.0-
|
|
41
|
-
"@vaadin/field-base": "25.3.0-
|
|
42
|
-
"@vaadin/input-container": "25.3.0-
|
|
43
|
-
"@vaadin/overlay": "25.3.0-
|
|
44
|
-
"@vaadin/vaadin-themable-mixin": "25.3.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.3.0-beta3",
|
|
39
|
+
"@vaadin/button": "25.3.0-beta3",
|
|
40
|
+
"@vaadin/component-base": "25.3.0-beta3",
|
|
41
|
+
"@vaadin/field-base": "25.3.0-beta3",
|
|
42
|
+
"@vaadin/input-container": "25.3.0-beta3",
|
|
43
|
+
"@vaadin/overlay": "25.3.0-beta3",
|
|
44
|
+
"@vaadin/vaadin-themable-mixin": "25.3.0-beta3",
|
|
45
45
|
"lit": "^3.0.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@vaadin/aura": "25.3.0-
|
|
49
|
-
"@vaadin/chai-plugins": "25.3.0-
|
|
50
|
-
"@vaadin/test-runner-commands": "25.3.0-
|
|
48
|
+
"@vaadin/aura": "25.3.0-beta3",
|
|
49
|
+
"@vaadin/chai-plugins": "25.3.0-beta3",
|
|
50
|
+
"@vaadin/test-runner-commands": "25.3.0-beta3",
|
|
51
51
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
52
|
-
"@vaadin/vaadin-lumo-styles": "25.3.0-
|
|
52
|
+
"@vaadin/vaadin-lumo-styles": "25.3.0-beta3",
|
|
53
53
|
"sinon": "^22.0.0"
|
|
54
54
|
},
|
|
55
55
|
"customElements": "custom-elements.json",
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"web-types.json",
|
|
58
58
|
"web-types.lit.json"
|
|
59
59
|
],
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "1ea43188e1297f6898cbf9d3610b85a7a2cca6f0"
|
|
61
61
|
}
|
|
@@ -10,6 +10,9 @@ export const monthCalendarStyles = css`
|
|
|
10
10
|
:host {
|
|
11
11
|
display: block;
|
|
12
12
|
padding: var(--vaadin-date-picker-month-padding, var(--vaadin-padding-s));
|
|
13
|
+
-webkit-tap-highlight-color: transparent;
|
|
14
|
+
-webkit-user-select: none;
|
|
15
|
+
user-select: none;
|
|
13
16
|
}
|
|
14
17
|
|
|
15
18
|
[part='month-header'] {
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { hideOthers } from '@vaadin/a11y-base/src/aria-hidden.js';
|
|
7
7
|
import { DelegateFocusMixin } from '@vaadin/a11y-base/src/delegate-focus-mixin.js';
|
|
8
|
-
import { isKeyboardActive } from '@vaadin/a11y-base/src/focus-utils.js';
|
|
8
|
+
import { isElementFocused, isKeyboardActive } from '@vaadin/a11y-base/src/focus-utils.js';
|
|
9
9
|
import { KeyboardMixin } from '@vaadin/a11y-base/src/keyboard-mixin.js';
|
|
10
10
|
import { isIOS } from '@vaadin/component-base/src/browser-utils.js';
|
|
11
11
|
import { setOrRemoveAttribute } from '@vaadin/component-base/src/dom-utils.js';
|
|
@@ -1124,6 +1124,12 @@ export const DatePickerMixin = (subclass) =>
|
|
|
1124
1124
|
if (!this.value && !this._keyboardActive) {
|
|
1125
1125
|
this._requestValidation();
|
|
1126
1126
|
}
|
|
1127
|
+
|
|
1128
|
+
// Focusout events while closing arrive with `opened` still true and keep the focused state.
|
|
1129
|
+
// Clear it here unless focus was restored to the input, as at a wide viewport or on Esc.
|
|
1130
|
+
if (!this.inputElement || !isElementFocused(this.inputElement)) {
|
|
1131
|
+
this._setFocused(false);
|
|
1132
|
+
}
|
|
1127
1133
|
}
|
|
1128
1134
|
|
|
1129
1135
|
/** @private */
|
|
@@ -26,6 +26,10 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolylitMixin(LumoIn
|
|
|
26
26
|
return monthCalendarStyles;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
static get lumoInjector() {
|
|
30
|
+
return { ...super.lumoInjector, includeBaseStyles: true };
|
|
31
|
+
}
|
|
32
|
+
|
|
29
33
|
/** @protected */
|
|
30
34
|
render() {
|
|
31
35
|
const weekDayNames = this.__computeWeekDayNames(this.i18n, this.showWeekNumbers);
|
package/web-types.json
CHANGED