@omegagrid/calendar 0.11.0 → 0.11.2

package/dist/ui/dropdown.d.ts

@@ -27,6 +27,10 @@ export declare class CalendarDropdown extends Dropdown {
     parseDate(value: string): Date;
     isWithinBounds(date: Date): boolean;
     get inputDateText(): string;
+    get inputTime(): {
+        hours: number;
+        minutes: number;
+    };
     _onInputBlur: () => void;
     _onInput: () => void;
     _onInputKeydown: (e: KeyboardEvent) => void;

package/dist/ui/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAe,MAAM,iBAAiB,CAAC;AAErF,OAAO,EAAe,OAAO,EAAE,MAAM,YAAY,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,qBACa,gBAAiB,SAAQ,QAAQ;;IAE7C,MAAM,CAAC,MAAM,4BAA+B;IAG5C,eAAe,EAAE,OAAO,CAErB;IAGH,WAAW,UAAS;IAEpB,qIAAqI;IAErI,QAAQ,UAAS;IAGjB,IACI,KAAK,IACQ,IAAI,CADa;IAClC,IAAI,KAAK,CAAC,KAAK,EAAE,IAAI,EAMpB;IAGD,KAAK,UAAS;IAGd,OAAO,EAAE,MAAM,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,KAAK,CAAC;IASb,IAAI,SAAS,WAAuE;IACpF,IAAI,WAAW,WAA2E;IAO1F,IAAI,cAAc,YAEjB;IAED,IAAI,QAAQ,aAeX;IAED,IAAI,OAAO,iBAkBV;IAEK,IAAI,CAAC,YAAY,GAAE,MAAa;IAQtC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAQnC,UAAU,CAAC,aAAa,UAAO;IAQ/B,aAAa,aAEZ;IAED,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,cAAc,CAAC,IAAI,EAAE,IAAI;IAOzB,IAAI,aAAa,WAEhB;IAED,YAAY,aASX;IAED,QAAQ,aAGP;IAED,eAAe,GAAI,GAAG,aAAa,UAKlC;IAED,MAAM,CAAC,OAAO,CAAC,EAAE,aAAa;IAK9B,IAAI,iBAAiB,gCAEpB;IAED,IAAI,cAAc,WAGjB;IAED,oBAAoB;IAUpB,MAAM,6CAiCJ;CACF"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAe,MAAM,iBAAiB,CAAC;AAErF,OAAO,EAAe,OAAO,EAAE,MAAM,YAAY,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,qBACa,gBAAiB,SAAQ,QAAQ;;IAE7C,MAAM,CAAC,MAAM,4BAA+B;IAG5C,eAAe,EAAE,OAAO,CAErB;IAGH,WAAW,UAAS;IAEpB,qIAAqI;IAErI,QAAQ,UAAS;IAGjB,IACI,KAAK,IACQ,IAAI,CADa;IAClC,IAAI,KAAK,CAAC,KAAK,EAAE,IAAI,EAMpB;IAGD,KAAK,UAAS;IAGd,OAAO,EAAE,MAAM,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,KAAK,CAAC;IASb,IAAI,SAAS,WAAuE;IACpF,IAAI,WAAW,WAA2E;IAO1F,IAAI,cAAc,YAEjB;IAED,IAAI,QAAQ,aAeX;IAED,IAAI,OAAO,iBAkBV;IAEK,IAAI,CAAC,YAAY,GAAE,MAAa;IAQtC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAQnC,UAAU,CAAC,aAAa,UAAO;IAQ/B,aAAa,aAEZ;IAED,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,cAAc,CAAC,IAAI,EAAE,IAAI;IAOzB,IAAI,aAAa,WAEhB;IAGD,IAAI,SAAS;;;MAOZ;IAED,YAAY,aAaX;IAED,QAAQ,aAGP;IAED,eAAe,GAAI,GAAG,aAAa,UAKlC;IAED,MAAM,CAAC,OAAO,CAAC,EAAE,aAAa;IAK9B,IAAI,iBAAiB,gCAEpB;IAED,IAAI,cAAc,WAGjB;IAED,oBAAoB;IAUpB,MAAM,6CAiCJ;CACF"}

package/dist/ui/dropdown.js

@@ -44,8 +44,10 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
         };
         this._onInputBlur = () => {
             let newDate = this.parseDate(this.inputDateText);
-            if (newDate != null && this.withTime)
-                newDate = set(newDate, { hours: this.timeHours, minutes: this.timeMinutes, seconds: 0, milliseconds: 0 });
+            if (newDate != null && this.withTime) {
+                const time = this.inputTime ?? { hours: this.timeHours, minutes: this.timeMinutes };
+                newDate = set(newDate, { ...time, seconds: 0, milliseconds: 0 });
+            }
             if (newDate != null && !this.isWithinBounds(newDate))
                 newDate = null;
             if (newDate == null)
@@ -54,6 +56,8 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
                 __classPrivateFieldSet(this, _CalendarDropdown_value, newDate, "f");
                 this.dispatchEvent(new events.ChangeEvent({ value: this.value }));
             }
+            if (this.withTime)
+                this.input.value = this.formattedValue || '';
         };
         this._onInput = () => {
             const newDate = this.parseDate(this.inputDateText);
@@ -186,10 +190,20 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
             date = startOfDay(date); // bounds are day-granular
         return (!minDate || date >= minDate) && (!maxDate || date <= maxDate);
     }
-    // with time enabled only the first token is the date, the typed time is ignored (the spinners own the time)
+    // with time enabled the first token is the date, the second an optional time
     get inputDateText() {
         return this.withTime ? this.input.value.trim().split(/\s+/)[0] ?? '' : this.input.value;
     }
+    // time of day typed after the date; null when missing or invalid (the currently selected time is kept then)
+    get inputTime() {
+        const token = this.input.value.trim().split(/\s+/)[1];
+        const match = token?.match(/^(\d{1,2}):(\d{1,2})(?::\d{1,2})?$/);
+        if (!match)
+            return null;
+        const hours = Number(match[1]);
+        const minutes = Number(match[2]);
+        return hours < 24 && minutes < 60 ? { hours, minutes } : null;
+    }
     layout(options) {
         super.layout(options);
         __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f")?.layout();

package/dist/ui/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { Dropdown, Input, LayoutOptions, dates, dom, events } from \"@omegagrid/core\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { initOptions, Options } from \"../options\";\nimport { html } from \"lit\";\nimport { set, startOfDay } from \"date-fns\";\nimport { style } from \"./dropdown.style\";\nimport { Calendar } from \"./calendar\";\nimport { CalendarTime } from \"./timeRow\";\n\n@customElement('og-calendar-dropdown')\nexport class CalendarDropdown extends Dropdown {\n\n\tstatic styles = [...Dropdown.styles, style];\n\n\t@property({type: Object})\n\tcalendarOptions: Options = initOptions({\n\t\tcontrolsPosition: 'bottom'\n\t});\n\n\t@property({type: Boolean})\n\tbuttonInput = false;\n\n\t/** enables time of day (hours and minutes) selection below the calendar; a day pick then keeps the dropdown open, default `false` */\n\t@property({type: Boolean})\n\twithTime = false;\n\n\t#value: Date;\n\t@property({type: Object, noAccessor: true})\n\tget value() { return this.#value }\n\tset value(value: Date) {\n\t\tthis.#value = this.#normalizeTime(value);\n\t\tif (this.#calendar) {\n\t\t\tthis.#calendar.date = this.#value;\n\t\t\tthis.requestUpdate();\n\t\t}\n\t}\n\n\t@property({type: Boolean, reflect: true})\n\tcross = false;\n\n\t@property({type: String})\n\tcaption: string;\n\n\t@property({type: String})\n\tplaceholder: string;\n\n\t@query('og-input')\n\tinput: Input;\n\n\t#calendar: Calendar;\n\t#timeRow: CalendarTime;\n\n\t// time of day selected before any date is picked (merged into the next day pick)\n\t#pendingHours = 0;\n\t#pendingMinutes = 0;\n\n\tget timeHours() { return this.#value ? this.#value.getHours() : this.#pendingHours }\n\tget timeMinutes() { return this.#value ? this.#value.getMinutes() : this.#pendingMinutes }\n\n\t#normalizeTime(value: Date) {\n\t\tif (value == null || !this.withTime) return value;\n\t\treturn set(value, {seconds: 0, milliseconds: 0});\n\t}\n\n\tget hasCrossButton() {\n\t\treturn this.cross && this.#value != null;\n\t}\n\n\tget calendar() {\n\t\tif (this.#calendar) return this.#calendar;\n\t\tthis.#calendar = dom.createElement<Calendar>('og-calendar');\n\t\tthis.#calendar.date = this.#value;\n\t\tthis.#calendar.options = this.calendarOptions;\n\t\tthis.#calendar.slot = 'inner-content';\n\t\tthis.#calendar.addEventListener('change', (e: events.ChangeEvent<Date>) => {\n\t\t\tthis.#value = this.withTime\n\t\t\t\t? set(e.value, {hours: this.timeHours, minutes: this.timeMinutes})\n\t\t\t\t: e.value;\n\t\t\tif (!this.withTime) this.close();\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.#value}));\n\t\t\tthis.requestUpdate();\n\t\t});\n\t\treturn this.#calendar;\n\t}\n\n\tget timeRow() {\n\t\tif (this.#timeRow) return this.#timeRow;\n\t\tthis.#timeRow = dom.createElement<CalendarTime>('og-calendar-time');\n\t\tthis.#timeRow.slot = 'inner-content';\n\t\tthis.#timeRow.style.flex = '0 0 auto'; // the container stretches slotted children by default\n\t\tthis.#timeRow.hours = this.timeHours;\n\t\tthis.#timeRow.minutes = this.timeMinutes;\n\t\tthis.#timeRow.addEventListener('change', (e: events.ChangeEvent<{hours: number, minutes: number}>) => {\n\t\t\tif (this.#value) {\n\t\t\t\tthis.#value = set(this.#value, {...e.value, seconds: 0, milliseconds: 0});\n\t\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.#value}));\n\t\t\t\tthis.requestUpdate();\n\t\t\t} else {\n\t\t\t\tthis.#pendingHours = e.value.hours;\n\t\t\t\tthis.#pendingMinutes = e.value.minutes;\n\t\t\t}\n\t\t});\n\t\treturn this.#timeRow;\n\t}\n\n\tasync open(initialValue: string = null) {\n\t\tif (initialValue != null) this.input.value = initialValue;\n\n\t\tif (this.calendar.parentElement != this.dropdown) this.dropdown.appendChild(this.calendar);\n\t\tif (this.withTime && this.timeRow.parentElement != this.dropdown) this.dropdown.appendChild(this.timeRow);\n\t\tawait super.open();\n\t}\n\n\tupdated(props: Map<string, unknown>) {\n\t\tsuper.updated(props);\n\t\tif (this.withTime && this.#timeRow) {\n\t\t\tthis.#timeRow.hours = this.timeHours;\n\t\t\tthis.#timeRow.minutes = this.timeMinutes;\n\t\t}\n\t}\n\n\tclearValue(dispatchEvent = true) {\n\t\tthis.#pendingHours = 0;\n\t\tthis.#pendingMinutes = 0;\n\t\tthis.value = null;\n\t\tthis.close();\n\t\tif (dispatchEvent) this.dispatchEvent(new events.ChangeEvent({value: null}));\n\t}\n\n\t_onInputFocus = () => {\n\t\tthis.open();\n\t}\n\n\tparseDate(value: string) {\n\t\treturn dates.parse(value, this.calendarOptions.locale);\n\t}\n\n\tisWithinBounds(date: Date) {\n\t\tconst { minDate, maxDate } = this.calendarOptions;\n\t\tif (this.withTime) date = startOfDay(date); // bounds are day-granular\n\t\treturn (!minDate || date >= minDate) && (!maxDate || date <= maxDate);\n\t}\n\n\t// with time enabled only the first token is the date, the typed time is ignored (the spinners own the time)\n\tget inputDateText() {\n\t\treturn this.withTime ? this.input.value.trim().split(/\\s+/)[0] ?? '' : this.input.value;\n\t}\n\n\t_onInputBlur = () => {\n\t\tlet newDate = this.parseDate(this.inputDateText);\n\t\tif (newDate != null && this.withTime) newDate = set(newDate, {hours: this.timeHours, minutes: this.timeMinutes, seconds: 0, milliseconds: 0});\n\t\tif (newDate != null && !this.isWithinBounds(newDate)) newDate = null;\n\t\tif (newDate == null) this.input.value = '';\n\t\tif (newDate?.getTime() !== this.#value?.getTime()) {\n\t\t\tthis.#value = newDate;\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.value}));\n\t\t}\n\t}\n\n\t_onInput = () => {\n\t\tconst newDate = this.parseDate(this.inputDateText);\n\t\tif (newDate && this.isWithinBounds(newDate)) this.#calendar.date = newDate;\n\t}\n\n\t_onInputKeydown = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter') {\n\t\t\tthis.input.blur();\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\tlayout(options?: LayoutOptions) {\n\t\tsuper.layout(options);\n\t\tthis.#calendar?.layout();\n\t}\n\n\tget dateTimeFormatter() {\n\t\treturn dates.getDateFormatter(this.calendarOptions.locale, this.calendarOptions.dateFormat + ' HH:mm');\n\t}\n\n\tget formattedValue() {\n\t\tif (!this.withTime) return this.calendar?.formattedDate;\n\t\treturn this.#value ? this.dateTimeFormatter(this.#value) : '';\n\t}\n\n\tgetButtonContentHtml() {\n\t\tconst caption = this.caption ? html`<div class=\"caption\">${this.caption}</div>` : null;\n\t\tconst placeholder = this.placeholder ? html`<div class=\"placeholder\">${this.placeholder}</div>` : null;\n\t\tconst formattedDate = this.formattedValue;\n\t\treturn formattedDate ? html`${caption ? html`${caption}:` : ``}<div class=\"itm\">${formattedDate}</div>` : (caption\n\t\t\t? html`${caption}${placeholder ? html`:&nbsp;${placeholder}` : ``}`\n\t\t\t: (placeholder ? html`${placeholder}` : html`&nbsp;`)\n\t\t);\n\t}\n\n\trender = () => html`\n\t\t${this.buttonInput ? html`\n\t\t\t<og-input\n\t\t\t\t@keydown=\"${this._onInputKeydown}\"\n\t\t\t\t@focus=\"${this._onInputFocus}\"\n\t\t\t\t@input=\"${this._onInput}\"\n\t\t\t\t@blur=\"${this._onInputBlur}\"\n\t\t\t\tplaceholder=\"${this.placeholder || ''}\"\n\t\t\t\t.value=\"${this.formattedValue || ''}\">\n\t\t\t</og-input>\n\t\t` : html`\n\t\t\t<og-button\n\t\t\t\t.caret=\"${this.noCaret ? 'none' : 'down'}\"\n\t\t\t\tcolor=\"${this.color}\"\n\t\t\t\tclass=\"main\"\n\t\t\t\tstyle=\"flex: 1; text-align: center;\" \n\t\t\t\t@mousedown=\"${this._onMousedown}\">\n\t\t\t\t<div class=\"content\" slot=\"content\">\n\t\t\t\t\t${this.getButtonContentHtml()}\n\t\t\t\t</div>\n\t\t\t</og-button>\n\t\t`}\n\n\t\t${this.hasCrossButton ? html`\n\t\t\t<og-button\n\t\t\t\tclass=\"cross\"\n\t\t\t\t@mousedown=\"${() => this.clearValue(true)}\"\n\t\t\t\ticon=\"xmark\"\n\t\t\t\tcolor=\"red\">\n\t\t\t</og-button>\n\t\t` : ``}\n\n\t\t${this.renderDropdown()}\n\t`;\n}\n"]}
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { Dropdown, Input, LayoutOptions, dates, dom, events } from \"@omegagrid/core\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { initOptions, Options } from \"../options\";\nimport { html } from \"lit\";\nimport { set, startOfDay } from \"date-fns\";\nimport { style } from \"./dropdown.style\";\nimport { Calendar } from \"./calendar\";\nimport { CalendarTime } from \"./timeRow\";\n\n@customElement('og-calendar-dropdown')\nexport class CalendarDropdown extends Dropdown {\n\n\tstatic styles = [...Dropdown.styles, style];\n\n\t@property({type: Object})\n\tcalendarOptions: Options = initOptions({\n\t\tcontrolsPosition: 'bottom'\n\t});\n\n\t@property({type: Boolean})\n\tbuttonInput = false;\n\n\t/** enables time of day (hours and minutes) selection below the calendar; a day pick then keeps the dropdown open, default `false` */\n\t@property({type: Boolean})\n\twithTime = false;\n\n\t#value: Date;\n\t@property({type: Object, noAccessor: true})\n\tget value() { return this.#value }\n\tset value(value: Date) {\n\t\tthis.#value = this.#normalizeTime(value);\n\t\tif (this.#calendar) {\n\t\t\tthis.#calendar.date = this.#value;\n\t\t\tthis.requestUpdate();\n\t\t}\n\t}\n\n\t@property({type: Boolean, reflect: true})\n\tcross = false;\n\n\t@property({type: String})\n\tcaption: string;\n\n\t@property({type: String})\n\tplaceholder: string;\n\n\t@query('og-input')\n\tinput: Input;\n\n\t#calendar: Calendar;\n\t#timeRow: CalendarTime;\n\n\t// time of day selected before any date is picked (merged into the next day pick)\n\t#pendingHours = 0;\n\t#pendingMinutes = 0;\n\n\tget timeHours() { return this.#value ? this.#value.getHours() : this.#pendingHours }\n\tget timeMinutes() { return this.#value ? this.#value.getMinutes() : this.#pendingMinutes }\n\n\t#normalizeTime(value: Date) {\n\t\tif (value == null || !this.withTime) return value;\n\t\treturn set(value, {seconds: 0, milliseconds: 0});\n\t}\n\n\tget hasCrossButton() {\n\t\treturn this.cross && this.#value != null;\n\t}\n\n\tget calendar() {\n\t\tif (this.#calendar) return this.#calendar;\n\t\tthis.#calendar = dom.createElement<Calendar>('og-calendar');\n\t\tthis.#calendar.date = this.#value;\n\t\tthis.#calendar.options = this.calendarOptions;\n\t\tthis.#calendar.slot = 'inner-content';\n\t\tthis.#calendar.addEventListener('change', (e: events.ChangeEvent<Date>) => {\n\t\t\tthis.#value = this.withTime\n\t\t\t\t? set(e.value, {hours: this.timeHours, minutes: this.timeMinutes})\n\t\t\t\t: e.value;\n\t\t\tif (!this.withTime) this.close();\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.#value}));\n\t\t\tthis.requestUpdate();\n\t\t});\n\t\treturn this.#calendar;\n\t}\n\n\tget timeRow() {\n\t\tif (this.#timeRow) return this.#timeRow;\n\t\tthis.#timeRow = dom.createElement<CalendarTime>('og-calendar-time');\n\t\tthis.#timeRow.slot = 'inner-content';\n\t\tthis.#timeRow.style.flex = '0 0 auto'; // the container stretches slotted children by default\n\t\tthis.#timeRow.hours = this.timeHours;\n\t\tthis.#timeRow.minutes = this.timeMinutes;\n\t\tthis.#timeRow.addEventListener('change', (e: events.ChangeEvent<{hours: number, minutes: number}>) => {\n\t\t\tif (this.#value) {\n\t\t\t\tthis.#value = set(this.#value, {...e.value, seconds: 0, milliseconds: 0});\n\t\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.#value}));\n\t\t\t\tthis.requestUpdate();\n\t\t\t} else {\n\t\t\t\tthis.#pendingHours = e.value.hours;\n\t\t\t\tthis.#pendingMinutes = e.value.minutes;\n\t\t\t}\n\t\t});\n\t\treturn this.#timeRow;\n\t}\n\n\tasync open(initialValue: string = null) {\n\t\tif (initialValue != null) this.input.value = initialValue;\n\n\t\tif (this.calendar.parentElement != this.dropdown) this.dropdown.appendChild(this.calendar);\n\t\tif (this.withTime && this.timeRow.parentElement != this.dropdown) this.dropdown.appendChild(this.timeRow);\n\t\tawait super.open();\n\t}\n\n\tupdated(props: Map<string, unknown>) {\n\t\tsuper.updated(props);\n\t\tif (this.withTime && this.#timeRow) {\n\t\t\tthis.#timeRow.hours = this.timeHours;\n\t\t\tthis.#timeRow.minutes = this.timeMinutes;\n\t\t}\n\t}\n\n\tclearValue(dispatchEvent = true) {\n\t\tthis.#pendingHours = 0;\n\t\tthis.#pendingMinutes = 0;\n\t\tthis.value = null;\n\t\tthis.close();\n\t\tif (dispatchEvent) this.dispatchEvent(new events.ChangeEvent({value: null}));\n\t}\n\n\t_onInputFocus = () => {\n\t\tthis.open();\n\t}\n\n\tparseDate(value: string) {\n\t\treturn dates.parse(value, this.calendarOptions.locale);\n\t}\n\n\tisWithinBounds(date: Date) {\n\t\tconst { minDate, maxDate } = this.calendarOptions;\n\t\tif (this.withTime) date = startOfDay(date); // bounds are day-granular\n\t\treturn (!minDate || date >= minDate) && (!maxDate || date <= maxDate);\n\t}\n\n\t// with time enabled the first token is the date, the second an optional time\n\tget inputDateText() {\n\t\treturn this.withTime ? this.input.value.trim().split(/\\s+/)[0] ?? '' : this.input.value;\n\t}\n\n\t// time of day typed after the date; null when missing or invalid (the currently selected time is kept then)\n\tget inputTime() {\n\t\tconst token = this.input.value.trim().split(/\\s+/)[1];\n\t\tconst match = token?.match(/^(\\d{1,2}):(\\d{1,2})(?::\\d{1,2})?$/);\n\t\tif (!match) return null;\n\t\tconst hours = Number(match[1]);\n\t\tconst minutes = Number(match[2]);\n\t\treturn hours < 24 && minutes < 60 ? {hours, minutes} : null;\n\t}\n\n\t_onInputBlur = () => {\n\t\tlet newDate = this.parseDate(this.inputDateText);\n\t\tif (newDate != null && this.withTime) {\n\t\t\tconst time = this.inputTime ?? {hours: this.timeHours, minutes: this.timeMinutes};\n\t\t\tnewDate = set(newDate, {...time, seconds: 0, milliseconds: 0});\n\t\t}\n\t\tif (newDate != null && !this.isWithinBounds(newDate)) newDate = null;\n\t\tif (newDate == null) this.input.value = '';\n\t\tif (newDate?.getTime() !== this.#value?.getTime()) {\n\t\t\tthis.#value = newDate;\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.value}));\n\t\t}\n\t\tif (this.withTime) this.input.value = this.formattedValue || '';\n\t}\n\n\t_onInput = () => {\n\t\tconst newDate = this.parseDate(this.inputDateText);\n\t\tif (newDate && this.isWithinBounds(newDate)) this.#calendar.date = newDate;\n\t}\n\n\t_onInputKeydown = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter') {\n\t\t\tthis.input.blur();\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\tlayout(options?: LayoutOptions) {\n\t\tsuper.layout(options);\n\t\tthis.#calendar?.layout();\n\t}\n\n\tget dateTimeFormatter() {\n\t\treturn dates.getDateFormatter(this.calendarOptions.locale, this.calendarOptions.dateFormat + ' HH:mm');\n\t}\n\n\tget formattedValue() {\n\t\tif (!this.withTime) return this.calendar?.formattedDate;\n\t\treturn this.#value ? this.dateTimeFormatter(this.#value) : '';\n\t}\n\n\tgetButtonContentHtml() {\n\t\tconst caption = this.caption ? html`<div class=\"caption\">${this.caption}</div>` : null;\n\t\tconst placeholder = this.placeholder ? html`<div class=\"placeholder\">${this.placeholder}</div>` : null;\n\t\tconst formattedDate = this.formattedValue;\n\t\treturn formattedDate ? html`${caption ? html`${caption}:` : ``}<div class=\"itm\">${formattedDate}</div>` : (caption\n\t\t\t? html`${caption}${placeholder ? html`:&nbsp;${placeholder}` : ``}`\n\t\t\t: (placeholder ? html`${placeholder}` : html`&nbsp;`)\n\t\t);\n\t}\n\n\trender = () => html`\n\t\t${this.buttonInput ? html`\n\t\t\t<og-input\n\t\t\t\t@keydown=\"${this._onInputKeydown}\"\n\t\t\t\t@focus=\"${this._onInputFocus}\"\n\t\t\t\t@input=\"${this._onInput}\"\n\t\t\t\t@blur=\"${this._onInputBlur}\"\n\t\t\t\tplaceholder=\"${this.placeholder || ''}\"\n\t\t\t\t.value=\"${this.formattedValue || ''}\">\n\t\t\t</og-input>\n\t\t` : html`\n\t\t\t<og-button\n\t\t\t\t.caret=\"${this.noCaret ? 'none' : 'down'}\"\n\t\t\t\tcolor=\"${this.color}\"\n\t\t\t\tclass=\"main\"\n\t\t\t\tstyle=\"flex: 1; text-align: center;\" \n\t\t\t\t@mousedown=\"${this._onMousedown}\">\n\t\t\t\t<div class=\"content\" slot=\"content\">\n\t\t\t\t\t${this.getButtonContentHtml()}\n\t\t\t\t</div>\n\t\t\t</og-button>\n\t\t`}\n\n\t\t${this.hasCrossButton ? html`\n\t\t\t<og-button\n\t\t\t\tclass=\"cross\"\n\t\t\t\t@mousedown=\"${() => this.clearValue(true)}\"\n\t\t\t\ticon=\"xmark\"\n\t\t\t\tcolor=\"red\">\n\t\t\t</og-button>\n\t\t` : ``}\n\n\t\t${this.renderDropdown()}\n\t`;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/calendar",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "license": "UNLICENSED",
   "description": "Calendar component",
   "main": "./dist/index.js",
@@ -28,10 +28,10 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.0.1",
-    "@omegagrid/core": "^0.11.0",
-    "@omegagrid/grid": "^0.11.0",
-    "@omegagrid/grid-core": "^0.11.0",
-    "@omegagrid/localize": "^0.11.0",
+    "@omegagrid/core": "^0.11.2",
+    "@omegagrid/grid": "^0.11.2",
+    "@omegagrid/grid-core": "^0.11.2",
+    "@omegagrid/localize": "^0.11.2",
     "date-fns": "^3.2.0",
     "lit": "^3.1.1",
     "ts-debounce": "^4.0.0"