@everymatrix/general-input 1.74.1 → 1.74.2

package/dist/collection/components/date-input/date-input.js

@@ -10,10 +10,10 @@ export class DateInput {
         this.formatDate = (dateParts) => {
             const { year, month, day } = dateParts;
             const date = new Date(year, month, day);
-            return dateFnsFormat(date, this.dateFormat || 'yyyy-MM-dd');
+            return dateFnsFormat(date, this.dateFormat);
         };
         this.parseDate = (inputValue) => {
-            const date = dateFnsParse(inputValue, this.dateFormat || 'yyyy-MM-dd', new Date());
+            const date = dateFnsParse(inputValue, this.dateFormat, new Date());
             return { year: date.getFullYear(), month: date.getMonth(), day: date.getDate() };
         };
         this.setClientStyling = () => {
@@ -31,7 +31,7 @@ export class DateInput {
         this.language = undefined;
         this.emitValue = undefined;
         this.clientStyling = '';
-        this.dateFormat = undefined;
+        this.dateFormat = 'yyyy-MM-dd';
         this.emitOnClick = false;
         this.errorMessage = undefined;
         this.isValid = undefined;
@@ -42,7 +42,7 @@ export class DateInput {
         if (!this.value)
             return '';
         const parsedDate = dateFnsParse(this.value, 'yyyy-MM-dd', new Date());
-        return dateFnsFormat(parsedDate, this.dateFormat || 'yyyy-MM-dd');
+        return dateFnsFormat(parsedDate, this.dateFormat);
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -158,8 +158,8 @@ export class DateInput {
         if (this.touched) {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
-        return h("div", { key: '2598dc4b54afe7b871bbff237dacc02a04f109a1', class: `date__wrapper  ${this.autofilled ? 'date__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("label", { key: 'e8e08599b7d713df237041a5c2a95ae78d7a955d', class: `date__label ${this.validation.mandatory ? 'date__label--required' : ''}}`, htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? '*' : ''), h("vaadin-date-picker", { key: '42ae32529da3f7d2bb63b9d92167a0062464f0f5', id: `${this.name}__input`, type: 'date', class: `date__input ${invalidClass}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onChange: (e) => this.handleInput(e) }), h("small", { key: '6b6a7b2f369fc06001b22a4cff9835e0741ce33d', class: 'date__error-message' }, this.errorMessage), this.tooltip &&
-            h("img", { key: '930e536f3fd7dae8959c3caea374706bc2dcd805', class: 'date__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
+        return h("div", { key: 'ccbdcfd1e145373d0fb24f7c1e6e5ae1184a80f2', class: `date__wrapper  ${this.autofilled ? 'date__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("label", { key: '960db248a2f7418ed87b25de57b58cc8a4902a25', class: `date__label ${this.validation.mandatory ? 'date__label--required' : ''}}`, htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? '*' : ''), h("vaadin-date-picker", { key: '660961b240cc0cff03d8d4bf3687b398cd07befd', id: `${this.name}__input`, type: 'date', class: `date__input ${invalidClass}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onChange: (e) => this.handleInput(e) }), h("small", { key: 'ba06bb3d85bb4441ae92a642464a47b798b287eb', class: 'date__error-message' }, this.errorMessage), this.tooltip &&
+            h("img", { key: '7ccb422e319e2a08963e99b242495ba9115517bd', class: 'date__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
     }
     static get is() { return "date-input"; }
     static get encapsulation() { return "shadow"; }
@@ -365,7 +365,8 @@ export class DateInput {
                     "text": "Date format for date picker."
                 },
                 "attribute": "date-format",
-                "reflect": true
+                "reflect": true,
+                "defaultValue": "'yyyy-MM-dd'"
             },
             "emitOnClick": {
                 "type": "boolean",