@progress/kendo-dateinputs-common 0.4.2-dev.202501141100 → 0.4.2-develop.2

package/dist/es2015/common/dateobject.js

@@ -13,6 +13,31 @@ const MONTH_SYMBOL = "M";
 // JS months start from 0 (January) instead of 1 (January)
 const JS_MONTH_OFFSET = 1;
 export class DateObject {
+    set value(value) {
+        if (value && !(value instanceof Date)) {
+            // throw new Error("The 'value' should be a valid JavaScript Date instance.");
+            return;
+        }
+        this._value = value;
+        this.resetInvalidDate();
+    }
+    get value() {
+        return this._value;
+    }
+    get localeId() {
+        let localeId = Constants.defaultLocaleId;
+        const cldrKeys = Object.keys(this.intl.cldr);
+        for (let i = 0; i < cldrKeys.length; i++) {
+            const key = cldrKeys[i];
+            const value = this.intl.cldr[key];
+            if (value.name && value.calendar && value.numbers &&
+                value.name !== Constants.defaultLocaleId) {
+                localeId = value.name;
+                break;
+            }
+        }
+        return localeId;
+    }
     constructor({ intlService, formatPlaceholder, format, cycleTime = false, twoDigitYearMax = Constants.twoDigitYearMax, value = null, autoCorrectParts = true, toggleDayPeriod = false }) {
         this.year = true;
         this.month = true;
@@ -75,31 +100,6 @@ export class DateObject {
             this._value = cloneDate(value);
         }
     }
-    set value(value) {
-        if (value && !(value instanceof Date)) {
-            // throw new Error("The 'value' should be a valid JavaScript Date instance.");
-            return;
-        }
-        this._value = value;
-        this.resetInvalidDate();
-    }
-    get value() {
-        return this._value;
-    }
-    get localeId() {
-        let localeId = Constants.defaultLocaleId;
-        const cldrKeys = Object.keys(this.intl.cldr);
-        for (let i = 0; i < cldrKeys.length; i++) {
-            const key = cldrKeys[i];
-            const value = this.intl.cldr[key];
-            if (value.name && value.calendar && value.numbers &&
-                value.name !== Constants.defaultLocaleId) {
-                localeId = value.name;
-                break;
-            }
-        }
-        return localeId;
-    }
     /**
      * @hidden
      */
@@ -228,7 +228,7 @@ export class DateObject {
      */
     getFormattedInvalidDates(customFormat = "") {
         const format = customFormat || this.format;
-        let formattedDatesForSymbol = {
+        const formattedDatesForSymbol = {
             'E': '',
             'H': '',
             'M': '',
@@ -337,10 +337,10 @@ export class DateObject {
             let year = invalidDateParts.y.value || newValue.getFullYear();
             let month = invalidDateParts.M.value || newValue.getMonth();
             let day = invalidDateParts.d.value || invalidDateParts.E.value || newValue.getDate();
-            let hour = invalidDateParts.h.value || invalidDateParts.H.value || newValue.getHours();
-            let minutes = invalidDateParts.m.value || newValue.getMinutes();
-            let seconds = invalidDateParts.s.value || newValue.getSeconds();
-            let milliseconds = invalidDateParts.S.value || newValue.getMilliseconds();
+            const hour = invalidDateParts.h.value || invalidDateParts.H.value || newValue.getHours();
+            const minutes = invalidDateParts.m.value || newValue.getMinutes();
+            const seconds = invalidDateParts.s.value || newValue.getSeconds();
+            const milliseconds = invalidDateParts.S.value || newValue.getMilliseconds();
             switch (symbol) {
                 case 'y':
                     year += offset;
@@ -505,6 +505,7 @@ export class DateObject {
             }
         }
         else {
+            const hours = newValue.getHours();
             switch (symbol) {
                 case 'y':
                     newValue.setFullYear(newValue.getFullYear() + offset);
@@ -533,7 +534,6 @@ export class DateObject {
                     newValue.setMilliseconds(newValue.getMilliseconds() + offset);
                     break;
                 case 'a':
-                    let hours = newValue.getHours();
                     if (this.toggleDayPeriod) {
                         newValue.setHours(hours >= 12 ? hours - 12 : hours + 12);
                     }
@@ -604,10 +604,10 @@ export class DateObject {
             }
             i += datePart.pattern.length - 1;
         }
-        let shouldResetPart = isInCaretMode && symbol === "M" && dateParts.partMap
+        const shouldResetPart = isInCaretMode && symbol === "M" && dateParts.partMap
             .filter(x => x.type === "month")
             .some(x => x.pattern.length > MONTH_PART_WITH_WORDS_THRESHOLD);
-        let parseResult = {
+        const parseResult = {
             value: null,
             switchToNext: false,
             resetPart: shouldResetPart,
@@ -655,7 +655,7 @@ export class DateObject {
         const datePartStartIndex = (hasFixedFormat ? convertedBaseFormat : originalFormat).indexOf(symbol);
         const datePartEndIndex = (hasFixedFormat ? convertedBaseFormat : originalFormat).lastIndexOf(symbol);
         const segmentLength = datePartEndIndex - datePartStartIndex + 1;
-        let formatToTextLengthDiff = originalFormat.length - rawInputValue.length;
+        const formatToTextLengthDiff = originalFormat.length - rawInputValue.length;
         if (isInCaretMode || (!isInCaretMode && !this.autoCorrectParts)) {
             for (let i = 0; i < baseDate.length; i++) {
                 if (baseFormat[i] === symbol) {
@@ -749,7 +749,7 @@ export class DateObject {
             }
         }
         let parsedDate = null;
-        let month = this.matchMonth(currentChar);
+        const month = this.matchMonth(currentChar);
         const dayPeriod = this.matchDayPeriod(currentChar, symbol);
         const isZeroCurrentChar = currentChar === '0';
         const leadingZero = this.leadingZero || {};
@@ -757,7 +757,7 @@ export class DateObject {
             if (datePartText === "0") {
                 datePartText = current;
             }
-            let valueNumber = parseToInt(resetSegmentValue ?
+            const valueNumber = parseToInt(resetSegmentValue ?
                 currentChar :
                 (isInCaretMode ? datePartText : current) + currentChar);
             if (valueNumber === 0 && !this.isAbbrMonth(dateParts.partMap, symbol)) {
@@ -794,9 +794,19 @@ export class DateObject {
                 // middle = padZero(segmentLength - middle.length) + middle;
                 middle = padZero(patternLength - middle.length) + middle;
             }
-            let middleNumber = parseInt(middle, 10);
+            const middleNumber = parseInt(middle, 10);
             const candidateDateString = prefix + middle + suffix;
             parsedDate = this.intl.parseDate(candidateDateString, this.format, this.localeId);
+            // if the format does not include year/month/day, e.g. hh:mm:ss
+            // then the exact date cannot be inferred as there is no data for it
+            // thus the today's date is used, but revert to the original date
+            // to keep other parts of the date unchanged
+            if (parsedDate && this.value &&
+                dateParts.partMap.every(x => x.type !== "year" && x.type !== "month" && x.type != "day")) {
+                parsedDate.setFullYear(this.value.getFullYear());
+                parsedDate.setMonth(this.value.getMonth());
+                parsedDate.setDate(this.value.getDate());
+            }
             let autoCorrectedPrefixAndSuffix = false;
             if (isInCaretMode && !isValidDate(parsedDate)) {
                 // if part of the date is not available, e.g. "d"
@@ -946,15 +956,15 @@ export class DateObject {
                 const isDay = symbol === "d";
                 let newValue = cloneDate(this._value);
                 const invalidDateParts = this._partiallyInvalidDate.invalidDateParts || {};
-                let year = invalidDateParts.y.value || newValue.getFullYear();
+                const year = invalidDateParts.y.value || newValue.getFullYear();
                 /* tslint:disable:no-shadowed-variable */
-                let month = isMonth ? datePartValue : invalidDateParts.M.value || newValue.getMonth();
+                const month = isMonth ? datePartValue : invalidDateParts.M.value || newValue.getMonth();
                 /* tslint:enable:no-shadowed-variable */
-                let day = isDay ? datePartValue : invalidDateParts.d.value || invalidDateParts.E.value || newValue.getDate();
-                let hour = invalidDateParts.h.value || invalidDateParts.H.value || newValue.getHours();
-                let minutes = invalidDateParts.m.value || newValue.getMinutes();
-                let seconds = invalidDateParts.s.value || newValue.getSeconds();
-                let milliseconds = invalidDateParts.S.value || newValue.getMilliseconds();
+                const day = isDay ? datePartValue : invalidDateParts.d.value || invalidDateParts.E.value || newValue.getDate();
+                const hour = invalidDateParts.h.value || invalidDateParts.H.value || newValue.getHours();
+                const minutes = invalidDateParts.m.value || newValue.getMinutes();
+                const seconds = invalidDateParts.s.value || newValue.getSeconds();
+                const milliseconds = invalidDateParts.S.value || newValue.getMilliseconds();
                 const dateCandidate = createDate(year, month, day, hour, minutes, seconds, milliseconds);
                 const dateCandidateExists = areDatePartsEqualTo(dateCandidate, year, month, day, hour, minutes, seconds, milliseconds);
                 const newValueCandidate = isMonth || isDay ?
@@ -1257,7 +1267,7 @@ export class DateObject {
         // Important: right to left.
         let resultText = '';
         let resultFormat = '';
-        let format = mask.symbols;
+        const format = mask.symbols;
         let processTextSymbolsEnded = false;
         let ignoreFormatSymbolsCount = 0;
         const formattedDates = this.getFormattedInvalidDates(format);
@@ -1550,11 +1560,7 @@ export class DateObject {
         const peekedDate = this.intl.parseDate(peekedDateString, this.format, this.localeId);
         const leadingZeroOffset = (this.leadingZero || {})[symbol] || 0;
         const patternSatisfied = (leadingZeroOffset + unpadZero(middle).length) >= patternLength;
-        let parsedPeekedValue = parseToInt(peekedValue);
-        if (symbol === "M") {
-        }
-        else if (symbol === "d") {
-        }
+        const parsedPeekedValue = parseToInt(peekedValue);
         const switchToNext = peekedDate === null ||
             (leadingZero[symbol] ?
                 patternValue.length <= middle.length :

package/dist/es2015/common/observable.js

@@ -7,12 +7,13 @@ export class Observable {
         this.options = extend({}, defaultOptions, options);
     }
     destroy() {
+        this.options = {};
     }
     /**
      * @hidden
      */
     trigger(eventName, args = {}) {
-        let eventData = {
+        const eventData = {
             defaultPrevented: false,
             preventDefault: () => {
                 eventData.defaultPrevented = true;

package/dist/es2015/common/utils.js

@@ -46,7 +46,7 @@ export const deepExtend = (target, ...sources) => {
     const source = sources.shift();
     if (isObject(target) && isObject(source)) {
         for (const key in source) {
-            if (!source.hasOwnProperty(key) ||
+            if (!Object.prototype.hasOwnProperty.call(source, key) ||
                 key === "__proto__" ||
                 key === "constructor" ||
                 key === "prototype") {
@@ -71,6 +71,7 @@ export const deepExtend = (target, ...sources) => {
 /**
  * @hidden
  */
+// eslint-disable-next-line
 export const noop = () => { };
 /**
  * @hidden

package/dist/es2015/dateinput/dateinput.js

@@ -66,6 +66,9 @@ const defaultDateInputOptions = {
     toggleDayPeriod: false
 };
 export class DateInput extends Observable {
+    get value() {
+        return this.dateObject && this.dateObject.getValue();
+    }
     constructor(element, options) {
         super(options);
         this.dateObject = null;
@@ -77,9 +80,6 @@ export class DateInput extends Observable {
         this.previousElementSelection = { start: 0, end: 0 };
         this.init(element, options);
     }
-    get value() {
-        return this.dateObject && this.dateObject.getValue();
-    }
     init(element, options) {
         let dateValue = isValidDate(this.options.value) ? cloneDate(this.options.value) : new Date(options.formattedValue);
         if (!isValidDate(dateValue)) {
@@ -87,7 +87,7 @@ export class DateInput extends Observable {
         }
         this.element = element;
         // this.element._kendoWidget = this;
-        this.options = extend({}, defaultDateInputOptions, options, { steps: Object.assign({}, defaultDateInputOptions.steps, options.steps) });
+        this.options = extend({}, defaultDateInputOptions, options, { steps: Object.assign(Object.assign({}, defaultDateInputOptions.steps), options.steps) });
         this.intl = this.options.intlService;
         this.dateObject = this.createDateObject();
         this.dateObject.setValue(dateValue);
@@ -147,7 +147,7 @@ export class DateInput extends Observable {
         this.element.removeEventListener(MOUSE_WHEEL, this.onElementMouseWheel);
     }
     setOptions(options, refresh = false) {
-        this.options = extend({}, this.options, options, { steps: Object.assign({}, defaultDateInputOptions.steps, options.steps) });
+        this.options = extend({}, this.options, options, { steps: Object.assign(Object.assign({}, defaultDateInputOptions.steps), options.steps) });
         this.setDateObjectOptions();
         if (refresh) {
             this.unbindEvents();
@@ -302,7 +302,7 @@ export class DateInput extends Observable {
             oldText = currentText;
         }
         const newText = this.elementValue;
-        let diff = approximateStringMatching({
+        const diff = approximateStringMatching({
             oldText: oldText,
             newText: newText,
             formatPattern: this.currentFormat,
@@ -368,7 +368,7 @@ export class DateInput extends Observable {
         const currentSelection = this.selection;
         if (hasCaret) {
             const diffChar = diff && diff.length > 0 ? diff[0][0] : null;
-            let hasLeadingZero = this.dateObject.getLeadingZero()[diffChar];
+            const hasLeadingZero = this.dateObject.getLeadingZero()[diffChar];
             if (diff.length && diff[0][0] !== Constants.formatSeparator) {
                 if (switchPart) {
                     this.forceUpdateWithSelection();
@@ -789,7 +789,7 @@ export class DateInput extends Observable {
             }
         }
         this.interactionMode = DateInputInteractionMode.None;
-        let { start: selectionStart, end: selectionEnd } = this.selection;
+        const { start: selectionStart, end: selectionEnd } = this.selection;
         if (selectionStart < selectionEnd &&
             this.currentFormat[selectionStart] !== this.currentFormat[selectionEnd - 1]) {
             this.setSelection(this.selectionByIndex(offset > 0 ? selectionStart : selectionEnd - 1));
@@ -1146,7 +1146,9 @@ export class DateInput extends Observable {
      * @hidden
      */
     autoFill() {
-        let dateObject = this.dateObject, currentDate = new Date(), day, month, year, hours, minutes, seconds;
+        const dateObject = this.dateObject;
+        const currentDate = new Date();
+        let day, month, year, hours, minutes, seconds;
         if (dateObject.date || dateObject.month || dateObject.year || dateObject.hours || dateObject.minutes || dateObject.seconds) {
             year = dateObject.year ? dateObject.value.getFullYear() : currentDate.getFullYear(),
                 month = dateObject.month ? dateObject.value.getMonth() : currentDate.getMonth(),

package/dist/npm/common/constants.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Constants = void 0;
 exports.Constants = {
     formatSeparator: "_",
     twoDigitYearMax: 68,

package/dist/npm/common/dateobject.d.ts

@@ -17,8 +17,9 @@ export declare class DateObject {
     private knownParts;
     private symbols;
     private _value;
-    value: Date;
-    private readonly localeId;
+    set value(value: Date);
+    get value(): Date;
+    private get localeId();
     private cycleTime;
     private dayPeriods;
     private twoDigitYearMax;