ngxsmk-datepicker 1.9.13 → 1.9.14

package/README.md

@@ -8,7 +8,7 @@
 
 **npm i ngxsmk-datepicker**
 
-> **Stable Version**: `1.9.13` is the current stable release. For production use, install the latest version from npm.
+> **Stable Version**: `1.9.14` is the current stable release. For production use, install the latest version from npm.
 
 ngxsmk-datepicker – A modern, powerful, and fully customizable date and date-range picker component designed for Angular 17+ and Ionic applications. Seamlessly integrates with both frameworks, offering a flexible, mobile-friendly UI and advanced features to enhance date selection experiences in your apps.
 
@@ -736,6 +736,13 @@ We welcome and appreciate contributions from the community! Whether it's reporti
 
 ## **📄 Changelog**
 
+### **v1.9.14** (Stable)
+- 🐛 **Date Picker Selection Fix**: Fixed date picker selection issues, especially in range mode
+- 🐛 **Moment.js Timezone Support**: Fixed timezone offset preservation for Moment.js objects
+- 🎉 **Version Update**: Updated to version 1.9.14
+- ✅ **Stable Release**: Version 1.9.14 is the current stable version
+- 🔄 **Backward Compatible**: Full backward compatibility with v1.9.13
+
 ### **v1.9.13** (Stable)
 - 🐛 **Bug Fixes**: Fixed `valueChange` event emitting null for range mode with ngModel
 - 🐛 **Bug Fixes**: Fixed date selection becoming disabled after month navigation in range mode

package/fesm2022/ngxsmk-datepicker.mjs

@@ -3753,7 +3753,7 @@ class NgxsmkDatepickerComponent {
         }
         else if (this.isMomentObject(val)) {
             const momentObj = val;
-            return this._normalizeDate(momentObj.toDate());
+            return this._normalizeDate(this.momentToDate(momentObj));
         }
         else if (typeof val === 'object' && val !== null && 'start' in val && 'end' in val) {
             const rangeVal = val;
@@ -3761,14 +3761,14 @@ class NgxsmkDatepickerComponent {
             let end;
             if (this.isMomentObject(rangeVal.start)) {
                 const momentStart = rangeVal.start;
-                start = this._normalizeDate(momentStart.toDate());
+                start = this._normalizeDate(this.momentToDate(momentStart));
             }
             else {
                 start = this._normalizeDate(rangeVal.start);
             }
             if (this.isMomentObject(rangeVal.end)) {
                 const momentEnd = rangeVal.end;
-                end = this._normalizeDate(momentEnd.toDate());
+                end = this._normalizeDate(this.momentToDate(momentEnd));
             }
             else {
                 end = this._normalizeDate(rangeVal.end);
@@ -3782,7 +3782,7 @@ class NgxsmkDatepickerComponent {
             return val.map(d => {
                 if (this.isMomentObject(d)) {
                     const momentObj = d;
-                    return this._normalizeDate(momentObj.toDate());
+                    return this._normalizeDate(this.momentToDate(momentObj));
                 }
                 return this._normalizeDate(d);
             }).filter((d) => d !== null);
@@ -3813,6 +3813,26 @@ class NgxsmkDatepickerComponent {
             typeof obj['isMoment']() === 'boolean' &&
             obj['isMoment']() === true;
     }
+    /**
+     * Convert a Moment.js object to a Date, preserving timezone offset
+     */
+    momentToDate(momentObj) {
+        if (typeof momentObj.utcOffset === 'function' && typeof momentObj.format === 'function') {
+            const offset = momentObj.utcOffset();
+            if (offset !== undefined && offset !== null) {
+                try {
+                    const formatted = momentObj.format('YYYY-MM-DDTHH:mm:ss.SSSZ');
+                    const date = new Date(formatted);
+                    if (!isNaN(date.getTime())) {
+                        return date;
+                    }
+                }
+                catch {
+                }
+            }
+        }
+        return momentObj.toDate();
+    }
     isValueEqual(val1, val2) {
         if (val1 === val2)
             return true;
@@ -4177,15 +4197,18 @@ class NgxsmkDatepickerComponent {
                 this.startDate = this.applyTimeIfNeeded(day);
                 this.endDate = null;
                 this.hoveredDate = null;
+                this._invalidateMemoCache();
+                this.scheduleChangeDetection();
             }
             else if (this.startDate && !this.endDate) {
                 if (dayTime < startTime) {
                     this.startDate = this.applyTimeIfNeeded(day);
                     this.endDate = null;
                     this.hoveredDate = null;
+                    this._invalidateMemoCache();
+                    this.scheduleChangeDetection();
                 }
                 else if (dayTime === startTime) {
-                    // Same day selected - no action needed
                 }
                 else {
                     const potentialEndDate = this.applyTimeIfNeeded(day);
@@ -4194,12 +4217,14 @@ class NgxsmkDatepickerComponent {
                             this.startDate = potentialEndDate;
                             this.endDate = null;
                             this.hoveredDate = null;
+                            this._invalidateMemoCache();
                             this.scheduleChangeDetection();
                             return;
                         }
                     }
                     this.endDate = potentialEndDate;
                     this.hoveredDate = null;
+                    this._invalidateMemoCache();
                     this.emitValue({ start: this.startDate, end: this.endDate });
                     const startFormatted = formatDateWithTimezone(this.startDate, this.locale, {
                         year: 'numeric',

package/index.d.ts

@@ -500,6 +500,10 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
      * Check if the provided value is a Moment.js object
      */
     private isMomentObject;
+    /**
+     * Convert a Moment.js object to a Date, preserving timezone offset
+     */
+    private momentToDate;
     private isValueEqual;
     private parseDateString;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngxsmk-datepicker",
-  "version": "1.9.13",
+  "version": "1.9.14",
   "author": {
     "name": "Sachin Dilshan",
     "url": "https://www.linkedin.com/in/sachindilshan/"