@progress/kendo-dateinputs-common 0.2.0-dev.202301131210 → 0.2.0-dev.202301171717

package/dist/es/dateinput/dateinput.js

@@ -31,6 +31,7 @@ var CHANGE = "change";
 var defaultDateInputOptions = {
     format: "d",
     allowNulls: false,
+    hasPlaceholder: false,
     placeholder: null,
     cycleTime: true,
     locale: null,
@@ -303,6 +304,24 @@ var DateInput = /** @class */ (function (_super) {
             isInCaretMode: hasCaret,
             keyEvent: this.keyDownEvent
         });
+        var currentFormatChar = this.formatStateOnKeyDown.format[this.formatStateOnKeyDown.selectionStart] || "";
+        if (this.options.allowCaretMode && hasCaret && this.currentFormat.length !== this.elementValue.length) {
+            if (currentFormatChar &&
+                currentFormatChar.length > 0 &&
+                currentFormatChar !== Constants.formatSeparator) {
+                if (!diff || diff.length === 0) {
+                    diff = [];
+                    diff[0][0] = currentFormatChar;
+                    diff[0][1] = e.data || "";
+                }
+                else if (diff[0] && diff[0][0] !== Constants.formatSeparator) {
+                    if (diff[0][0] !== currentFormatChar) {
+                        diff[0][0] = currentFormatChar;
+                        diff[0][1] = e.data || "";
+                    }
+                }
+            }
+        }
         if (hasCaret && (!diff || diff.length === 0)) {
             this.restorePreviousInputEventState();
             return;
@@ -344,6 +363,7 @@ var DateInput = /** @class */ (function (_super) {
         var lastParseResultHasNoValue = lastParseResult && !lastParseResult.value;
         var parsingFailedOnDelete = (hasCaret && (isBackspaceKey || isDeleteKey) && lastParseResultHasNoValue);
         var resetPart = lastParseResult ? lastParseResult.resetPart : false;
+        var hasInvalidDatePart = lastParseResult ? lastParseResult.hasInvalidDatePart : false;
         var hasDateValueChanged = !isEqual(oldDateObjectValue, this.dateObject.value);
         var symbolForSelection;
         var currentSelection = this.selection;
@@ -369,14 +389,35 @@ var DateInput = /** @class */ (function (_super) {
                 }
             }
             else if (hasCaret) {
-                if (hasDateValueChanged && isPresent(this.dateObject.getValue())) {
+                if ((hasDateValueChanged && isPresent(this.dateObject.getValue()) ||
+                    (!hasDateValueChanged && switchPart && isPresent(this.dateObject.getValue())))) {
                     if (switchPart) {
                         this.switchDateSegment(1);
                     }
+                    else {
+                        if (this.options.format.length !== this.currentFormat.length &&
+                            currentFormatChar && currentFormatChar !== "y") {
+                            var elementValueLength = this.elementValue.length;
+                            this.forceUpdate();
+                            var selectionOffset = this.elementValue.length - elementValueLength;
+                            this.setSelection({
+                                start: currentSelection.start + selectionOffset,
+                                end: currentSelection.start + selectionOffset
+                            });
+                        }
+                    }
                 }
                 else {
                     if (lastParseResultHasNoValue) {
-                        this.restorePreviousInputEventState();
+                        var hasLeadingZero = this.dateObject.getLeadingZero()[currentFormatChar];
+                        if (switchPart) {
+                            this.switchDateSegment(1);
+                        }
+                        else if (e.data === "0" && hasLeadingZero) {
+                        }
+                        else {
+                            this.restorePreviousInputEventState();
+                        }
                     }
                 }
             }
@@ -388,20 +429,25 @@ var DateInput = /** @class */ (function (_super) {
                 }
                 else {
                     // the input is not complete, not parsable or not updatable
-                    if (hasCaret && originalInteractionMode !== DateInputInteractionMode.Caret && hasDateValueChanged) {
+                    if (originalInteractionMode !== DateInputInteractionMode.Caret && hasDateValueChanged) {
                     }
-                    else if (hasCaret && originalInteractionMode !== DateInputInteractionMode.Caret) {
+                    else if (originalInteractionMode !== DateInputInteractionMode.Caret) {
                         symbolForSelection = this.currentFormat[currentSelection.start];
                         this.forceUpdate();
                         this.setSelection(this.selectionBySymbol(symbolForSelection));
                     }
-                    else {
+                    else if (!hasInvalidDatePart) {
                         this.restorePreviousInputEventState();
                     }
                 }
             }
             else {
-                this.restorePreviousInputEventState();
+                var hasLeadingZero = this.dateObject.getLeadingZero()[currentFormatChar];
+                if (e.data === "0" && hasLeadingZero) {
+                }
+                else if (!hasInvalidDatePart) {
+                    this.restorePreviousInputEventState();
+                }
             }
         }
         else if (this.options.autoSwitchParts && (switchPart || navigationOnly)) {
@@ -463,9 +509,14 @@ var DateInput = /** @class */ (function (_super) {
         if (this.triggerKeyDown({ event: e })) {
             return;
         }
+        var _a = this.selection, start = _a.start, end = _a.end;
         this.keyDownEvent = e;
         this.previousElementValue = this.element.value;
-        var _a = this.selection, start = _a.start, end = _a.end;
+        this.formatStateOnKeyDown = {
+            format: this.currentFormat,
+            selectionStart: start,
+            selectionEnd: end
+        };
         this.previousElementSelection = { start: start, end: end };
         var autoSwitchKeys = (this.options.autoSwitchKeys || [])
             .map(function (x) { return x.toString().toLowerCase().trim(); });
@@ -735,11 +786,13 @@ var DateInput = /** @class */ (function (_super) {
                 return;
             }
         }
+        this.interactionMode = DateInputInteractionMode.None;
         var _a = this.selection, selectionStart = _a.start, selectionEnd = _a.end;
         if (selectionStart < selectionEnd &&
             this.currentFormat[selectionStart] !== this.currentFormat[selectionEnd - 1]) {
             this.setSelection(this.selectionByIndex(offset > 0 ? selectionStart : selectionEnd - 1));
             this.resetSegmentValue = true;
+            this.interactionMode = DateInputInteractionMode.None;
             return;
         }
         var previousFormatSymbol = this.currentFormat[selectionStart];
@@ -770,6 +823,7 @@ var DateInput = /** @class */ (function (_super) {
             this.setSelection({ start: a, end: b });
             this.resetSegmentValue = true;
         }
+        this.interactionMode = DateInputInteractionMode.None;
     };
     DateInput.prototype.modifyDateSegmentValue = function (offset, symbol, event) {
         if (symbol === void 0) { symbol = ""; }
@@ -971,13 +1025,14 @@ var DateInput = /** @class */ (function (_super) {
         var _a = this.dateObject.getTextAndFormat(format), currentText = _a.text, currentFormat = _a.format;
         this.currentFormat = currentFormat;
         this.currentText = currentText;
+        var hasPlaceholder = this.options.hasPlaceholder || isPresent(this.options.placeholder);
         var showPlaceholder = !this.isActive &&
-            isPresent(this.options.placeholder) &&
+            hasPlaceholder &&
             !this.dateObject.hasValue();
-        if (isPresent(this.options.placeholder)) {
+        if (hasPlaceholder && isPresent(this.options.placeholder)) {
             element.placeholder = this.options.placeholder;
         }
-        var newElementValue = !showPlaceholder ? currentText : "";
+        var newElementValue = showPlaceholder ? "" : currentText;
         this.previousElementValue = this.elementValue;
         this.setElementValue(newElementValue);
         if (this.isActive && !this.options.allowCaretMode && this.options.selectNearestSegmentOnFocus) {