npm - @six-group/ui-library - Versions diffs - 0.0.0-insider.b2db78f → 0.0.0-insider.b42b8b1 - Mend

@six-group/ui-library 0.0.0-insider.b2db78f → 0.0.0-insider.b42b8b1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1185) hide show

package/dist/collection/components/six-date/six-date.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import { h } from "@stencil/core";
 import { EventListeners } from "../../utils/event-listeners";
-import { debounce, DEFAULT_DEBOUNCE_FAST } from "../../utils/execution-control";
 import { hasSlot } from "../../utils/slot";
 import { MonthSelection } from "./components/month-selection";
 import { YearSelection } from "./components/year-selection";
@@ -14,7 +13,7 @@ const NUMBER_OF_YEARS_SHOWN = 25;
  * A date picker component that allows users to select dates via a calendar popup or direct input.
  *
  * @since 5.0
- * @status experimental
+ * @status beta
  *
  * @slot label - The date's label. Alternatively, you can use the label prop.
  * @slot help-text - Help text that describes the usage.
@@ -63,6 +62,11 @@ export class SixDate {
          */
         this.value = '';
         /** Defines the format pattern for displaying dates and how dates can be entered via keyboard.
+         *
+         * The parser accepts flexible input that doesn't strictly match the format pattern.
+         * Input with missing leading zeros or incomplete years will be automatically normalized.
+         * For example, with the pattern "dd.MM.yyyy": "1.1.2025" becomes "01.01.2025" and
+         * "1.1.225" becomes "01.01.0225".
          *
          * Defaults to "dd.MM.yyyy".
          *
@@ -85,10 +89,6 @@ export class SixDate {
         this.errorText = '';
         /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
         this.invalid = false;
-        /**
-         * Set the amount of time, in milliseconds, to wait to trigger the `six-change` event after each keystroke.
-         */
-        this.debounce = DEFAULT_DEBOUNCE_FAST;
         /** The input's name attribute. */
         this.name = '';
         /** Set to true to add a clear button when the input is populated. */
@@ -139,12 +139,6 @@ export class SixDate {
                 this.sixBlur.emit();
             }
         };
-        this.handleClearClick = () => {
-            this.hide();
-            this.value = '';
-            this.pointerDate = todayAsPointerDate();
-            this.sixChange.emit(this.value);
-        };
         this.handleDayClick = (date) => {
             var _a;
             this.value = date;
@@ -177,14 +171,18 @@ export class SixDate {
             }
             this.sixChange.emit(this.value);
         };
-        this.handleOnBlur = () => {
+        this.handleInputBlur = () => {
             var _a;
             if (((_a = this.popoverHelper) === null || _a === void 0 ? void 0 : _a.isVisible) === false) {
-                if (this.inputElement) {
-                    this.inputElement.value = this.value === '' ? '' : formatDate(this.value, this.dateFormat);
-                }
+                this.updateInputElementValue();
             }
         };
+        this.handleInputClearClick = () => {
+            this.hide();
+            this.value = '';
+            this.pointerDate = todayAsPointerDate();
+            this.sixChange.emit(this.value);
+        };
         this.handleInputKeyDown = (event) => {
             if (event.key === 'Tab') {
                 this.hide();
@@ -226,9 +224,7 @@ export class SixDate {
         var _a, _b;
         if (((_a = this.popoverHelper) === null || _a === void 0 ? void 0 : _a.isVisible) === false)
             return;
-        if (this.inputElement) {
-            this.inputElement.value = this.value === '' ? '' : formatDate(this.value, this.dateFormat);
-        }
+        this.updateInputElementValue();
         this.selectionMode = 'day';
         this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);
         this.panelHideInProgress = true;
@@ -251,6 +247,11 @@ export class SixDate {
             },
         });
     }
+    updateInputElementValue() {
+        if (this.inputElement) {
+            this.inputElement.value = this.value === '' ? '' : formatDate(this.value, this.dateFormat);
+        }
+    }
     connectedCallback() {
         this.initPopover();
         this.updateValueAndPointerDate();
@@ -258,6 +259,7 @@ export class SixDate {
         this.eventListeners.forward('six-blur', 'blur', this.host);
     }
     componentDidLoad() {
+        this.updateInputElementValue();
         this.initPopover();
     }
     disconnectedCallback() {
@@ -267,7 +269,7 @@ export class SixDate {
         this.popoverHelper = undefined;
     }
     render() {
-        return (h("div", { key: '7df1efadccea9e30f96be4edeeae124649fb119e', class: "container" }, h("six-input", { key: 'e76e46d4eade078d2395e39a112426824f6e6ed9', value: this.value === '' ? '' : formatDate(this.value, this.dateFormat), ref: (el) => (this.inputElement = el), placeholder: this.placeholder == null ? this.dateFormat : this.placeholder, readonly: this.readonly, disabled: this.disabled, name: this.name, label: this.label, required: this.required, helpText: this.helpText, errorText: this.errorText, errorTextCount: this.errorTextCount, invalid: this.invalid, onKeyDown: this.handleInputKeyDown, onInput: debounce(this.handleInputChange, this.debounce), onBlur: this.handleOnBlur, "onSix-input-clear": this.handleClearClick, size: this.size, clearable: this.clearable, "aria-describedby": "date-format" }, h("six-icon", { key: '96e71e847d2696297b13f3fbf332faaa3a05b626', slot: "prefix", size: this.size === 'large' ? 'medium' : this.size }, "today"), hasSlot(this.host, 'label') ? (h("span", { slot: "label" }, h("slot", { name: "label" }))) : null, hasSlot(this.host, 'error-text') ? (h("span", { slot: "error-text" }, h("slot", { name: "error-text" }))) : null, hasSlot(this.host, 'help-text') ? (h("span", { slot: "help-text" }, h("slot", { name: "help-text" }))) : null), h("span", { key: 'f065385a9f382c847713aeb0162a7429c1303f66', id: "date-format", class: "sr-only" }, translateFormatHelp(this.language, this.dateFormat)), h("div", { key: 'd0ed8f5babfda44168d349a1340ac4e5f7993e23', ref: (el) => (this.positioner = el), class: "positioner" }, h("div", { key: '27250b4ed9b8fbeacf4104380a3f75b1b395d26c', class: "panel", ref: (el) => (this.panel = el) }, h("header", { key: '5d70aeb04a68fa320cd51d5219bd9d8499bc8099', class: "panel__header" }, h("six-icon-button", { key: '7eb4a255ecb028e2d3f254b3ffc0886995698af7', tabindex: "-1", class: "previous", onClick: this.handlePreviousClick, name: "arrow_back_ios" }), this.selectionMode === 'day' && (h("div", { key: '42e9e6ffbb7ded041cc766a4ecafd9350b1beec1', class: "selector", onClick: () => (this.selectionMode = 'month') }, translateMonth(this.pointerDate.month, this.language), h("six-icon", { key: '72ab31ef4d76739a955253ce718705c171aeffc4' }, "arrow_drop_down"))), this.selectionMode !== 'year' && (h("div", { key: '760255898924358aa99856d211c218aa3ab3bf92', class: "selector", onClick: () => (this.selectionMode = 'year') }, this.pointerDate.year, h("six-icon", { key: 'dbd9d1f346c56e2df6162edaa53a458afe9883db' }, "arrow_drop_down"))), this.selectionMode === 'year' && (h("div", { key: 'd04218a353e377b276388708c86694bca2c97228', class: "selector" }, this.pointerDate.year - Math.floor(NUMBER_OF_YEARS_SHOWN / 2), " \u2013", ' ', this.pointerDate.year + Math.floor(NUMBER_OF_YEARS_SHOWN / 2))), h("six-icon-button", { key: '5a924541cc2f89a2bb76113757c00211c86b3adf', tabindex: "-1", class: "next", onClick: this.handleNextClick, name: "arrow_forward_ios" })), this.selectionMode === 'day' && (h(DaySelection, { key: 'd1e853fd6fcd9d8c74b4d5f8072f998ba081a8c4', language: this.language, calendarGrid: createCalendarGrid({
+        return (h("div", { key: '2fccfb9c005bf6ac4906be3735c3b0fc61bfad8f', class: "container" }, h("six-input", { key: '453bf29f4aec7bc192d1bc5191c7f74a93f0ac48', ref: (el) => (this.inputElement = el), placeholder: this.placeholder == null ? this.dateFormat : this.placeholder, readonly: this.readonly, disabled: this.disabled, name: this.name, label: this.label, required: this.required, helpText: this.helpText, errorText: this.errorText, errorTextCount: this.errorTextCount, invalid: this.invalid, onKeyDown: this.handleInputKeyDown, onInput: this.handleInputChange, onBlur: this.handleInputBlur, "onSix-input-clear": this.handleInputClearClick, size: this.size, clearable: this.clearable, "aria-describedby": "date-format" }, h("six-icon", { key: '93e4add573a5617e9f90e9e8060a9a3a6ec10b98', slot: "prefix", size: this.size === 'large' ? 'medium' : this.size }, "today"), hasSlot(this.host, 'label') ? (h("span", { slot: "label" }, h("slot", { name: "label" }))) : null, hasSlot(this.host, 'error-text') ? (h("span", { slot: "error-text" }, h("slot", { name: "error-text" }))) : null, hasSlot(this.host, 'help-text') ? (h("span", { slot: "help-text" }, h("slot", { name: "help-text" }))) : null), h("span", { key: '5fb919b6861ed8307de1105c881350d4094bbf52', id: "date-format", class: "sr-only" }, translateFormatHelp(this.language, this.dateFormat)), h("div", { key: 'ccddb6c5b5c49f77d31d2d0c75742cc0ffbda2ee', ref: (el) => (this.positioner = el), class: "positioner" }, h("div", { key: '3eec69b5bac555fd542cab3a967700403af68750', class: "panel", ref: (el) => (this.panel = el) }, h("header", { key: 'a16e0c72e430580b0f0c229476b7c45ea50e194a', class: "panel__header" }, h("six-icon-button", { key: 'bfc02505301c5264de2934f3f4f3fcea52cacf07', tabindex: "-1", class: "previous", onClick: this.handlePreviousClick, name: "arrow_back_ios" }), this.selectionMode === 'day' && (h("div", { key: '2f64e3cc6f2ee9326c953f81b1ea6a3f5ab13551', class: "selector", onClick: () => (this.selectionMode = 'month') }, translateMonth(this.pointerDate.month, this.language), h("six-icon", { key: '9372e403d994348716322f39d7e30971c3d37842' }, "arrow_drop_down"))), this.selectionMode !== 'year' && (h("div", { key: '16a3de3dd5207eeb91d341a02b93b11e707f3372', class: "selector", onClick: () => (this.selectionMode = 'year') }, this.pointerDate.year, h("six-icon", { key: '81024acff597b548875a7500cbb5aab7ba47952e' }, "arrow_drop_down"))), this.selectionMode === 'year' && (h("div", { key: 'f8615b0ca8ce732a18776e3677a997fd43d9fac4', class: "selector" }, this.pointerDate.year - Math.floor(NUMBER_OF_YEARS_SHOWN / 2), " \u2013", ' ', this.pointerDate.year + Math.floor(NUMBER_OF_YEARS_SHOWN / 2))), h("six-icon-button", { key: '0e689a5621ae8a62415c4a19efb64a983b720115', tabindex: "-1", class: "next", onClick: this.handleNextClick, name: "arrow_forward_ios" })), this.selectionMode === 'day' && (h(DaySelection, { key: '6fe9920a9449418460e069eefa96adda867c2eb3', language: this.language, calendarGrid: createCalendarGrid({
                 year: this.pointerDate.year,
                 month: this.pointerDate.month,
                 selected: this.value || undefined,
@@ -275,7 +277,7 @@ export class SixDate {
                 maxDate: this.max,
                 dateFormat: this.dateFormat,
                 allowedDates: this.allowedDates,
-            }), dayClicked: this.handleDayClick })), this.selectionMode === 'month' && (h(MonthSelection, { key: '9804ad6d7222024095e7c2d83357506c61d68cfa', language: this.language, selected: this.value, monthClicked: this.handleMonthClicked })), this.selectionMode === 'year' && (h(YearSelection, { key: 'd6f67dacd54f4ca384f7a4a328c4a87b0d95878a', selected: this.value, pointerYear: this.pointerDate.year, yearCount: NUMBER_OF_YEARS_SHOWN, yearClicked: this.handleYearClicked }))))));
+            }), dayClicked: this.handleDayClick })), this.selectionMode === 'month' && (h(MonthSelection, { key: 'ad02bb9d8b6c96abf77ccd30585490b2236fbfd0', language: this.language, selected: this.value, monthClicked: this.handleMonthClicked })), this.selectionMode === 'year' && (h(YearSelection, { key: 'a14118d8b9ec16182522d1de6dc12d9026ef3aa3', selected: this.value, pointerYear: this.pointerDate.year, yearCount: NUMBER_OF_YEARS_SHOWN, yearClicked: this.handleYearClicked }))))));
     }
     static get is() { return "six-date"; }
     static get encapsulation() { return "shadow"; }
@@ -293,6 +295,7 @@ export class SixDate {
         return {
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "Language",
@@ -313,12 +316,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "language",
                 "reflect": false,
                 "defaultValue": "'en'"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -333,12 +336,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -353,12 +356,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "allowedDates": {
                 "type": "unknown",
+                "attribute": "allowed-dates",
                 "mutable": false,
                 "complexType": {
                     "original": "(date: string) => boolean",
@@ -377,6 +380,7 @@ export class SixDate {
             },
             "min": {
                 "type": "string",
+                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -391,11 +395,11 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min",
                 "reflect": false
             },
             "max": {
                 "type": "string",
+                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -410,11 +414,11 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max",
                 "reflect": false
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'small' | 'medium' | 'large'",
@@ -429,12 +433,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'medium'"
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -449,12 +453,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -469,11 +473,11 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": false
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | ''",
@@ -488,12 +492,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "dateFormat": {
                 "type": "string",
+                "attribute": "date-format",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -504,16 +508,16 @@ export class SixDate {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Defines the format pattern for displaying dates and how dates can be entered via keyboard.\n\nDefaults to \"dd.MM.yyyy\".\n\nAvailable patterns:\n- Year: \"yyyy\" (e.g., \"2021\")\n- Month: \"MM\" (e.g., \"01\" for January) or \"M\" (e.g., \"1\" for January)\n- Day: \"dd\" (e.g., \"08\" for the 8th) or \"d\" (e.g., \"8\" for the 8th)\n\nExamples:\n- \"dd.MM.yyyy\" -> \"31.01.2024\"\n- \"yyyy-MM-dd\" -> \"2024-01-31\"\n- \"d.M.yyyy\" -> \"31.1.2024\""
+                    "text": "Defines the format pattern for displaying dates and how dates can be entered via keyboard.\n\nThe parser accepts flexible input that doesn't strictly match the format pattern.\nInput with missing leading zeros or incomplete years will be automatically normalized.\nFor example, with the pattern \"dd.MM.yyyy\": \"1.1.2025\" becomes \"01.01.2025\" and\n\"1.1.225\" becomes \"01.01.0225\".\n\nDefaults to \"dd.MM.yyyy\".\n\nAvailable patterns:\n- Year: \"yyyy\" (e.g., \"2021\")\n- Month: \"MM\" (e.g., \"01\" for January) or \"M\" (e.g., \"1\" for January)\n- Day: \"dd\" (e.g., \"08\" for the 8th) or \"d\" (e.g., \"8\" for the 8th)\n\nExamples:\n- \"dd.MM.yyyy\" -> \"31.01.2024\"\n- \"yyyy-MM-dd\" -> \"2024-01-31\"\n- \"d.M.yyyy\" -> \"31.1.2024\""
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "date-format",
                 "reflect": false,
                 "defaultValue": "'dd.MM.yyyy'"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -528,12 +532,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -548,12 +552,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "help-text",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string | string[]",
@@ -568,12 +572,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "error-text",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "errorTextCount": {
                 "type": "number",
+                "attribute": "error-text-count",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -588,11 +592,11 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "error-text-count",
                 "reflect": false
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -607,32 +611,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": true,
                 "defaultValue": "false"
             },
-            "debounce": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Set the amount of time, in milliseconds, to wait to trigger the `six-change` event after each keystroke."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "debounce",
-                "reflect": false,
-                "defaultValue": "DEFAULT_DEBOUNCE_FAST"
-            },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -647,12 +631,12 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": true,
                 "defaultValue": "''"
             },
             "clearable": {
                 "type": "boolean",
+                "attribute": "clearable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -667,7 +651,6 @@ export class SixDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "clearable",
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/six-date/six-date.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"six-date.js","sourceRoot":"","sources":["../../../src/components/six-date/six-date.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce, DEFAULT_DEBOUNCE_FAST } from '../../utils/execution-control';\nimport { hasSlot } from '../../utils/slot';\nimport { MonthSelection } from './components/month-selection';\nimport { YearSelection } from './components/year-selection';\nimport { DaySelection } from './components/day-selection';\nimport { Language } from '../../utils/error-messages';\nimport { cleanupValue, formatDate, fromFormattedString, todayAsPointerDate, toPointerDate } from './iso-date';\nimport { createCalendarGrid } from './calendar-grid';\nimport { translateFormatHelp, translateMonth } from './translations';\nimport Popover from '../../utils/popover';\n\nconst NUMBER_OF_YEARS_SHOWN = 25;\n\n/*\n A date picker component that allows users to select dates via a calendar popup or direct input.\n \n @since 5.0\n * @status experimental\n \n @slot label - The date's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes the usage.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text property.\n /\n@Component({\n tag: 'six-date',\n styleUrl: 'six-date.scss',\n shadow: true,\n})\nexport class SixDate {\n private eventListeners = new EventListeners();\n private inputElement?: HTMLSixInputElement;\n private popoverHelper?: Popover;\n private panel?: HTMLElement;\n private positioner?: HTMLElement;\n\n @Element() host!: HTMLSixDateElement;\n\n /\n Current state of the date picker for day, month, or year selection.\n * Independent of the currently selected date value.\n /\n @State() pointerDate = todayAsPointerDate();\n\n @State() selectionMode: 'day' \| 'month' \| 'year' = 'day';\n\n /\n The language used to render the weekdays and months.\n /\n @Prop() language: Language = 'en';\n\n /\n If `true` the user can only select a date via the component in the popup but not directly edit the input field.\n /\n @Prop() readonly = false;\n\n /\n If `true` the component is disabled.\n /\n @Prop() disabled = false;\n\n /\n Callback to determine which dates in the picker should be selectable.\n /\n @Prop() allowedDates: (date: string) => boolean = () => true;\n\n /\n The minimum allowed selectable date in ISO format (yyyy-MM-dd).\n * Dates before this value will be disabled in the date picker.\n * Example: '2024-01-01'\n /\n @Prop() min?: string;\n\n /\n The maximum allowed selectable date in ISO format (yyyy-MM-dd).\n * Dates after this value will be disabled in the date picker.\n * Example: '2025-01-01'\n /\n @Prop() max?: string;\n\n /\n The size of the date input field.\n /\n @Prop() size: 'small' \| 'medium' \| 'large' = 'medium';\n\n /* Set to true to show an asterisk beneath the label. /\n @Prop() required = false;\n\n /\n The placeholder defines what text to be shown on the input element\n /\n @Prop() placeholder?: string;\n\n /\n The value of the form field in ISO 8601 date format (yyyy-MM-dd).\n * Example: '2024-01-01'.\n \n When an invalid date is provided, it will be replaced with an empty string (''),\n * matching the behavior of native HTML <input type=\"date\">.\n \n The displayed format can be customized using the dateFormat property, but the underlying\n * value will always be stored in ISO format.\n /\n @Prop({ mutable: true }) value: string \| '' = '';\n\n /* Defines the format pattern for displaying dates and how dates can be entered via keyboard.\n \n Defaults to \"dd.MM.yyyy\".\n \n Available patterns:\n * - Year: \"yyyy\" (e.g., \"2021\")\n * - Month: \"MM\" (e.g., \"01\" for January) or \"M\" (e.g., \"1\" for January)\n * - Day: \"dd\" (e.g., \"08\" for the 8th) or \"d\" (e.g., \"8\" for the 8th)\n \n Examples:\n * - \"dd.MM.yyyy\" -> \"31.01.2024\"\n * - \"yyyy-MM-dd\" -> \"2024-01-31\"\n * - \"d.M.yyyy\" -> \"31.1.2024\"\n * /\n @Prop() dateFormat = 'dd.MM.yyyy';\n\n /* The label text. /\n @Prop() label = '';\n\n /* The input's help text. Alternatively, you can use the help-text slot. /\n @Prop() helpText = '';\n\n /* The error message shown, if `invalid` is set to true. /\n @Prop() errorText: string \| string[] = '';\n\n /* The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 /\n @Prop() errorTextCount?: number;\n\n /* If this property is set to true and an error message is provided by `errorText`, the error message is displayed. /\n @Prop({ reflect: true }) invalid = false;\n\n /\n Set the amount of time, in milliseconds, to wait to trigger the `six-change` event after each keystroke.\n /\n @Prop() debounce = DEFAULT_DEBOUNCE_FAST;\n\n /* The input's name attribute. /\n @Prop({ reflect: true }) name = '';\n\n /* Set to true to add a clear button when the input is populated. /\n @Prop() clearable = false;\n\n @Watch('value')\n valueChanged() {\n this.updateValueAndPointerDate();\n }\n\n /\n Emitted when the control's value changes.\n * Event detail contains the new date value in ISO format (yyyy-MM-dd) or an empty string if cleared.\n /\n @Event({ eventName: 'six-change' }) sixChange!: EventEmitter<string \| ''>;\n\n /\n Emitted when the control loses focus or the date picker popup is closed.\n * Does not contain event details.\n /\n @Event({ eventName: 'six-blur' }) sixBlur!: EventEmitter;\n\n /* Sets focus on the input. /\n @Method()\n async setFocus(options?: FocusOptions) {\n this.inputElement?.setFocus(options);\n }\n\n private panelHideInProgress = false;\n\n private updateValueAndPointerDate() {\n const { value, pointerDate, warning } = cleanupValue(this.value);\n this.value = value;\n this.pointerDate = pointerDate;\n if (warning != null) {\n console.warn(warning);\n }\n }\n\n private getSixInputBaseElement() {\n return this.inputElement?.shadowRoot?.querySelector('div.input') as HTMLDivElement;\n }\n\n private show() {\n if (this.popoverHelper?.isVisible === true \|\| this.panelHideInProgress \|\| this.disabled) return;\n this.popoverHelper?.show();\n this.eventListeners.add(document, 'mousedown', this.handleDocumentMouseDown);\n }\n\n private hide() {\n if (this.popoverHelper?.isVisible === false) return;\n\n if (this.inputElement) {\n this.inputElement.value = this.value === '' ? '' : formatDate(this.value, this.dateFormat);\n }\n this.selectionMode = 'day';\n this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);\n this.panelHideInProgress = true;\n this.popoverHelper?.hide();\n }\n\n private initPopover() {\n const sixInputBaseElement = this.getSixInputBaseElement();\n if (this.inputElement == null \|\| this.positioner == null \|\| this.panel == null \|\| sixInputBaseElement == null) {\n return;\n }\n\n this.eventListeners.add(sixInputBaseElement, 'click', () => this.show());\n\n this.popoverHelper = new Popover(sixInputBaseElement, this.positioner, {\n strategy: 'fixed',\n placement: 'bottom-start',\n transitionElement: this.panel,\n distance: 4,\n skidding: 0,\n onAfterHide: () => {\n this.panelHideInProgress = false;\n },\n });\n }\n\n private handlePreviousClick = () => {\n switch (this.selectionMode) {\n case 'day':\n if (this.pointerDate.month === 0) {\n this.pointerDate = { year: this.pointerDate.year - 1, month: 11, day: 1 };\n } else {\n this.pointerDate = { year: this.pointerDate.year, month: this.pointerDate.month - 1, day: 1 };\n }\n break;\n case 'month':\n this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year - 1 };\n break;\n case 'year':\n this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year - NUMBER_OF_YEARS_SHOWN };\n break;\n }\n };\n\n private handleNextClick = () => {\n if (this.selectionMode === 'day') {\n if (this.pointerDate.month === 11) {\n this.pointerDate = { year: this.pointerDate.year + 1, month: 0, day: 1 };\n } else {\n this.pointerDate = { year: this.pointerDate.year, month: this.pointerDate.month + 1, day: 1 };\n }\n } else if (this.selectionMode === 'month') {\n this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year + 1 };\n } else if (this.selectionMode === 'year') {\n this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year + NUMBER_OF_YEARS_SHOWN };\n }\n };\n\n private handleDocumentMouseDown = (event: Event) => {\n const baseElement = this.getSixInputBaseElement();\n if (baseElement == null \|\| this.panel == null) return;\n\n // Close when clicking outside\n const path = event.composedPath() as EventTarget[];\n if (!path.includes(this.panel) && !path.includes(baseElement)) {\n this.hide();\n this.sixBlur.emit();\n }\n };\n\n private handleClearClick = () => {\n this.hide();\n this.value = '';\n this.pointerDate = todayAsPointerDate();\n this.sixChange.emit(this.value);\n };\n\n private handleDayClick = (date: string) => {\n this.value = date;\n this.pointerDate = toPointerDate(this.value);\n this.hide();\n this.inputElement?.setFocus();\n this.sixChange.emit(this.value);\n };\n\n private handleMonthClicked = (month: number) => {\n this.pointerDate = { ...this.pointerDate, month };\n this.selectionMode = 'day';\n };\n\n private handleYearClicked = (year: number) => {\n this.pointerDate = { ...this.pointerDate, year };\n this.selectionMode = 'day';\n };\n\n private handleInputChange = (event: Event) => {\n if (this.inputElement == null) return;\n event.stopPropagation();\n const isoDate = fromFormattedString(this.inputElement.value, this.dateFormat);\n\n if (isoDate != null) {\n this.value = isoDate;\n this.pointerDate = toPointerDate(this.value);\n } else if (this.inputElement.value === '') {\n this.value = '';\n this.pointerDate = todayAsPointerDate();\n this.selectionMode = 'day';\n }\n this.sixChange.emit(this.value);\n };\n\n private handleOnBlur = () => {\n if (this.popoverHelper?.isVisible === false) {\n if (this.inputElement) {\n this.inputElement.value = this.value === '' ? '' : formatDate(this.value, this.dateFormat);\n }\n }\n };\n\n private handleInputKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n this.hide();\n this.sixBlur.emit();\n }\n if (event.key === 'Escape') {\n this.hide();\n }\n };\n\n connectedCallback() {\n this.initPopover();\n this.updateValueAndPointerDate();\n this.eventListeners.forward('six-change', 'change', this.host);\n this.eventListeners.forward('six-blur', 'blur', this.host);\n }\n\n componentDidLoad() {\n this.initPopover();\n }\n\n disconnectedCallback() {\n this.eventListeners.removeAll();\n this.popoverHelper?.destroy();\n this.popoverHelper = undefined;\n }\n\n render() {\n return (\n <div class=\"container\">\n {/ INPUT /}\n <six-input\n value={this.value === '' ? '' : formatDate(this.value, this.dateFormat)}\n ref={(el) => (this.inputElement = el)}\n placeholder={this.placeholder == null ? this.dateFormat : this.placeholder}\n readonly={this.readonly}\n disabled={this.disabled}\n name={this.name}\n label={this.label}\n required={this.required}\n helpText={this.helpText}\n errorText={this.errorText}\n errorTextCount={this.errorTextCount}\n invalid={this.invalid}\n onKeyDown={this.handleInputKeyDown}\n onInput={debounce(this.handleInputChange, this.debounce)}\n onBlur={this.handleOnBlur}\n onSix-input-clear={this.handleClearClick}\n size={this.size}\n clearable={this.clearable}\n aria-describedby=\"date-format\"\n >\n <six-icon slot=\"prefix\" size={this.size === 'large' ? 'medium' : this.size}>\n today\n </six-icon>\n {hasSlot(this.host, 'label') ? (\n <span slot=\"label\">\n <slot name=\"label\" />\n </span>\n ) : null}\n {hasSlot(this.host, 'error-text') ? (\n <span slot=\"error-text\">\n <slot name=\"error-text\"></slot>\n </span>\n ) : null}\n {hasSlot(this.host, 'help-text') ? (\n <span slot=\"help-text\">\n <slot name=\"help-text\"></slot>\n </span>\n ) : null}\n </six-input>\n\n <span id=\"date-format\" class=\"sr-only\">\n {translateFormatHelp(this.language, this.dateFormat)}\n </span>\n\n {/ PANEL /}\n <div ref={(el) => (this.positioner = el)} class=\"positioner\">\n <div class=\"panel\" ref={(el) => (this.panel = el)}>\n {/ PANEL HEADER /}\n <header class=\"panel__header\">\n <six-icon-button\n tabindex=\"-1\"\n class=\"previous\"\n onClick={this.handlePreviousClick}\n name=\"arrow_back_ios\"\n />\n\n {this.selectionMode === 'day' && (\n <div class=\"selector\" onClick={() => (this.selectionMode = 'month')}>\n {translateMonth(this.pointerDate.month, this.language)}\n <six-icon>arrow_drop_down</six-icon>\n </div>\n )}\n\n {this.selectionMode !== 'year' && (\n <div class=\"selector\" onClick={() => (this.selectionMode = 'year')}>\n {this.pointerDate.year}\n <six-icon>arrow_drop_down</six-icon>\n </div>\n )}\n\n {this.selectionMode === 'year' && (\n <div class=\"selector\">\n {this.pointerDate.year - Math.floor(NUMBER_OF_YEARS_SHOWN / 2)} –{' '}\n {this.pointerDate.year + Math.floor(NUMBER_OF_YEARS_SHOWN / 2)}\n </div>\n )}\n\n <six-icon-button tabindex=\"-1\" class=\"next\" onClick={this.handleNextClick} name=\"arrow_forward_ios\" />\n </header>\n\n {/ PANEL BODY */}\n {this.selectionMode === 'day' && (\n <DaySelection\n language={this.language}\n calendarGrid={createCalendarGrid({\n year: this.pointerDate.year,\n month: this.pointerDate.month,\n selected: this.value \|\| undefined,\n minDate: this.min,\n maxDate: this.max,\n dateFormat: this.dateFormat,\n allowedDates: this.allowedDates,\n })}\n dayClicked={this.handleDayClick}\n />\n )}\n\n {this.selectionMode === 'month' && (\n <MonthSelection language={this.language} selected={this.value} monthClicked={this.handleMonthClicked} />\n )}\n\n {this.selectionMode === 'year' && (\n <YearSelection\n selected={this.value}\n pointerYear={this.pointerDate.year}\n yearCount={NUMBER_OF_YEARS_SHOWN}\n yearClicked={this.handleYearClicked}\n />\n )}\n </div>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"six-date.js","sourceRoot":"","sources":["../../../src/components/six-date/six-date.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { hasSlot } from '../../utils/slot';\nimport { MonthSelection } from './components/month-selection';\nimport { YearSelection } from './components/year-selection';\nimport { DaySelection } from './components/day-selection';\nimport { Language } from '../../utils/error-messages';\nimport { cleanupValue, formatDate, fromFormattedString, todayAsPointerDate, toPointerDate } from './iso-date';\nimport { createCalendarGrid } from './calendar-grid';\nimport { translateFormatHelp, translateMonth } from './translations';\nimport Popover from '../../utils/popover';\n\nconst NUMBER_OF_YEARS_SHOWN = 25;\n\n/*\n A date picker component that allows users to select dates via a calendar popup or direct input.\n \n @since 5.0\n * @status beta\n \n @slot label - The date's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes the usage.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text property.\n /\n@Component({\n tag: 'six-date',\n styleUrl: 'six-date.scss',\n shadow: true,\n})\nexport class SixDate {\n private eventListeners = new EventListeners();\n private inputElement?: HTMLSixInputElement;\n private popoverHelper?: Popover;\n private panel?: HTMLElement;\n private positioner?: HTMLElement;\n\n @Element() host!: HTMLSixDateElement;\n\n /\n Current state of the date picker for day, month, or year selection.\n * Independent of the currently selected date value.\n /\n @State() pointerDate = todayAsPointerDate();\n\n @State() selectionMode: 'day' \| 'month' \| 'year' = 'day';\n\n /\n The language used to render the weekdays and months.\n /\n @Prop() language: Language = 'en';\n\n /\n If `true` the user can only select a date via the component in the popup but not directly edit the input field.\n /\n @Prop() readonly = false;\n\n /\n If `true` the component is disabled.\n /\n @Prop() disabled = false;\n\n /\n Callback to determine which dates in the picker should be selectable.\n /\n @Prop() allowedDates: (date: string) => boolean = () => true;\n\n /\n The minimum allowed selectable date in ISO format (yyyy-MM-dd).\n * Dates before this value will be disabled in the date picker.\n * Example: '2024-01-01'\n /\n @Prop() min?: string;\n\n /\n The maximum allowed selectable date in ISO format (yyyy-MM-dd).\n * Dates after this value will be disabled in the date picker.\n * Example: '2025-01-01'\n /\n @Prop() max?: string;\n\n /\n The size of the date input field.\n /\n @Prop() size: 'small' \| 'medium' \| 'large' = 'medium';\n\n /* Set to true to show an asterisk beneath the label. /\n @Prop() required = false;\n\n /\n The placeholder defines what text to be shown on the input element\n /\n @Prop() placeholder?: string;\n\n /\n The value of the form field in ISO 8601 date format (yyyy-MM-dd).\n * Example: '2024-01-01'.\n \n When an invalid date is provided, it will be replaced with an empty string (''),\n * matching the behavior of native HTML <input type=\"date\">.\n \n The displayed format can be customized using the dateFormat property, but the underlying\n * value will always be stored in ISO format.\n /\n @Prop({ mutable: true }) value: string \| '' = '';\n\n /* Defines the format pattern for displaying dates and how dates can be entered via keyboard.\n \n The parser accepts flexible input that doesn't strictly match the format pattern.\n * Input with missing leading zeros or incomplete years will be automatically normalized.\n * For example, with the pattern \"dd.MM.yyyy\": \"1.1.2025\" becomes \"01.01.2025\" and\n * \"1.1.225\" becomes \"01.01.0225\".\n \n Defaults to \"dd.MM.yyyy\".\n \n Available patterns:\n * - Year: \"yyyy\" (e.g., \"2021\")\n * - Month: \"MM\" (e.g., \"01\" for January) or \"M\" (e.g., \"1\" for January)\n * - Day: \"dd\" (e.g., \"08\" for the 8th) or \"d\" (e.g., \"8\" for the 8th)\n \n Examples:\n * - \"dd.MM.yyyy\" -> \"31.01.2024\"\n * - \"yyyy-MM-dd\" -> \"2024-01-31\"\n * - \"d.M.yyyy\" -> \"31.1.2024\"\n * /\n @Prop() dateFormat = 'dd.MM.yyyy';\n\n /* The label text. /\n @Prop() label = '';\n\n /* The input's help text. Alternatively, you can use the help-text slot. /\n @Prop() helpText = '';\n\n /* The error message shown, if `invalid` is set to true. /\n @Prop() errorText: string \| string[] = '';\n\n /* The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 /\n @Prop() errorTextCount?: number;\n\n /* If this property is set to true and an error message is provided by `errorText`, the error message is displayed. /\n @Prop({ reflect: true }) invalid = false;\n\n /* The input's name attribute. /\n @Prop({ reflect: true }) name = '';\n\n /* Set to true to add a clear button when the input is populated. /\n @Prop() clearable = false;\n\n @Watch('value')\n valueChanged() {\n this.updateValueAndPointerDate();\n }\n\n /\n Emitted when the control's value changes.\n * Event detail contains the new date value in ISO format (yyyy-MM-dd) or an empty string if cleared.\n /\n @Event({ eventName: 'six-change' }) sixChange!: EventEmitter<string \| ''>;\n\n /\n Emitted when the control loses focus or the date picker popup is closed.\n * Does not contain event details.\n /\n @Event({ eventName: 'six-blur' }) sixBlur!: EventEmitter;\n\n /* Sets focus on the input. /\n @Method()\n async setFocus(options?: FocusOptions) {\n this.inputElement?.setFocus(options);\n }\n\n private panelHideInProgress = false;\n\n private updateValueAndPointerDate() {\n const { value, pointerDate, warning } = cleanupValue(this.value);\n this.value = value;\n this.pointerDate = pointerDate;\n if (warning != null) {\n console.warn(warning);\n }\n }\n\n private getSixInputBaseElement() {\n return this.inputElement?.shadowRoot?.querySelector('div.input') as HTMLDivElement;\n }\n\n private show() {\n if (this.popoverHelper?.isVisible === true \|\| this.panelHideInProgress \|\| this.disabled) return;\n this.popoverHelper?.show();\n this.eventListeners.add(document, 'mousedown', this.handleDocumentMouseDown);\n }\n\n private hide() {\n if (this.popoverHelper?.isVisible === false) return;\n\n this.updateInputElementValue();\n this.selectionMode = 'day';\n this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);\n this.panelHideInProgress = true;\n this.popoverHelper?.hide();\n }\n\n private initPopover() {\n const sixInputBaseElement = this.getSixInputBaseElement();\n if (this.inputElement == null \|\| this.positioner == null \|\| this.panel == null \|\| sixInputBaseElement == null) {\n return;\n }\n\n this.eventListeners.add(sixInputBaseElement, 'click', () => this.show());\n\n this.popoverHelper = new Popover(sixInputBaseElement, this.positioner, {\n strategy: 'fixed',\n placement: 'bottom-start',\n transitionElement: this.panel,\n distance: 4,\n skidding: 0,\n onAfterHide: () => {\n this.panelHideInProgress = false;\n },\n });\n }\n\n private handlePreviousClick = () => {\n switch (this.selectionMode) {\n case 'day':\n if (this.pointerDate.month === 0) {\n this.pointerDate = { year: this.pointerDate.year - 1, month: 11, day: 1 };\n } else {\n this.pointerDate = { year: this.pointerDate.year, month: this.pointerDate.month - 1, day: 1 };\n }\n break;\n case 'month':\n this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year - 1 };\n break;\n case 'year':\n this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year - NUMBER_OF_YEARS_SHOWN };\n break;\n }\n };\n\n private handleNextClick = () => {\n if (this.selectionMode === 'day') {\n if (this.pointerDate.month === 11) {\n this.pointerDate = { year: this.pointerDate.year + 1, month: 0, day: 1 };\n } else {\n this.pointerDate = { year: this.pointerDate.year, month: this.pointerDate.month + 1, day: 1 };\n }\n } else if (this.selectionMode === 'month') {\n this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year + 1 };\n } else if (this.selectionMode === 'year') {\n this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year + NUMBER_OF_YEARS_SHOWN };\n }\n };\n\n private handleDocumentMouseDown = (event: Event) => {\n const baseElement = this.getSixInputBaseElement();\n if (baseElement == null \|\| this.panel == null) return;\n\n // Close when clicking outside\n const path = event.composedPath() as EventTarget[];\n if (!path.includes(this.panel) && !path.includes(baseElement)) {\n this.hide();\n this.sixBlur.emit();\n }\n };\n\n private handleDayClick = (date: string) => {\n this.value = date;\n this.pointerDate = toPointerDate(this.value);\n this.hide();\n this.inputElement?.setFocus();\n this.sixChange.emit(this.value);\n };\n\n private handleMonthClicked = (month: number) => {\n this.pointerDate = { ...this.pointerDate, month };\n this.selectionMode = 'day';\n };\n\n private handleYearClicked = (year: number) => {\n this.pointerDate = { ...this.pointerDate, year };\n this.selectionMode = 'day';\n };\n\n private handleInputChange = (event: Event) => {\n if (this.inputElement == null) return;\n event.stopPropagation();\n const isoDate = fromFormattedString(this.inputElement.value, this.dateFormat);\n\n if (isoDate != null) {\n this.value = isoDate;\n this.pointerDate = toPointerDate(this.value);\n } else if (this.inputElement.value === '') {\n this.value = '';\n this.pointerDate = todayAsPointerDate();\n this.selectionMode = 'day';\n }\n this.sixChange.emit(this.value);\n };\n\n private handleInputBlur = () => {\n if (this.popoverHelper?.isVisible === false) {\n this.updateInputElementValue();\n }\n };\n\n private handleInputClearClick = () => {\n this.hide();\n this.value = '';\n this.pointerDate = todayAsPointerDate();\n this.sixChange.emit(this.value);\n };\n\n private handleInputKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n this.hide();\n this.sixBlur.emit();\n }\n if (event.key === 'Escape') {\n this.hide();\n }\n };\n\n private updateInputElementValue() {\n if (this.inputElement) {\n this.inputElement.value = this.value === '' ? '' : formatDate(this.value, this.dateFormat);\n }\n }\n\n connectedCallback() {\n this.initPopover();\n this.updateValueAndPointerDate();\n this.eventListeners.forward('six-change', 'change', this.host);\n this.eventListeners.forward('six-blur', 'blur', this.host);\n }\n\n componentDidLoad() {\n this.updateInputElementValue();\n this.initPopover();\n }\n\n disconnectedCallback() {\n this.eventListeners.removeAll();\n this.popoverHelper?.destroy();\n this.popoverHelper = undefined;\n }\n\n render() {\n return (\n <div class=\"container\">\n {/ INPUT /}\n <six-input\n ref={(el) => (this.inputElement = el)}\n placeholder={this.placeholder == null ? this.dateFormat : this.placeholder}\n readonly={this.readonly}\n disabled={this.disabled}\n name={this.name}\n label={this.label}\n required={this.required}\n helpText={this.helpText}\n errorText={this.errorText}\n errorTextCount={this.errorTextCount}\n invalid={this.invalid}\n onKeyDown={this.handleInputKeyDown}\n onInput={this.handleInputChange}\n onBlur={this.handleInputBlur}\n onSix-input-clear={this.handleInputClearClick}\n size={this.size}\n clearable={this.clearable}\n aria-describedby=\"date-format\"\n >\n <six-icon slot=\"prefix\" size={this.size === 'large' ? 'medium' : this.size}>\n today\n </six-icon>\n {hasSlot(this.host, 'label') ? (\n <span slot=\"label\">\n <slot name=\"label\" />\n </span>\n ) : null}\n {hasSlot(this.host, 'error-text') ? (\n <span slot=\"error-text\">\n <slot name=\"error-text\"></slot>\n </span>\n ) : null}\n {hasSlot(this.host, 'help-text') ? (\n <span slot=\"help-text\">\n <slot name=\"help-text\"></slot>\n </span>\n ) : null}\n </six-input>\n\n <span id=\"date-format\" class=\"sr-only\">\n {translateFormatHelp(this.language, this.dateFormat)}\n </span>\n\n {/ PANEL /}\n <div ref={(el) => (this.positioner = el)} class=\"positioner\">\n <div class=\"panel\" ref={(el) => (this.panel = el)}>\n {/ PANEL HEADER /}\n <header class=\"panel__header\">\n <six-icon-button\n tabindex=\"-1\"\n class=\"previous\"\n onClick={this.handlePreviousClick}\n name=\"arrow_back_ios\"\n />\n\n {this.selectionMode === 'day' && (\n <div class=\"selector\" onClick={() => (this.selectionMode = 'month')}>\n {translateMonth(this.pointerDate.month, this.language)}\n <six-icon>arrow_drop_down</six-icon>\n </div>\n )}\n\n {this.selectionMode !== 'year' && (\n <div class=\"selector\" onClick={() => (this.selectionMode = 'year')}>\n {this.pointerDate.year}\n <six-icon>arrow_drop_down</six-icon>\n </div>\n )}\n\n {this.selectionMode === 'year' && (\n <div class=\"selector\">\n {this.pointerDate.year - Math.floor(NUMBER_OF_YEARS_SHOWN / 2)} –{' '}\n {this.pointerDate.year + Math.floor(NUMBER_OF_YEARS_SHOWN / 2)}\n </div>\n )}\n\n <six-icon-button tabindex=\"-1\" class=\"next\" onClick={this.handleNextClick} name=\"arrow_forward_ios\" />\n </header>\n\n {/ PANEL BODY */}\n {this.selectionMode === 'day' && (\n <DaySelection\n language={this.language}\n calendarGrid={createCalendarGrid({\n year: this.pointerDate.year,\n month: this.pointerDate.month,\n selected: this.value \|\| undefined,\n minDate: this.min,\n maxDate: this.max,\n dateFormat: this.dateFormat,\n allowedDates: this.allowedDates,\n })}\n dayClicked={this.handleDayClick}\n />\n )}\n\n {this.selectionMode === 'month' && (\n <MonthSelection language={this.language} selected={this.value} monthClicked={this.handleMonthClicked} />\n )}\n\n {this.selectionMode === 'year' && (\n <YearSelection\n selected={this.value}\n pointerYear={this.pointerDate.year}\n yearCount={NUMBER_OF_YEARS_SHOWN}\n yearClicked={this.handleYearClicked}\n />\n )}\n </div>\n </div>\n </div>\n );\n }\n}\n"]}