kalendly 0.3.2 → 0.3.3

package/dist/index.js

@@ -532,12 +532,14 @@ var init_calendar_engine = __esm({
       /**
        * Select a specific date
        */
-      selectDate(date, dayIndex) {
+      selectDate(date, dayIndex, navigate = true) {
         this.state.selectedDate = date;
         this.state.selectedDayIndex = dayIndex ?? null;
         this.state.currentDate = date.getDate();
-        this.state.currentMonth = date.getMonth();
-        this.state.currentYear = date.getFullYear();
+        if (navigate) {
+          this.state.currentMonth = date.getMonth();
+          this.state.currentYear = date.getFullYear();
+        }
         this.updateTasks();
         this.notify();
       }
@@ -565,8 +567,8 @@ var init_calendar_engine = __esm({
       /**
        * Handle date cell click
        */
-      handleDateClick(date, dayIndex) {
-        this.selectDate(date, dayIndex);
+      handleDateClick(date, dayIndex, options) {
+        this.selectDate(date, dayIndex, options?.navigate !== false);
       }
       /**
        * Check if date has events
@@ -1198,7 +1200,7 @@ var init_CalendarElement = __esm({
             )) {
               classes.push("calendar-cell-selected");
             }
-            if (availabilityMode && calendarDate.isCurrentMonth) {
+            if (availabilityMode) {
               const bucket = this.resolveBucket(
                 calendarDate.date
               );
@@ -1219,7 +1221,7 @@ var init_CalendarElement = __esm({
                 `aria-label="${escapeHtml(bucket)}"`
               );
             }
-            if (availabilityMode === "day" && selectable && calendarDate.isCurrentMonth) {
+            if (availabilityMode === "day" && selectable) {
               const d = calendarDate.date;
               if (this._rangeStart && isSameDay2(d, this._rangeStart))
                 classes.push("availability-range-start");
@@ -1430,7 +1432,7 @@ var init_CalendarElement = __esm({
               this._timeRangeEnd = null;
               this._timeRangeComplete = false;
             }
-            this.engine.handleDateClick(date, dayIndex);
+            this.engine.handleDateClick(date, dayIndex, { navigate: false });
             this.dispatchEvent(
               new CustomEvent("cal-date-select", {
                 bubbles: true,
@@ -1695,6 +1697,16 @@ var init_CalendarElement = __esm({
       selectedBg: "--calendar-selected-bg",
       outOfRangeBg: "--calendar-out-of-range-bg",
       outOfRangeFg: "--calendar-out-of-range-fg",
+      navArrowFg: "--calendar-nav-arrow-fg",
+      navArrowBg: "--calendar-nav-arrow-bg",
+      navArrowBorder: "--calendar-nav-arrow-border",
+      navArrowHoverFg: "--calendar-nav-arrow-hover-fg",
+      navArrowHoverBg: "--calendar-nav-arrow-hover-bg",
+      inputInvalidBg: "--calendar-input-invalid-bg",
+      popupHeaderFg: "--calendar-popup-header-fg",
+      popupCloseFg: "--calendar-popup-close-fg",
+      popupCloseBg: "--calendar-popup-close-bg",
+      popupCloseHoverBg: "--calendar-popup-close-hover-bg",
       headerBg: "--calendar-header-bg",
       popupBg: "--calendar-popup-bg",
       pickerBg: "--calendar-picker-bg",