feat(*): add logic to disable Today button when it is not selectable

Author: IsabellaPap

projects/picker/src/lib/date-time/calendar.component.html

@@ -40,6 +40,7 @@
     </button>
     @if (currentView === DateView.MONTH && showTodayButton) {
       <button
+        [disabled]="!isTodayAllowed"
         (click)="jumpToToday()"
         class="owl-dt-control owl-dt-control-button owl-dt-control-today-button"
         type="button">

projects/picker/src/lib/date-time/calendar.component.ts

@@ -189,6 +189,29 @@ export class OwlCalendarComponent<T> implements AfterContentInit, AfterViewCheck
     });
   }
 
+  public get isTodayAllowed(): boolean {
+    if (!this.dateTimeAdapter) {
+      return false;
+    }
+    const now = this.dateTimeAdapter.now();
+    // Normalize 'today' to the start of the day, how minDate and maxDate are stored
+    const today = this.dateTimeAdapter.createDate(
+      this.dateTimeAdapter.getYear(now),
+      this.dateTimeAdapter.getMonth(now),
+      this.dateTimeAdapter.getDate(now)
+    );
+
+    if (this.minDate && this.dateTimeAdapter.compare(today, this.minDate) < 0) {
+      return false;
+    }
+
+    if (this.maxDate && this.dateTimeAdapter.compare(today, this.maxDate) > 0) {
+      return false;
+    }
+
+    return true;
+  }
+
   /**
    * Date filter for the month and year view
    */

projects/picker/src/sass/picker.scss

@@ -532,6 +532,15 @@ $theme-color: #3f51b5;
   &:hover {
     background-color: rgba(0, 0, 0, 0.12);
   }
+
+  &:disabled {
+    color: rgb(0 0 0 / 0.4);
+    cursor: default;
+
+    &:hover {
+      background-color: transparent;
+    }
+  }
 }
 
 .owl-dt-control-arrow-button {