@vaadin/date-picker 24.4.0-dev.b3e1d14600 → 24.5.0-alpha1

package/src/vaadin-month-calendar.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import '@polymer/polymer/lib/elements/dom-repeat.js';
@@ -50,12 +50,12 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
               <template is="dom-repeat" items="[[week]]">
                 <td
                   role="gridcell"
-                  part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate)]]"
+                  part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate, isDateDisabled)]]"
                   date="[[item]]"
                   tabindex$="[[__getDayTabindex(item, focusedDate)]]"
-                  disabled$="[[__isDayDisabled(item, minDate, maxDate)]]"
+                  disabled$="[[__isDayDisabled(item, minDate, maxDate, isDateDisabled)]]"
                   aria-selected$="[[__getDayAriaSelected(item, selectedDate)]]"
-                  aria-disabled$="[[__getDayAriaDisabled(item, minDate, maxDate)]]"
+                  aria-disabled$="[[__getDayAriaDisabled(item, minDate, maxDate, isDateDisabled)]]"
                   aria-label$="[[__getDayAriaLabel(item)]]"
                   >[[_getDate(item)]]</td
                 >
@@ -76,7 +76,7 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
       /** @protected */
       _days: {
         type: Array,
-        computed: '_getDays(month, i18n, minDate, maxDate)',
+        computed: '_getDays(month, i18n, minDate, maxDate, isDateDisabled)',
       },
 
       /** @protected */
@@ -107,10 +107,10 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
   }
 
   /** @private */
-  __getDatePart(date, focusedDate, selectedDate, minDate, maxDate) {
+  __getDatePart(date, focusedDate, selectedDate, minDate, maxDate, isDateDisabled) {
     const result = ['date'];
 
-    if (this.__isDayDisabled(date, minDate, maxDate)) {
+    if (this.__isDayDisabled(date, minDate, maxDate, isDateDisabled)) {
       result.push('disabled');
     }
 
@@ -147,17 +147,17 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
   }
 
   /** @private */
-  __isDayDisabled(date, minDate, maxDate) {
-    return !dateAllowed(date, minDate, maxDate);
+  __isDayDisabled(date, minDate, maxDate, isDateDisabled) {
+    return !dateAllowed(date, minDate, maxDate, isDateDisabled);
   }
 
   /** @private */
-  __getDayAriaDisabled(date, min, max) {
-    if (date === undefined || min === undefined || max === undefined) {
+  __getDayAriaDisabled(date, min, max, isDateDisabled) {
+    if (date === undefined || (min === undefined && max === undefined && isDateDisabled === undefined)) {
       return;
     }
 
-    if (this.__isDayDisabled(date, min, max)) {
+    if (this.__isDayDisabled(date, min, max, isDateDisabled)) {
       return 'true';
     }
   }

package/theme/lumo/vaadin-date-picker-light.d.ts

@@ -0,0 +1,4 @@
+import './vaadin-date-picker-overlay-styles.js';
+import './vaadin-date-picker-overlay-content-styles.js';
+import './vaadin-month-calendar-styles.js';
+import '../../src/vaadin-date-picker-light.js';

package/theme/lumo/vaadin-date-picker-overlay-content-styles.d.ts

@@ -0,0 +1,7 @@
+import '@vaadin/vaadin-lumo-styles/color.js';
+import '@vaadin/vaadin-lumo-styles/sizing.js';
+import '@vaadin/vaadin-lumo-styles/spacing.js';
+import '@vaadin/vaadin-lumo-styles/style.js';
+import '@vaadin/vaadin-lumo-styles/typography.js';
+import '@vaadin/button/theme/lumo/vaadin-button-styles.js';
+import './vaadin-date-picker-year-styles.js';

package/theme/lumo/vaadin-date-picker-overlay-styles.d.ts

@@ -0,0 +1,2 @@
+import '@vaadin/vaadin-lumo-styles/sizing.js';
+import '@vaadin/vaadin-lumo-styles/spacing.js';

package/theme/lumo/vaadin-date-picker-styles.d.ts

@@ -0,0 +1,2 @@
+import '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';
+import '@vaadin/vaadin-lumo-styles/font-icons.js';

package/theme/lumo/vaadin-date-picker-year-styles.d.ts

@@ -0,0 +1 @@
+import '@vaadin/vaadin-lumo-styles/color.js';

package/theme/lumo/vaadin-date-picker.d.ts

@@ -0,0 +1,5 @@
+import './vaadin-date-picker-overlay-styles.js';
+import './vaadin-date-picker-overlay-content-styles.js';
+import './vaadin-month-calendar-styles.js';
+import './vaadin-date-picker-styles.js';
+import '../../src/vaadin-date-picker.js';

package/theme/lumo/vaadin-lit-date-picker.d.ts

@@ -0,0 +1,5 @@
+import './vaadin-date-picker-overlay-styles.js';
+import './vaadin-date-picker-overlay-content-styles.js';
+import './vaadin-month-calendar-styles.js';
+import './vaadin-date-picker-styles.js';
+import '../../src/vaadin-lit-date-picker.js';

package/theme/lumo/vaadin-month-calendar-styles.d.ts

@@ -0,0 +1,5 @@
+import '@vaadin/vaadin-lumo-styles/color.js';
+import '@vaadin/vaadin-lumo-styles/sizing.js';
+import '@vaadin/vaadin-lumo-styles/spacing.js';
+import '@vaadin/vaadin-lumo-styles/style.js';
+import '@vaadin/vaadin-lumo-styles/typography.js';

package/theme/material/vaadin-date-picker-light.d.ts

@@ -0,0 +1,4 @@
+import './vaadin-date-picker-overlay-styles.js';
+import './vaadin-date-picker-overlay-content-styles.js';
+import './vaadin-month-calendar-styles.js';
+import '../../src/vaadin-date-picker-light.js';

package/theme/material/vaadin-date-picker-overlay-content-styles.d.ts

@@ -0,0 +1,6 @@
+import '@vaadin/vaadin-material-styles/color.js';
+import '@vaadin/vaadin-material-styles/font-icons.js';
+import '@vaadin/vaadin-material-styles/typography.js';
+import '@vaadin/vaadin-material-styles/shadow.js';
+import '@vaadin/button/theme/material/vaadin-button-styles.js';
+import './vaadin-date-picker-year-styles.js';

package/theme/material/vaadin-date-picker-overlay-styles.d.ts

@@ -0,0 +1 @@
+export {};

package/theme/material/vaadin-date-picker-styles.d.ts

@@ -0,0 +1,3 @@
+import '@vaadin/input-container/theme/material/vaadin-input-container-styles.js';
+import '@vaadin/vaadin-material-styles/color.js';
+import '@vaadin/vaadin-material-styles/font-icons.js';

package/theme/material/vaadin-date-picker-year-styles.d.ts

@@ -0,0 +1 @@
+import '@vaadin/vaadin-material-styles/typography.js';

package/theme/material/vaadin-date-picker.d.ts

@@ -0,0 +1,5 @@
+import './vaadin-date-picker-overlay-styles.js';
+import './vaadin-date-picker-overlay-content-styles.js';
+import './vaadin-month-calendar-styles.js';
+import './vaadin-date-picker-styles.js';
+import '../../src/vaadin-date-picker.js';

package/theme/material/vaadin-lit-date-picker.d.ts

@@ -0,0 +1,5 @@
+import './vaadin-date-picker-overlay-styles.js';
+import './vaadin-date-picker-overlay-content-styles.js';
+import './vaadin-month-calendar-styles.js';
+import './vaadin-date-picker-styles.js';
+import '../../src/vaadin-lit-date-picker.js';

package/theme/material/vaadin-month-calendar-styles.d.ts

@@ -0,0 +1,2 @@
+import '@vaadin/vaadin-material-styles/color.js';
+import '@vaadin/vaadin-material-styles/typography.js';