@watermarkinsights/ripple 4.3.0 → 4.4.0-0

package/dist/collection/components/wm-datepicker/wm-datepicker.js

@@ -1,431 +1,433 @@
 import { h, Host } from "@stencil/core";
 import { toBool, handleDisabledAttribute } from "../../global/functions";
 export class DatePicker {
-  constructor() {
-    this.value = "";
-    this.disabled = false;
-    this.dateFormat = "mm/dd/yyyy";
-    this.errorMessage = "";
-    this.labelPosition = "top";
-    this.label = "";
-    this.requiredField = false;
-    this.preselected = undefined;
-  }
-  get isDisabled() {
-    // string "false" needs to be treated as bool False because react wrappers convert bool to string.
-    return toBool(this.disabled);
-  }
-  get calendarDate() {
-    let calendarDate = new Date().toISOString();
-    const dateFormatUnits = { "mm/dd/yyyy": "US", "dd/mm/yyyy": "INT", "yyyy/mm/dd": "ISO" };
-    if (this.preselected) {
-      calendarDate = this.preselected;
+    constructor() {
+        this.value = "";
+        this.disabled = false;
+        this.dateFormat = "mm/dd/yyyy";
+        this.errorMessage = "";
+        this.labelPosition = "top";
+        this.label = "";
+        this.requiredField = false;
+        this.preselected = undefined;
     }
-    else if (this.value &&
-      dateFormatUnits[this.dateFormat] &&
-      this.isValidIsoInternal(this.reformatDateInternal(dateFormatUnits[this.dateFormat], "ISO", this.value))) {
-      // if component has value, and value can be parsed to valid ISO
-      calendarDate = this.reformatDateInternal(dateFormatUnits[this.dateFormat], "ISO", this.value);
+    get isDisabled() {
+        // string "false" needs to be treated as bool False because react wrappers convert bool to string.
+        return toBool(this.disabled);
     }
-    return calendarDate;
-  }
-  handleTabbingOn() {
-    this.dpWrapper && this.dpWrapper.classList.add("user-is-tabbing");
-  }
-  handleTabbingOff() {
-    this.dpWrapper && this.dpWrapper.classList.remove("user-is-tabbing");
-  }
-  handleDisabledChange() {
-    handleDisabledAttribute(this.el, this.isDisabled);
-  }
-  updateValue() {
-    this.inputEl.value = this.value ? this.value : "";
-  }
-  handleInput(ev) {
-    // keep component's value in sync with input's value
-    this.value = ev.target.value;
-  }
-  handleInputBlur() {
-    this.dpWrapper.classList.remove("focus");
-    this.wmDatepickerInputBlurred.emit();
-  }
-  handleInputFocus() {
-    this.dpWrapper.classList.add("focus");
-  }
-  handleInputChange() {
-    // forward change externally
-    const event = new CustomEvent("change");
-    this.el.dispatchEvent(event);
-  }
-  handlePopupBlurred(ev) {
-    // emit blur event when leaving component from priv-datepicker
-    if (ev.detail.relatedTarget !== this.el) {
-      const event = new CustomEvent("blur");
-      // @ts-ignore
-      event.relatedTarget = ev.detail.relatedTarget;
-      this.el.dispatchEvent(event);
+    get calendarDate() {
+        let calendarDate = new Date().toISOString();
+        const dateFormatUnits = { "mm/dd/yyyy": "US", "dd/mm/yyyy": "INT", "yyyy/mm/dd": "ISO" };
+        if (this.preselected) {
+            calendarDate = this.preselected;
+        }
+        else if (this.value &&
+            dateFormatUnits[this.dateFormat] &&
+            this.isValidIsoInternal(this.reformatDateInternal(dateFormatUnits[this.dateFormat], "ISO", this.value))) {
+            // if component has value, and value can be parsed to valid ISO
+            calendarDate = this.reformatDateInternal(dateFormatUnits[this.dateFormat], "ISO", this.value);
+        }
+        return calendarDate;
+    }
+    handleTabbingOn() {
+        this.dpWrapper && this.dpWrapper.classList.add("user-is-tabbing");
+    }
+    handleTabbingOff() {
+        this.dpWrapper && this.dpWrapper.classList.remove("user-is-tabbing");
     }
-  }
-  handleCellTriggered(ev) {
-    let dateElement = ev.detail;
-    let isoDate = dateElement.getAttribute("data-year") +
-      "-" +
-      dateElement.getAttribute("data-month") +
-      "-" +
-      dateElement.textContent;
-    this.wmDatepickerDateSelected.emit({ date: isoDate });
-    // Create events to trigger onInput and onChange on host element, to get the updated value
-    // Because there are more ways to input than just typing, we are firing this event upon cellTriggered
-    const inputEvent = new CustomEvent("input");
-    this.el.dispatchEvent(inputEvent);
-    const changeEvent = new CustomEvent("change");
-    this.el.dispatchEvent(changeEvent);
-  }
-  async reformatDate(inputFormat, outputFormat, date) {
-    return this.reformatDateInternal(inputFormat, outputFormat, date);
-  }
-  reformatDateInternal(inputFormat, outputFormat, date) {
-    // this function reformats date strings to/from the storage format ONLY. US -> INT and vice versa is not supported.
-    // 1, 2, or 4 digits, separator, 1 or 2 digits, separator, then 1 or 2 or 4 digits
-    const parsableEntry = /^(\d{1}|\d{2}|\d{4})[\-\.\/]\d{1,2}[\-\.\/](\d{1}|\d{2}|\d{4})$/;
-    if (!date) {
-      return "";
+    handleDisabledChange() {
+        handleDisabledAttribute(this.el, this.isDisabled);
     }
-    else if (!parsableEntry.test(date)) {
-      return date;
+    updateValue() {
+        this.inputEl.value = this.value ? this.value : "";
     }
-    else {
-      const dateArr = date.replace(/[\-\.]/gi, "/").split("/");
-      switch (outputFormat) {
-        case "US":
-          return dateArr[1].padStart(2, "0") + "/" + dateArr[2].padStart(2, "0") + "/" + dateArr[0].padStart(4, "20");
-        case "INT":
-          return dateArr[2].padStart(2, "0") + "/" + dateArr[1].padStart(2, "0") + "/" + dateArr[0].padStart(4, "20");
-        case "ISO":
-          if (inputFormat === "US") {
-            return dateArr[2].padStart(4, "20") + "-" + dateArr[0].padStart(2, "0") + "-" + dateArr[1].padStart(2, "0");
-          }
-          else if (inputFormat === "INT") {
-            return dateArr[2].padStart(4, "20") + "-" + dateArr[1].padStart(2, "0") + "-" + dateArr[0].padStart(2, "0");
-          }
-          else if (inputFormat === "ISO") {
-            return dateArr[0].padStart(4, "20") + "-" + dateArr[1].padStart(2, "0") + "-" + dateArr[2].padStart(2, "0");
-          }
-        default:
-          return dateArr.join("/");
-      }
+    handleInput(ev) {
+        // keep component's value in sync with input's value
+        this.value = ev.target.value;
     }
-  }
-  async isValidIso(input) {
-    return this.isValidIsoInternal(input);
-  }
-  isValidIsoInternal(input) {
-    const isoFormat = /^\d\d\d\d[-]\d\d[-]\d\d$/;
-    if (!input || !isoFormat.test(input)) {
-      return false;
+    handleInputBlur() {
+        this.dpWrapper.classList.remove("focus");
+        this.wmDatepickerInputBlurred.emit();
     }
-    else {
-      // Parse the ISO date parts to integers
-      const parts = input.split("-");
-      const day = parseInt(parts[2], 10);
-      const month = parseInt(parts[1], 10);
-      const year = parseInt(parts[0], 10);
-      // Check the ranges of month and year
-      if (year < 1000 || year > 3000 || month == 0 || month > 12)
-        return false;
-      let monthLength = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-      // Adjust for leap years
-      if (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0))
-        monthLength[1] = 29;
-      // Check the range of the day
-      return day > 0 && day <= monthLength[month - 1];
+    handleInputFocus() {
+        this.dpWrapper.classList.add("focus");
     }
-  }
-  componentWillLoad() {
-    if (this.label === "") {
-      console.error("You must include a label prop for the datepicker input (for accessibility reasons), even if the label position is none.");
+    handleInputChange() {
+        // forward change externally
+        const event = new CustomEvent("change");
+        this.el.dispatchEvent(event);
     }
-    handleDisabledAttribute(this.el, this.isDisabled);
-  }
-  render() {
-    return (h(Host, { "aria-busy": "false", class: `${this.errorMessage ? "invalid" : ""}` }, h("div", { ref: (d) => (this.dpWrapper = d), class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { id: "datepickerLabel", htmlFor: "date-input", class: "label", title: `${this.label} (${this.dateFormat})` }, this.label, this.requiredField && (h("span", { "aria-hidden": "true", class: "required" }, "*"))))), h("div", null, h("div", { class: "inner-wrapper" }, h("input", { disabled: this.isDisabled, type: "text", id: "date-input", class: "date-input", name: "date", placeholder: this.dateFormat, value: this.value, onFocus: () => this.handleInputFocus(), onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleInputBlur(), onChange: () => this.handleInputChange(), ref: (input) => (this.inputEl = input), "aria-describedby": "error", "aria-controls": "popup", "aria-label": this.label, "aria-required": this.requiredField ? "true" : null }), h("priv-datepicker", { disabled: this.isDisabled, date: new Date(this.calendarDate) })), h("div", { id: "error", class: "error", "aria-live": "assertive", "aria-atomic": "true" }, this.errorMessage)))));
-  }
-  static get is() { return "wm-datepicker"; }
-  static get encapsulation() { return "shadow"; }
-  static get delegatesFocus() { return true; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["wm-datepicker.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["wm-datepicker.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "dateFormat": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "date-format",
-        "reflect": false,
-        "defaultValue": "\"mm/dd/yyyy\""
-      },
-      "errorMessage": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "error-message",
-        "reflect": true,
-        "defaultValue": "\"\""
-      },
-      "labelPosition": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"top\" | \"left\" | \"none\"",
-          "resolved": "\"left\" | \"none\" | \"top\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "label-position",
-        "reflect": false,
-        "defaultValue": "\"top\""
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "label",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "requiredField": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "required-field",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "preselected": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "preselected",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "wmDatepickerDateSelected",
-        "name": "wmDatepickerDateSelected",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+    handlePopupBlurred(ev) {
+        // emit blur event when leaving component from priv-datepicker
+        if (ev.detail.relatedTarget !== this.el) {
+            const event = new CustomEvent("blur");
+            // @ts-ignore
+            event.relatedTarget = ev.detail.relatedTarget;
+            this.el.dispatchEvent(event);
         }
-      }, {
-        "method": "wmDatepickerInputBlurred",
-        "name": "wmDatepickerInputBlurred",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+    }
+    handleCellTriggered(ev) {
+        let dateElement = ev.detail;
+        let isoDate = dateElement.getAttribute("data-year") +
+            "-" +
+            dateElement.getAttribute("data-month") +
+            "-" +
+            dateElement.textContent;
+        this.wmDatepickerDateSelected.emit({ date: isoDate });
+        // Create events to trigger onInput and onChange on host element, to get the updated value
+        // Because there are more ways to input than just typing, we are firing this event upon cellTriggered
+        const inputEvent = new CustomEvent("input");
+        this.el.dispatchEvent(inputEvent);
+        const changeEvent = new CustomEvent("change");
+        this.el.dispatchEvent(changeEvent);
+    }
+    async reformatDate(inputFormat, outputFormat, date) {
+        return this.reformatDateInternal(inputFormat, outputFormat, date);
+    }
+    reformatDateInternal(inputFormat, outputFormat, date) {
+        // this function reformats date strings to/from the storage format ONLY. US -> INT and vice versa is not supported.
+        // 1, 2, or 4 digits, separator, 1 or 2 digits, separator, then 1 or 2 or 4 digits
+        const parsableEntry = /^(\d{1}|\d{2}|\d{4})[\-\.\/]\d{1,2}[\-\.\/](\d{1}|\d{2}|\d{4})$/;
+        if (!date) {
+            return "";
         }
-      }];
-  }
-  static get methods() {
-    return {
-      "reformatDate": {
-        "complexType": {
-          "signature": "(inputFormat: string, outputFormat: string, date?: string) => Promise<string>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<string>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
+        else if (!parsableEntry.test(date)) {
+            return date;
         }
-      },
-      "isValidIso": {
-        "complexType": {
-          "signature": "(input?: string) => Promise<boolean>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
+        else {
+            const dateArr = date.replace(/[\-\.]/gi, "/").split("/");
+            switch (outputFormat) {
+                case "US":
+                    return dateArr[1].padStart(2, "0") + "/" + dateArr[2].padStart(2, "0") + "/" + dateArr[0].padStart(4, "20");
+                case "INT":
+                    return dateArr[2].padStart(2, "0") + "/" + dateArr[1].padStart(2, "0") + "/" + dateArr[0].padStart(4, "20");
+                case "ISO":
+                    if (inputFormat === "US") {
+                        return dateArr[2].padStart(4, "20") + "-" + dateArr[0].padStart(2, "0") + "-" + dateArr[1].padStart(2, "0");
+                    }
+                    else if (inputFormat === "INT") {
+                        return dateArr[2].padStart(4, "20") + "-" + dateArr[1].padStart(2, "0") + "-" + dateArr[0].padStart(2, "0");
+                    }
+                    else if (inputFormat === "ISO") {
+                        return dateArr[0].padStart(4, "20") + "-" + dateArr[1].padStart(2, "0") + "-" + dateArr[2].padStart(2, "0");
+                    }
+                default:
+                    return dateArr.join("/");
             }
-          },
-          "return": "Promise<boolean>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
         }
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-  static get watchers() {
-    return [{
-        "propName": "disabled",
-        "methodName": "handleDisabledChange"
-      }, {
-        "propName": "value",
-        "methodName": "updateValue"
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "keydown",
-        "method": "handleTabbingOn",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "click",
-        "method": "handleTabbingOff",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "popupBlurred",
-        "method": "handlePopupBlurred",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "cellTriggered",
-        "method": "handleCellTriggered",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
+    }
+    async isValidIso(input) {
+        return this.isValidIsoInternal(input);
+    }
+    isValidIsoInternal(input) {
+        const isoFormat = /^\d\d\d\d[-]\d\d[-]\d\d$/;
+        if (!input || !isoFormat.test(input)) {
+            return false;
+        }
+        else {
+            // Parse the ISO date parts to integers
+            const parts = input.split("-");
+            const day = parseInt(parts[2], 10);
+            const month = parseInt(parts[1], 10);
+            const year = parseInt(parts[0], 10);
+            // Check the ranges of month and year
+            if (year < 1000 || year > 3000 || month == 0 || month > 12)
+                return false;
+            let monthLength = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+            // Adjust for leap years
+            if (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0))
+                monthLength[1] = 29;
+            // Check the range of the day
+            return day > 0 && day <= monthLength[month - 1];
+        }
+    }
+    componentWillLoad() {
+        if (this.label === "") {
+            console.error("You must include a label prop for the datepicker input (for accessibility reasons), even if the label position is none.");
+        }
+        handleDisabledAttribute(this.el, this.isDisabled);
+    }
+    render() {
+        return (h(Host, { "aria-busy": "false", class: `${this.errorMessage ? "invalid" : ""}` }, h("div", { ref: (d) => (this.dpWrapper = d), class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { id: "datepickerLabel", htmlFor: "date-input", class: "label", title: `${this.label} (${this.dateFormat})` }, this.label, this.requiredField && (h("span", { "aria-hidden": "true", class: "required" }, "*"))))), h("div", null, h("div", { class: "inner-wrapper" }, h("input", { disabled: this.isDisabled, type: "text", id: "date-input", class: "date-input", name: "date", placeholder: this.dateFormat, value: this.value, onFocus: () => this.handleInputFocus(), onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleInputBlur(), onChange: () => this.handleInputChange(), ref: (input) => (this.inputEl = input), "aria-describedby": "error", "aria-controls": "popup", "aria-label": this.label, "aria-required": this.requiredField ? "true" : null }), h("priv-datepicker", { disabled: this.isDisabled, date: new Date(this.calendarDate) })), h("div", { id: "error", class: "error", "aria-live": "assertive", "aria-atomic": "true" }, this.errorMessage)))));
+    }
+    static get is() { return "wm-datepicker"; }
+    static get encapsulation() { return "shadow"; }
+    static get delegatesFocus() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["wm-datepicker.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["wm-datepicker.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "value",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "dateFormat": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "date-format",
+                "reflect": false,
+                "defaultValue": "\"mm/dd/yyyy\""
+            },
+            "errorMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "error-message",
+                "reflect": true,
+                "defaultValue": "\"\""
+            },
+            "labelPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"top\" | \"left\" | \"none\"",
+                    "resolved": "\"left\" | \"none\" | \"top\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label-position",
+                "reflect": false,
+                "defaultValue": "\"top\""
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "requiredField": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "required-field",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "preselected": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "preselected",
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "wmDatepickerDateSelected",
+                "name": "wmDatepickerDateSelected",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "wmDatepickerInputBlurred",
+                "name": "wmDatepickerInputBlurred",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "reformatDate": {
+                "complexType": {
+                    "signature": "(inputFormat: string, outputFormat: string, date?: string) => Promise<string>",
+                    "parameters": [{
+                            "tags": [],
+                            "text": ""
+                        }, {
+                            "tags": [],
+                            "text": ""
+                        }, {
+                            "tags": [],
+                            "text": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "isValidIso": {
+                "complexType": {
+                    "signature": "(input?: string) => Promise<boolean>",
+                    "parameters": [{
+                            "tags": [],
+                            "text": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "disabled",
+                "methodName": "handleDisabledChange"
+            }, {
+                "propName": "value",
+                "methodName": "updateValue"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "handleTabbingOn",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "click",
+                "method": "handleTabbingOff",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "popupBlurred",
+                "method": "handlePopupBlurred",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "cellTriggered",
+                "method": "handleCellTriggered",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }