@luftborn/custom-elements 2.4.1 → 2.5.0

package/demo/index.min.js

@@ -11,7 +11,7 @@ document.onreadystatechange = function () {
     }
 };
 
-},{"./../src/index":72}],2:[function(require,module,exports){
+},{"./../src/index":73}],2:[function(require,module,exports){
 /**
 @license @nocompile
 Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
@@ -2367,7 +2367,7 @@ var CustomForm = /** @class */ (function () {
 }());
 exports.CustomForm = CustomForm;
 
-},{"./elements/FileField/FileFieldElement":20,"./framework/Utilities/ArrayUtil":56,"./framework/Utilities/MakeRequest":59}],10:[function(require,module,exports){
+},{"./elements/FileField/FileFieldElement":21,"./framework/Utilities/ArrayUtil":57,"./framework/Utilities/MakeRequest":60}],10:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2575,7 +2575,7 @@ var AddressElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.AddressElement = AddressElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Language/Translator":54,"../../framework/Polyfills/getAttributeNamesPolyfill":55,"../../framework/Utilities/debouncer":62,"../../framework/custom-element.decorator":71}],11:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Language/Translator":55,"../../framework/Polyfills/getAttributeNamesPolyfill":56,"../../framework/Utilities/debouncer":63,"../../framework/custom-element.decorator":72}],11:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2704,7 +2704,7 @@ var BankFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.BankFieldElement = BankFieldElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Language/Translator":54,"../../framework/Validation/Validators/BankAccount":63,"../../framework/Validation/Validators/BankAccountRegistrationNumber":64,"../../framework/custom-element.decorator":71}],12:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Language/Translator":55,"../../framework/Validation/Validators/BankAccount":64,"../../framework/Validation/Validators/BankAccountRegistrationNumber":65,"../../framework/custom-element.decorator":72}],12:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2788,7 +2788,7 @@ var CPRElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.CPRElement = CPRElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Validation/Validators/CPR":67,"../../framework/custom-element.decorator":71}],13:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Validation/Validators/CPR":68,"../../framework/custom-element.decorator":72}],13:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2872,7 +2872,7 @@ var CVRElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.CVRElement = CVRElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Validation/Validators/CVR":68,"../../framework/custom-element.decorator":71}],14:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Validation/Validators/CVR":69,"../../framework/custom-element.decorator":72}],14:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2970,7 +2970,141 @@ var CheckBoxElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.CheckBoxElement = CheckBoxElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Utilities/StringUtil":60,"../../framework/custom-element.decorator":71}],15:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Utilities/StringUtil":61,"../../framework/custom-element.decorator":72}],15:[function(require,module,exports){
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomFormatDateFieldElement = void 0;
+var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
+var CustomInputElement_1 = require("../../framework/CustomInputElement");
+var CustomEvents_1 = require("../../framework/CustomEvents");
+var CustomFormatDateFieldElement = /** @class */ (function (_super) {
+    __extends(CustomFormatDateFieldElement, _super);
+    function CustomFormatDateFieldElement() {
+        return _super.call(this) || this;
+    }
+    Object.defineProperty(CustomFormatDateFieldElement.prototype, "value", {
+        get: function () {
+            return this.date.value;
+        },
+        set: function (value) {
+            this.date.value = value;
+            this.display.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CustomFormatDateFieldElement.prototype, "valid", {
+        get: function () {
+            return this.date.validity.valid;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CustomFormatDateFieldElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    CustomFormatDateFieldElement.prototype.initChildInputs = function () {
+        var _this = this;
+        this.date = _super.prototype.getChildInput.call(this, '#date-field');
+        this.display = _super.prototype.getChildInput.call(this, '#display-field');
+        this.datepicker = _super.prototype.getChildInput.call(this, '#picker-trigger');
+        this.date.addEventListener('change', function () {
+            _this.display.value = _this.formatDate();
+            _this.change(null);
+        });
+        this.datepicker.addEventListener('click', function () {
+            _this.date.showPicker();
+        });
+        this.display.addEventListener('click', function () {
+            _this.date.showPicker();
+        });
+        if (this.required) {
+            this.date.setAttribute('required', '');
+        }
+        if (this.max) {
+            this.date.setAttribute('max', this.max);
+        }
+        if (this.min) {
+            this.date.setAttribute('min', this.min);
+        }
+        if (this.dateFormat) {
+            this.display.placeholder = this.dateFormat;
+        }
+    };
+    CustomFormatDateFieldElement.prototype.change = function ($event) {
+        var _a;
+        this.touched = true;
+        var formattedDate = (_a = this.formatDate()) !== null && _a !== void 0 ? _a : this.date.valueAsDate.toLocaleDateString();
+        this.display.value = formattedDate;
+        this.date.setAttribute('value', formattedDate);
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    CustomFormatDateFieldElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    CustomFormatDateFieldElement.prototype.formatDate = function () {
+        var _a;
+        var date = this.date.valueAsDate;
+        var year = date.getFullYear();
+        var month = (date.getMonth() + 1).toString().padStart(2, '0');
+        var day = date.getDate().toString().padStart(2, '0');
+        var monthName = date.toLocaleString('default', { month: 'long' });
+        var dateFormats = {
+            'ddmmyyyy': "" + day + month + year,
+            'mmddyyyy': "" + month + day + year,
+            'dd/mm/yyyy': day + "/" + month + "/" + year,
+            'mm/dd/yyyy': month + "/" + day + "/" + year,
+            'dd-mm-yyyy': day + "-" + month + "-" + year,
+            'mm-dd-yyyy': month + "-" + day + "-" + year,
+            'yyyy-mm-dd': year + "-" + month + "-" + day,
+            'yyyy-dd-mm': year + "-" + day + "-" + month,
+            'Month dd, yyyy': monthName + " " + day + ", " + year,
+            'mm/dd/yy': month + "/" + day + "/" + year.toString().slice(-2),
+            'dd/mm/yy': day + "/" + month + "/" + year.toString().slice(-2),
+        };
+        return (_a = dateFormats[this.dateFormat]) !== null && _a !== void 0 ? _a : null;
+    };
+    CustomFormatDateFieldElement.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
+        if (name === 'date-format') {
+            this.display.setAttribute('placeholder', newValue);
+            this.dateFormat = newValue;
+        }
+    };
+    CustomFormatDateFieldElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'custom-format-date-element',
+            template: "\n\t\t<div class=\"wrapper\">\n\t\t\t<input type=\"text\" id=\"display-field\" readonly />\n\t\t\t<img src=\"assets/icons/datepicker-icon.png\" alt=\"datepicker-icon\" id=\"picker-trigger\"/>\n\t\t\t<input type=\"date\" id=\"date-field\" />\n\t\t</div>",
+            style: "\n\t\t:host{\n\t\t\twidth:100%;\n\t\t}\n\t\t.wrapper{\n\t\t\tdisplay:flex;\n\t\t\tposition: relative;\n\t\t}\n\t\tinput{\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100% !important;\n\t\t\tborder: none;\n\t\t\tbackground-color: #f1f4ff;\n\t\t\tmargin: 2px;\n\t\t\tresize: none;\n\t\t}\n\t\t#date-field {\n\t\t\topacity: 0;\n\t\t\tposition: absolute;\n\t\t\tz-index: -1;\n\t\t\tpointer-events: none;\n\t\t}\n\t\t#display-field::after {\n\t\t\tcontent: url('path/to/datepicker-icon.png'); /* Path to your datepicker icon */\n\t\t\tcursor: pointer;\n\t\t\tright: 10px;\n\t\t}\n\t\t#picker-trigger {\n\t\t\tcursor: pointer;\n\t\t\twidth: 15px;\n\t\t\theight: 15px;\n\t\t\tposition:absolute;\n\t\t\tright: 2px;\n\t\t\ttop: 15%;\n\t\t}\n\t\t#datepicker-icon {\n\t\t}\n\t\t\t",
+            useShadow: true,
+        })
+    ], CustomFormatDateFieldElement);
+    return CustomFormatDateFieldElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.CustomFormatDateFieldElement = CustomFormatDateFieldElement;
+
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/custom-element.decorator":72}],16:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3057,7 +3191,7 @@ var CustomRegularExpressionElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.CustomRegularExpressionElement = CustomRegularExpressionElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/custom-element.decorator":71}],16:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/custom-element.decorator":72}],17:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3144,7 +3278,7 @@ var DateFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.DateFieldElement = DateFieldElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/custom-element.decorator":71}],17:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/custom-element.decorator":72}],18:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3239,10 +3373,10 @@ var DropDownListElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.DropDownListElement = DropDownListElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Utilities/StringUtil":60,"../../framework/custom-element.decorator":71}],18:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Utilities/StringUtil":61,"../../framework/custom-element.decorator":72}],19:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SECompanyRegistrationElement = exports.SEPersonalNumberElement = exports.TypeAheadElement = exports.BankFieldElement = exports.IdentificationElement = exports.CVRElement = exports.CPRElement = exports.IntPhoneFieldElement = exports.DateFieldElement = exports.CustomRegularExpressionElement = exports.NumericFieldElement = exports.FileFieldElement = exports.DropDownListElement = exports.TextAreaElement = exports.RadioButtonGroupElement = exports.CheckBoxElement = exports.EmailFieldElement = exports.TextFieldElement = exports.AddressElement = void 0;
+exports.SECompanyRegistrationElement = exports.SEPersonalNumberElement = exports.TypeAheadElement = exports.BankFieldElement = exports.IdentificationElement = exports.CVRElement = exports.CPRElement = exports.IntPhoneFieldElement = exports.CustomFormatDateFieldElement = exports.DateFieldElement = exports.CustomRegularExpressionElement = exports.NumericFieldElement = exports.FileFieldElement = exports.DropDownListElement = exports.TextAreaElement = exports.RadioButtonGroupElement = exports.CheckBoxElement = exports.EmailFieldElement = exports.TextFieldElement = exports.AddressElement = void 0;
 var AddressElement_1 = require("./Address/AddressElement");
 Object.defineProperty(exports, "AddressElement", { enumerable: true, get: function () { return AddressElement_1.AddressElement; } });
 var TextFieldElement_1 = require("./TextField/TextFieldElement");
@@ -3281,8 +3415,10 @@ var SEPersonalNumberElement_1 = require("./SEPersonalNumberElement/SEPersonalNum
 Object.defineProperty(exports, "SEPersonalNumberElement", { enumerable: true, get: function () { return SEPersonalNumberElement_1.SEPersonalNumberElement; } });
 var SECompanyRegistrationElement_1 = require("./SECompanyRegistrationElement/SECompanyRegistrationElement");
 Object.defineProperty(exports, "SECompanyRegistrationElement", { enumerable: true, get: function () { return SECompanyRegistrationElement_1.SECompanyRegistrationElement; } });
+var CustomFormatDateFieldElement_1 = require("./CustomDataFiledElement/CustomFormatDateFieldElement");
+Object.defineProperty(exports, "CustomFormatDateFieldElement", { enumerable: true, get: function () { return CustomFormatDateFieldElement_1.CustomFormatDateFieldElement; } });
 
-},{"./Address/AddressElement":10,"./BankField/BankFieldElement":11,"./CPRElement/CPRElement":12,"./CVRElement/CVRElement":13,"./CheckBoxElement/CheckBoxElement":14,"./CustomRegularExpression/CustomRegularExpressionElement":15,"./DateField/DateFieldElement":16,"./DropDownList/DropDownListElement":17,"./EmailField/EmailFieldElement":19,"./FileField/FileFieldElement":20,"./IdentificationElement/IdentificationElement":21,"./InternationaPhoneNumber/InternationaPhoneNumberElement":24,"./NumericField/NumericFieldElement":25,"./RadioButtonGroup/RadioButtonGroupElement":26,"./SECompanyRegistrationElement/SECompanyRegistrationElement":27,"./SEPersonalNumberElement/SEPersonalNumberElement":28,"./TextAreaElement/TextAreaElement":29,"./TextField/TextFieldElement":30,"./TypeAhead/TypeAheadElement":31}],19:[function(require,module,exports){
+},{"./Address/AddressElement":10,"./BankField/BankFieldElement":11,"./CPRElement/CPRElement":12,"./CVRElement/CVRElement":13,"./CheckBoxElement/CheckBoxElement":14,"./CustomDataFiledElement/CustomFormatDateFieldElement":15,"./CustomRegularExpression/CustomRegularExpressionElement":16,"./DateField/DateFieldElement":17,"./DropDownList/DropDownListElement":18,"./EmailField/EmailFieldElement":20,"./FileField/FileFieldElement":21,"./IdentificationElement/IdentificationElement":22,"./InternationaPhoneNumber/InternationaPhoneNumberElement":25,"./NumericField/NumericFieldElement":26,"./RadioButtonGroup/RadioButtonGroupElement":27,"./SECompanyRegistrationElement/SECompanyRegistrationElement":28,"./SEPersonalNumberElement/SEPersonalNumberElement":29,"./TextAreaElement/TextAreaElement":30,"./TextField/TextFieldElement":31,"./TypeAhead/TypeAheadElement":32}],20:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3370,7 +3506,7 @@ var EmailFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.EmailFieldElement = EmailFieldElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/custom-element.decorator":71}],20:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/custom-element.decorator":72}],21:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3475,7 +3611,7 @@ var FileFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.FileFieldElement = FileFieldElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Polyfills/getAttributeNamesPolyfill":55,"../../framework/custom-element.decorator":71}],21:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Polyfills/getAttributeNamesPolyfill":56,"../../framework/custom-element.decorator":72}],22:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3571,7 +3707,7 @@ var IdentificationElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.IdentificationElement = IdentificationElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Validation/Validators/BankIdNorway":65,"../../framework/Validation/Validators/BankIdSweden":66,"../../framework/Validation/Validators/CPR":67,"../../framework/Validation/Validators/CVR":68,"../../framework/custom-element.decorator":71}],22:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Validation/Validators/BankIdNorway":66,"../../framework/Validation/Validators/BankIdSweden":67,"../../framework/Validation/Validators/CPR":68,"../../framework/Validation/Validators/CVR":69,"../../framework/custom-element.decorator":72}],23:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function GetFlagsUrl() {
@@ -3579,7 +3715,7 @@ function GetFlagsUrl() {
 }
 exports.default = GetFlagsUrl;
 
-},{}],23:[function(require,module,exports){
+},{}],24:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function GetFlags2XUrl() {
@@ -3587,7 +3723,7 @@ function GetFlags2XUrl() {
 }
 exports.default = GetFlags2XUrl;
 
-},{}],24:[function(require,module,exports){
+},{}],25:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3715,7 +3851,7 @@ var IntPhoneFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.IntPhoneFieldElement = IntPhoneFieldElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Utilities/MakeRequest":59,"../../framework/custom-element.decorator":71,"./Flags":22,"./Flags2x":23,"intl-tel-input":6}],25:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Utilities/MakeRequest":60,"../../framework/custom-element.decorator":72,"./Flags":23,"./Flags2x":24,"intl-tel-input":6}],26:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3811,7 +3947,7 @@ var NumericFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.NumericFieldElement = NumericFieldElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/custom-element.decorator":71}],26:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/custom-element.decorator":72}],27:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3912,7 +4048,7 @@ var RadioButtonGroupElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.RadioButtonGroupElement = RadioButtonGroupElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Utilities/StringUtil":60,"../../framework/custom-element.decorator":71}],27:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Utilities/StringUtil":61,"../../framework/custom-element.decorator":72}],28:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -3996,7 +4132,7 @@ var SECompanyRegistrationElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.SECompanyRegistrationElement = SECompanyRegistrationElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Validation/Validators/SECompanyRegistration":69,"../../framework/custom-element.decorator":71}],28:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Validation/Validators/SECompanyRegistration":70,"../../framework/custom-element.decorator":72}],29:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4080,7 +4216,7 @@ var SEPersonalNumberElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.SEPersonalNumberElement = SEPersonalNumberElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Validation/Validators/SEPersonalNumber":70,"../../framework/custom-element.decorator":71}],29:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Validation/Validators/SEPersonalNumber":71,"../../framework/custom-element.decorator":72}],30:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4164,7 +4300,7 @@ var TextAreaElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.TextAreaElement = TextAreaElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/custom-element.decorator":71}],30:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/custom-element.decorator":72}],31:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4248,7 +4384,7 @@ var TextFieldElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.TextFieldElement = TextFieldElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/custom-element.decorator":71}],31:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/custom-element.decorator":72}],32:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4462,7 +4598,7 @@ var TypeAheadElement = /** @class */ (function (_super) {
 }(CustomInputElement_1.CustomInputElement));
 exports.TypeAheadElement = TypeAheadElement;
 
-},{"../../framework/CustomEvents":32,"../../framework/CustomInputElement":33,"../../framework/Utilities/DomUtility":58,"../../framework/custom-element.decorator":71}],32:[function(require,module,exports){
+},{"../../framework/CustomEvents":33,"../../framework/CustomInputElement":34,"../../framework/Utilities/DomUtility":59,"../../framework/custom-element.decorator":72}],33:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomElementEvent = exports.CustomElementEventArgs = void 0;
@@ -4511,7 +4647,7 @@ var CustomElementEvent = /** @class */ (function () {
 }());
 exports.CustomElementEvent = CustomElementEvent;
 
-},{}],33:[function(require,module,exports){
+},{}],34:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4604,6 +4740,7 @@ var CustomInputElement = /** @class */ (function (_super) {
             this.min = data.min;
             this.step = data.step;
             this.customValue = data.value;
+            this.dateFormat = data.dateFormat;
         }
         catch (ex) {
             console.error(ex);
@@ -4772,7 +4909,7 @@ var CustomInputElement = /** @class */ (function (_super) {
 }(HTMLElement));
 exports.CustomInputElement = CustomInputElement;
 
-},{"./CustomEvents":32,"./Utilities/ArrayUtil":56,"./Utilities/DomUtil":57}],34:[function(require,module,exports){
+},{"./CustomEvents":33,"./Utilities/ArrayUtil":57,"./Utilities/DomUtil":58}],35:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var BaseDictionary = /** @class */ (function () {
@@ -4794,7 +4931,7 @@ var BaseDictionary = /** @class */ (function () {
 }());
 exports.default = BaseDictionary;
 
-},{}],35:[function(require,module,exports){
+},{}],36:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4835,7 +4972,7 @@ var CzechDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = CzechDictionary;
 
-},{"./Base/BaseDictionary":34}],36:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],37:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4876,7 +5013,7 @@ var DanishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = DanishDictionary;
 
-},{"./Base/BaseDictionary":34}],37:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],38:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4917,7 +5054,7 @@ var DutchDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = DutchDictionary;
 
-},{"./Base/BaseDictionary":34}],38:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],39:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4958,7 +5095,7 @@ var EnglishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = EnglishDictionary;
 
-},{"./Base/BaseDictionary":34}],39:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],40:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -4999,7 +5136,7 @@ var EstonianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = EstonianDictionary;
 
-},{"./Base/BaseDictionary":34}],40:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],41:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5040,7 +5177,7 @@ var FinnishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = FinnishDictionary;
 
-},{"./Base/BaseDictionary":34}],41:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],42:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5081,7 +5218,7 @@ var FrenchDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = FrenchDictionary;
 
-},{"./Base/BaseDictionary":34}],42:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],43:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5122,7 +5259,7 @@ var GermanDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = GermanDictionary;
 
-},{"./Base/BaseDictionary":34}],43:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],44:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5163,7 +5300,7 @@ var GreekDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = GreekDictionary;
 
-},{"./Base/BaseDictionary":34}],44:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],45:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5204,7 +5341,7 @@ var HungarianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = HungarianDictionary;
 
-},{"./Base/BaseDictionary":34}],45:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],46:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5245,7 +5382,7 @@ var IcelandicDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = IcelandicDictionary;
 
-},{"./Base/BaseDictionary":34}],46:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],47:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5286,7 +5423,7 @@ var ItalianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = ItalianDictionary;
 
-},{"./Base/BaseDictionary":34}],47:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],48:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5327,7 +5464,7 @@ var LatvianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = LatvianDictionary;
 
-},{"./Base/BaseDictionary":34}],48:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],49:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5368,7 +5505,7 @@ var LituanianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = LituanianDictionary;
 
-},{"./Base/BaseDictionary":34}],49:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],50:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5409,7 +5546,7 @@ var NorwegianDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = NorwegianDictionary;
 
-},{"./Base/BaseDictionary":34}],50:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],51:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5450,7 +5587,7 @@ var PolishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = PolishDictionary;
 
-},{"./Base/BaseDictionary":34}],51:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],52:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5491,7 +5628,7 @@ var PortugueseDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = PortugueseDictionary;
 
-},{"./Base/BaseDictionary":34}],52:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],53:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5532,7 +5669,7 @@ var SpanishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = SpanishDictionary;
 
-},{"./Base/BaseDictionary":34}],53:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],54:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5573,7 +5710,7 @@ var SwedishDictionary = /** @class */ (function (_super) {
 }(BaseDictionary_1.default));
 exports.default = SwedishDictionary;
 
-},{"./Base/BaseDictionary":34}],54:[function(require,module,exports){
+},{"./Base/BaseDictionary":35}],55:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var DanishDictionary_1 = require("./Languages/DanishDictionary");
@@ -5690,7 +5827,7 @@ var Translator = /** @class */ (function () {
 }());
 exports.default = Translator;
 
-},{"./Languages/CzechDictionary":35,"./Languages/DanishDictionary":36,"./Languages/DutchDictionary":37,"./Languages/EnglishDictionary":38,"./Languages/EstonianDictionary":39,"./Languages/FinnishDictionary":40,"./Languages/FrenchDictionary":41,"./Languages/GermanDictionary":42,"./Languages/GreekDictionary":43,"./Languages/HungarianDictionary":44,"./Languages/IcelandicDictionary":45,"./Languages/ItalianDictionary":46,"./Languages/LatvianDictionary":47,"./Languages/LituanianDictionary":48,"./Languages/NorwegianDictionary":49,"./Languages/PolishDictionary":50,"./Languages/PortugueseDictionary":51,"./Languages/SpanishDictionary":52,"./Languages/SwedishDictionary":53}],55:[function(require,module,exports){
+},{"./Languages/CzechDictionary":36,"./Languages/DanishDictionary":37,"./Languages/DutchDictionary":38,"./Languages/EnglishDictionary":39,"./Languages/EstonianDictionary":40,"./Languages/FinnishDictionary":41,"./Languages/FrenchDictionary":42,"./Languages/GermanDictionary":43,"./Languages/GreekDictionary":44,"./Languages/HungarianDictionary":45,"./Languages/IcelandicDictionary":46,"./Languages/ItalianDictionary":47,"./Languages/LatvianDictionary":48,"./Languages/LituanianDictionary":49,"./Languages/NorwegianDictionary":50,"./Languages/PolishDictionary":51,"./Languages/PortugueseDictionary":52,"./Languages/SpanishDictionary":53,"./Languages/SwedishDictionary":54}],56:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function getAttributeNamesPolyfill() {
@@ -5709,7 +5846,7 @@ function getAttributeNamesPolyfill() {
 exports.default = getAttributeNamesPolyfill;
 ;
 
-},{}],56:[function(require,module,exports){
+},{}],57:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var ArrayUtil = /** @class */ (function () {
@@ -5747,7 +5884,7 @@ var ArrayUtil = /** @class */ (function () {
 }());
 exports.default = ArrayUtil;
 
-},{}],57:[function(require,module,exports){
+},{}],58:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var ViewportUtil_1 = require("./ViewportUtil");
@@ -5850,7 +5987,7 @@ var DomUtil = /** @class */ (function () {
 }());
 exports.default = DomUtil;
 
-},{"./ViewportUtil":61}],58:[function(require,module,exports){
+},{"./ViewportUtil":62}],59:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var DomUtility = /** @class */ (function () {
@@ -5864,7 +6001,7 @@ var DomUtility = /** @class */ (function () {
 }());
 exports.default = DomUtility;
 
-},{}],59:[function(require,module,exports){
+},{}],60:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var MakeRequest = /** @class */ (function () {
@@ -5914,7 +6051,7 @@ var MakeRequest = /** @class */ (function () {
 }());
 exports.default = MakeRequest;
 
-},{}],60:[function(require,module,exports){
+},{}],61:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StringUtil = void 0;
@@ -5932,7 +6069,7 @@ var StringUtil = /** @class */ (function () {
 }());
 exports.StringUtil = StringUtil;
 
-},{}],61:[function(require,module,exports){
+},{}],62:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewportUtil = void 0;
@@ -5976,7 +6113,7 @@ var ViewportUtil = /** @class */ (function () {
 }());
 exports.ViewportUtil = ViewportUtil;
 
-},{}],62:[function(require,module,exports){
+},{}],63:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var debouncer = function (func, wait, immediate) {
@@ -6029,7 +6166,7 @@ var debouncer = function (func, wait, immediate) {
 };
 exports.default = debouncer;
 
-},{}],63:[function(require,module,exports){
+},{}],64:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var BankAccountValidator = /** @class */ (function () {
@@ -6043,7 +6180,7 @@ var BankAccountValidator = /** @class */ (function () {
 }());
 exports.default = BankAccountValidator;
 
-},{}],64:[function(require,module,exports){
+},{}],65:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var BankAccountRegistrationNumberValidator = /** @class */ (function () {
@@ -6057,7 +6194,7 @@ var BankAccountRegistrationNumberValidator = /** @class */ (function () {
 }());
 exports.default = BankAccountRegistrationNumberValidator;
 
-},{}],65:[function(require,module,exports){
+},{}],66:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var BankIdNorwayValidator = /** @class */ (function () {
@@ -6080,7 +6217,7 @@ var BankIdNorwayValidator = /** @class */ (function () {
 }());
 exports.default = BankIdNorwayValidator;
 
-},{}],66:[function(require,module,exports){
+},{}],67:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var BankIdSwedenValidator = /** @class */ (function () {
@@ -6103,7 +6240,7 @@ var BankIdSwedenValidator = /** @class */ (function () {
 }());
 exports.default = BankIdSwedenValidator;
 
-},{}],67:[function(require,module,exports){
+},{}],68:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var CprValidator = /** @class */ (function () {
@@ -6180,7 +6317,7 @@ var CprValidator = /** @class */ (function () {
 }());
 exports.default = CprValidator;
 
-},{}],68:[function(require,module,exports){
+},{}],69:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var CvrValidator = /** @class */ (function () {
@@ -6212,7 +6349,7 @@ var CvrValidator = /** @class */ (function () {
 }());
 exports.default = CvrValidator;
 
-},{}],69:[function(require,module,exports){
+},{}],70:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var SECompanyRegistrationValidator = /** @class */ (function () {
@@ -6251,7 +6388,7 @@ var SECompanyRegistrationValidator = /** @class */ (function () {
 }());
 exports.default = SECompanyRegistrationValidator;
 
-},{}],70:[function(require,module,exports){
+},{}],71:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var SEPersonalNumberValidator = /** @class */ (function () {
@@ -6293,7 +6430,7 @@ var SEPersonalNumberValidator = /** @class */ (function () {
 }());
 exports.default = SEPersonalNumberValidator;
 
-},{}],71:[function(require,module,exports){
+},{}],72:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var elementConfig = /** @class */ (function () {
@@ -6346,7 +6483,7 @@ var CustomElement = function (config) {
 };
 exports.default = CustomElement;
 
-},{}],72:[function(require,module,exports){
+},{}],73:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomInputElement = exports.elements = exports.CustomForm = void 0;
@@ -6362,6 +6499,6 @@ Object.defineProperty(exports, "CustomInputElement", { enumerable: true, get: fu
 var elements = require("./elements/Elements");
 exports.elements = elements;
 
-},{"./custom-form":9,"./elements/Elements":18,"./framework/CustomInputElement":33,"@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js":2,"@webcomponents/webcomponentsjs/webcomponents-bundle":3,"@webcomponents/webcomponentsjs/webcomponents-loader.js":4}]},{},[1])
+},{"./custom-form":9,"./elements/Elements":19,"./framework/CustomInputElement":34,"@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js":2,"@webcomponents/webcomponentsjs/webcomponents-bundle":3,"@webcomponents/webcomponentsjs/webcomponents-loader.js":4}]},{},[1])
 
 //# sourceMappingURL=index.min.js.map