@shival99/z-ui 2.0.27 → 2.0.28

package/fesm2022/shival99-z-ui-components-z-calendar.mjs

@@ -1563,19 +1563,51 @@ class ZCalendarComponent {
         if (this.isRangeMode()) {
             if (typeof value === 'object' && 'start' in value && 'end' in value) {
                 const range = value;
-                this._rangeStart.set(range.start);
-                this._rangeEnd.set(range.end);
-                if (range.start && range.end) {
-                    this._currentMonth.set(range.start);
-                    this._endMonth.set(isSameMonth(range.start, range.end) ? addMonths(range.end, 1) : range.end);
+                let start = null;
+                let end = null;
+                const valStart = range['start'];
+                const valEnd = range['end'];
+                // Tự động phân tích giá trị start nếu là chuỗi ISO hoặc định dạng thông thường
+                if (valStart instanceof Date) {
+                    start = valStart;
+                }
+                if (typeof valStart === 'string') {
+                    const isIsoLike = /^\d{4}-\d{2}-\d{2}/.test(valStart);
+                    start =
+                        valueType === 'iso' || isIsoLike
+                            ? fromISOString(valStart)
+                            : parseDate(valStart, this.zFormat(), this.zLocale());
+                    if (isIsoLike && (!start || isNaN(start.getTime()))) {
+                        start = parseDate(valStart, this.zFormat(), this.zLocale());
+                    }
+                }
+                // Tự động phân tích giá trị end nếu là chuỗi ISO hoặc định dạng thông thường
+                if (valEnd instanceof Date) {
+                    end = valEnd;
+                }
+                if (typeof valEnd === 'string') {
+                    const isIsoLike = /^\d{4}-\d{2}-\d{2}/.test(valEnd);
+                    end =
+                        valueType === 'iso' || isIsoLike
+                            ? fromISOString(valEnd)
+                            : parseDate(valEnd, this.zFormat(), this.zLocale());
+                    if (isIsoLike && (!end || isNaN(end.getTime()))) {
+                        end = parseDate(valEnd, this.zFormat(), this.zLocale());
+                    }
+                }
+                this._rangeStart.set(start);
+                this._rangeEnd.set(end);
+                if (start && end) {
+                    this._currentMonth.set(start);
+                    this._endMonth.set(isSameMonth(start, end) ? addMonths(end, 1) : end);
                     if (!this.shortDisplayPresetKey()) {
-                        const presetKey = this._detectMatchingPreset(range.start, range.end);
+                        const presetKey = this._detectMatchingPreset(start, end);
                         this.activePresetKey.set(presetKey);
                         this.shortDisplayPresetKey.set(this.zShortTime() && presetKey !== 'custom' ? presetKey : null);
                     }
                     if (this.zShowTime()) {
-                        this._syncTimeSignals(range.start);
-                        this._syncEndTimeSignals(range.end);
+                        this._syncTimeSignals(start);
+                        this._syncEndTimeSignals(end);
                     }
                 }
                 else {
@@ -1589,8 +1621,13 @@ class ZCalendarComponent {
         if (value instanceof Date) {
             date = value;
         }
+        // Tự động phân tích chuỗi ISO của single mode (hữu ích khi nhận giá trị thô từ API)
         if (!date && typeof value === 'string') {
-            date = valueType === 'iso' ? fromISOString(value) : parseDate(value, this.zFormat(), this.zLocale());
+            const isIsoLike = /^\d{4}-\d{2}-\d{2}/.test(value);
+            date = valueType === 'iso' || isIsoLike ? fromISOString(value) : parseDate(value, this.zFormat(), this.zLocale());
+            if (isIsoLike && (!date || isNaN(date.getTime()))) {
+                date = parseDate(value, this.zFormat(), this.zLocale());
+            }
         }
         if (!date) {
             return;
@@ -2973,14 +3010,15 @@ class ZCalendarComponent {
         this.period.set(date.getHours() >= 12 ? 'PM' : 'AM');
     }
     _getParseFormat() {
-        if (!this.zShowTime() && !this.isTimeMode()) {
-            return this.zFormat();
-        }
-        const timeFormat = this._buildTimeFormat();
         if (this.isTimeMode()) {
-            return timeFormat;
+            return this._buildTimeFormat();
+        }
+        const format = this.zFormat();
+        const formatHasTime = hasTimeTokens(format);
+        if (this.zShowTime() && !formatHasTime) {
+            return `${format} ${this._buildTimeFormat()}`;
         }
-        return `${this.zFormat()} ${timeFormat}`;
+        return format;
     }
     _buildTimeFormat(period) {
         return buildTimeFormat(this.zShowHour(), this.zShowMinute(), this.zShowSecond(), this.zTimeFormat(), period);