npm - pdm-ui-kit - Versions diffs - 0.1.27 → 0.1.28 - Mend

pdm-ui-kit 0.1.27 → 0.1.28

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.

Files changed (7) hide show

package/esm2020/lib/components/calendar/calendar.component.mjs +11 -4
package/esm2020/lib/components/date-picker/date-picker.component.mjs +2 -2
package/fesm2015/pdm-ui-kit.mjs +11 -4
package/fesm2015/pdm-ui-kit.mjs.map +1 -1
package/fesm2020/pdm-ui-kit.mjs +11 -4
package/fesm2020/pdm-ui-kit.mjs.map +1 -1
package/package.json +1 -1

package/fesm2020/pdm-ui-kit.mjs CHANGED Viewed

@@ -665,10 +665,17 @@ class PdmCalendarComponent {
         return this.getAnchorMonth().getFullYear();
     }
     get yearOptions() {
-        const currentYear = this.singleHeaderYear;
-        let minYear = this.minYear ?? (this.minDate ? this.minDate.getFullYear() : currentYear - 100);
-        let maxYear = this.maxYear ?? (this.maxDate ? this.maxDate.getFullYear() : currentYear + 10);
+        const baseYear = new Date().getFullYear();
+        const selectedYear = this.singleHeaderYear;
+        let minYear = this.minYear ?? (this.minDate ? this.minDate.getFullYear() : baseYear - 100);
+        let maxYear = this.maxYear ?? (this.maxDate ? this.maxDate.getFullYear() : baseYear + 10);
         const years = [];
+        if (selectedYear < minYear) {
+            minYear = selectedYear;
+        }
+        if (selectedYear > maxYear) {
+            maxYear = selectedYear;
+        }
         if (minYear > maxYear) {
             const nextMin = maxYear;
             maxYear = minYear;
@@ -2014,7 +2021,7 @@ class PdmDatePickerComponent {
             'min-h-[36px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
             focusStyle
                 ? 'bg-accent border-neutral-400 ring-3 ring-neutral-300'
-                : 'bg-input border-input',
+                : 'bg-background border-input',
             this.invalid ? 'border-destructive ring-destructive/20' : '',
             this.triggerClassName
         ];