@wkly/datetime-picker 13.0.0 → 14.0.0

package/fesm2020/wkly-datetime-picker-cdk-overlay.mjs

@@ -73,9 +73,9 @@ class WklyDateTimePickerOverlayService {
         };
     }
 }
-WklyDateTimePickerOverlayService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerOverlayService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i2.FocusTrapFactory }], target: i0.ɵɵFactoryTarget.Injectable });
-WklyDateTimePickerOverlayService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerOverlayService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerOverlayService, decorators: [{
+WklyDateTimePickerOverlayService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerOverlayService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i2.FocusTrapFactory }], target: i0.ɵɵFactoryTarget.Injectable });
+WklyDateTimePickerOverlayService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerOverlayService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerOverlayService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Injector }, { type: i2.FocusTrapFactory }]; } });
@@ -89,8 +89,8 @@ class WklyDateTimePickerOverlayDirective extends WklyTriggerBase {
         return this.service.open(this.element.nativeElement, (reason) => this.close(reason), this[WklyPickerInputsPropertyKeys.CloseOnBackdrop], this.triggerInjector);
     }
 }
-WklyDateTimePickerOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerOverlayDirective, deps: [{ token: i0.ElementRef }, { token: WklyDateTimePickerOverlayService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-WklyDateTimePickerOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: WklyDateTimePickerOverlayDirective, selector: "[wklyDateTimePickerOverlay]", providers: [
+WklyDateTimePickerOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerOverlayDirective, deps: [{ token: i0.ElementRef }, { token: WklyDateTimePickerOverlayService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
+WklyDateTimePickerOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: WklyDateTimePickerOverlayDirective, selector: "[wklyDateTimePickerOverlay]", providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => WklyDateTimePickerOverlayDirective),
@@ -102,7 +102,7 @@ WklyDateTimePickerOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersio
             multi: true,
         },
     ], exportAs: ["wklyOverlay"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[wklyDateTimePickerOverlay]",
@@ -123,10 +123,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: WklyDateTimePickerOverlayService }, { type: i0.Injector }]; } });
 class WklyDateTimePickerOverlayModule {
 }
-WklyDateTimePickerOverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WklyDateTimePickerOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerOverlayModule, declarations: [WklyDateTimePickerOverlayDirective], imports: [OverlayModule, WklyDateTimePickerModule], exports: [WklyDateTimePickerOverlayDirective] });
-WklyDateTimePickerOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerOverlayModule, imports: [[OverlayModule, WklyDateTimePickerModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerOverlayModule, decorators: [{
+WklyDateTimePickerOverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WklyDateTimePickerOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerOverlayModule, declarations: [WklyDateTimePickerOverlayDirective], imports: [OverlayModule, WklyDateTimePickerModule], exports: [WklyDateTimePickerOverlayDirective] });
+WklyDateTimePickerOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerOverlayModule, imports: [OverlayModule, WklyDateTimePickerModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerOverlayModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OverlayModule, WklyDateTimePickerModule],

package/fesm2020/wkly-datetime-picker-cdk-overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"wkly-datetime-picker-cdk-overlay.mjs","sources":["../../../projects/wkly-datetime-picker.13/cdk-overlay/public-api.ts","../../../projects/wkly-datetime-picker.13/cdk-overlay/wkly-datetime-picker-cdk-overlay.ts"],"sourcesContent":["import {\n  ComponentFactoryResolver,\n  Directive,\n  ElementRef,\n  forwardRef,\n  Injectable,\n  Injector,\n  NgModule,\n} from \"@angular/core\";\nimport { NG_VALIDATORS, NG_VALUE_ACCESSOR } from \"@angular/forms\";\nimport { Overlay, OverlayModule } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { FocusTrapFactory } from \"@angular/cdk/a11y\";\nimport {\n  WklyDateTimePickerComponent,\n  WklyDateTimePickerModule,\n  WklyCloseReason,\n  WklyPresentationRef,\n  WklyTriggerBase,\n  WklyPickerInputsPropertyKeys,\n} from \"@wkly/datetime-picker\";\n@Injectable({ providedIn: \"root\" })\nexport class WklyDateTimePickerOverlayService {\n  constructor(\n    private overlay: Overlay,\n    private injector: Injector,\n    private traps: FocusTrapFactory,\n  ) {}\n  open(\n    trigger: HTMLElement,\n    onCancel: (reason: WklyCloseReason) => void,\n    backdrop = true,\n    injector?: Injector,\n  ): WklyPresentationRef {\n    const overlay = this.overlay.create({\n      width: \"390px\",\n      maxWidth: \"100vw\",\n      maxHeight: \"94vh\",\n      hasBackdrop: true,\n      backdropClass: \"cdk-overlay-transparent-backdrop\",\n      scrollStrategy: this.overlay.scrollStrategies.block(),\n      positionStrategy: this.overlay\n        .position()\n        .flexibleConnectedTo(trigger)\n        .withPush(true)\n        .withFlexibleDimensions(false)\n        .withLockedPosition(true)\n        .withPositions([\n          {\n            originX: \"start\",\n            originY: \"bottom\",\n            overlayX: \"start\",\n            overlayY: \"top\",\n            offsetY: 6,\n          },\n          {\n            originX: \"start\",\n            originY: \"top\",\n            overlayX: \"start\",\n            overlayY: \"bottom\",\n            offsetY: -6,\n          },\n        ]),\n    });\n    const component = overlay.attach(\n      new ComponentPortal(\n        WklyDateTimePickerComponent,\n        null,\n        injector || this.injector,\n      ),\n    );\n    component.instance.presentation = \"transient\";\n    overlay.overlayElement.setAttribute(\"role\", \"dialog\");\n    overlay.overlayElement.setAttribute(\"aria-modal\", \"true\");\n    overlay.overlayElement.setAttribute(\"aria-label\", \"Date and time picker\");\n    overlay.overlayElement.style.overflow = \"auto\";\n    const trap = this.traps.create(overlay.overlayElement);\n    const sub = overlay.backdropClick().subscribe(() => {\n      if (backdrop) onCancel(\"backdrop\");\n    });\n    const key = overlay.keydownEvents().subscribe((event) => {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        onCancel(\"escape\");\n      }\n    });\n    return {\n      component,\n      destroy: () => {\n        sub.unsubscribe();\n        key.unsubscribe();\n        trap.destroy();\n        overlay.dispose();\n        trigger.focus();\n      },\n    };\n  }\n}\n@Directive({\n  selector: \"[wklyDateTimePickerOverlay]\",\n  exportAs: \"wklyOverlay\",\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WklyDateTimePickerOverlayDirective),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => WklyDateTimePickerOverlayDirective),\n      multi: true,\n    },\n  ],\n})\nexport class WklyDateTimePickerOverlayDirective extends WklyTriggerBase {\n  constructor(\n    element: ElementRef<HTMLElement>,\n    private service: WklyDateTimePickerOverlayService,\n    private triggerInjector: Injector,\n  ) {\n    super(element);\n  }\n  protected create(): WklyPresentationRef {\n    return this.service.open(\n      this.element.nativeElement,\n      (reason) => this.close(reason),\n      this[WklyPickerInputsPropertyKeys.CloseOnBackdrop],\n      this.triggerInjector,\n    );\n  }\n}\n@NgModule({\n  imports: [OverlayModule, WklyDateTimePickerModule],\n  declarations: [WklyDateTimePickerOverlayDirective],\n  exports: [WklyDateTimePickerOverlayDirective],\n})\nexport class WklyDateTimePickerOverlayModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wkly-datetime-picker-cdk-overlay.mjs","sources":["../../../projects/wkly-datetime-picker.14/cdk-overlay/public-api.ts","../../../projects/wkly-datetime-picker.14/cdk-overlay/wkly-datetime-picker-cdk-overlay.ts"],"sourcesContent":["import {\n  ComponentFactoryResolver,\n  Directive,\n  ElementRef,\n  forwardRef,\n  Injectable,\n  Injector,\n  NgModule,\n} from \"@angular/core\";\nimport { NG_VALIDATORS, NG_VALUE_ACCESSOR } from \"@angular/forms\";\nimport { Overlay, OverlayModule } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { FocusTrapFactory } from \"@angular/cdk/a11y\";\nimport {\n  WklyDateTimePickerComponent,\n  WklyDateTimePickerModule,\n  WklyCloseReason,\n  WklyPresentationRef,\n  WklyTriggerBase,\n  WklyPickerInputsPropertyKeys,\n} from \"@wkly/datetime-picker\";\n@Injectable({ providedIn: \"root\" })\nexport class WklyDateTimePickerOverlayService {\n  constructor(\n    private overlay: Overlay,\n    private injector: Injector,\n    private traps: FocusTrapFactory,\n  ) {}\n  open(\n    trigger: HTMLElement,\n    onCancel: (reason: WklyCloseReason) => void,\n    backdrop = true,\n    injector?: Injector,\n  ): WklyPresentationRef {\n    const overlay = this.overlay.create({\n      width: \"390px\",\n      maxWidth: \"100vw\",\n      maxHeight: \"94vh\",\n      hasBackdrop: true,\n      backdropClass: \"cdk-overlay-transparent-backdrop\",\n      scrollStrategy: this.overlay.scrollStrategies.block(),\n      positionStrategy: this.overlay\n        .position()\n        .flexibleConnectedTo(trigger)\n        .withPush(true)\n        .withFlexibleDimensions(false)\n        .withLockedPosition(true)\n        .withPositions([\n          {\n            originX: \"start\",\n            originY: \"bottom\",\n            overlayX: \"start\",\n            overlayY: \"top\",\n            offsetY: 6,\n          },\n          {\n            originX: \"start\",\n            originY: \"top\",\n            overlayX: \"start\",\n            overlayY: \"bottom\",\n            offsetY: -6,\n          },\n        ]),\n    });\n    const component = overlay.attach(\n      new ComponentPortal(\n        WklyDateTimePickerComponent,\n        null,\n        injector || this.injector,\n      ),\n    );\n    component.instance.presentation = \"transient\";\n    overlay.overlayElement.setAttribute(\"role\", \"dialog\");\n    overlay.overlayElement.setAttribute(\"aria-modal\", \"true\");\n    overlay.overlayElement.setAttribute(\"aria-label\", \"Date and time picker\");\n    overlay.overlayElement.style.overflow = \"auto\";\n    const trap = this.traps.create(overlay.overlayElement);\n    const sub = overlay.backdropClick().subscribe(() => {\n      if (backdrop) onCancel(\"backdrop\");\n    });\n    const key = overlay.keydownEvents().subscribe((event) => {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        onCancel(\"escape\");\n      }\n    });\n    return {\n      component,\n      destroy: () => {\n        sub.unsubscribe();\n        key.unsubscribe();\n        trap.destroy();\n        overlay.dispose();\n        trigger.focus();\n      },\n    };\n  }\n}\n@Directive({\n  selector: \"[wklyDateTimePickerOverlay]\",\n  exportAs: \"wklyOverlay\",\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WklyDateTimePickerOverlayDirective),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => WklyDateTimePickerOverlayDirective),\n      multi: true,\n    },\n  ],\n})\nexport class WklyDateTimePickerOverlayDirective extends WklyTriggerBase {\n  constructor(\n    element: ElementRef<HTMLElement>,\n    private service: WklyDateTimePickerOverlayService,\n    private triggerInjector: Injector,\n  ) {\n    super(element);\n  }\n  protected create(): WklyPresentationRef {\n    return this.service.open(\n      this.element.nativeElement,\n      (reason) => this.close(reason),\n      this[WklyPickerInputsPropertyKeys.CloseOnBackdrop],\n      this.triggerInjector,\n    );\n  }\n}\n@NgModule({\n  imports: [OverlayModule, WklyDateTimePickerModule],\n  declarations: [WklyDateTimePickerOverlayDirective],\n  exports: [WklyDateTimePickerOverlayDirective],\n})\nexport class WklyDateTimePickerOverlayModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/wkly-datetime-picker.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, EventEmitter, Directive, Component, Input, Output, LOCALE_ID, PLATFORM_ID, forwardRef, Inject, ViewChild, Injectable, HostListener, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 import { isPlatformBrowser, getLocaleFirstDayOfWeek, DOCUMENT, CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import { floorMod, integer, createWeekGenerator, absoluteWeekOf, firstEpochDayOf } from '@wkly/core';
@@ -58,9 +58,9 @@ class WklyPickerInputs {
     }
 }
 _a = WklyPickerInputsPropertyKeys.Mode, _b = WklyPickerInputsPropertyKeys.Value, WklyPickerInputsPropertyKeys.CalendarAdapter, _c = WklyPickerInputsPropertyKeys.Locale, _d = WklyPickerInputsPropertyKeys.WeekOffset, _e = WklyPickerInputsPropertyKeys.ViewportPreset, _f = WklyPickerInputsPropertyKeys.HourCycle, _g = WklyPickerInputsPropertyKeys.ShowSeconds, _h = WklyPickerInputsPropertyKeys.MinuteStep, _j = WklyPickerInputsPropertyKeys.SecondStep, _k = WklyPickerInputsPropertyKeys.Min, _l = WklyPickerInputsPropertyKeys.Max, _m = WklyPickerInputsPropertyKeys.IsDateDisabled, _o = WklyPickerInputsPropertyKeys.IsTimeDisabled, _p = WklyPickerInputsPropertyKeys.RangeValidator, _q = WklyPickerInputsPropertyKeys.AllowRangeAcrossDisabled, _r = WklyPickerInputsPropertyKeys.Required, _s = WklyPickerInputsPropertyKeys.Disabled, _t = WklyPickerInputsPropertyKeys.WeekLabelMode, _u = WklyPickerInputsPropertyKeys.WeekLabelFormatter, _v = WklyPickerInputsPropertyKeys.WeekCacheSize, _w = WklyPickerInputsPropertyKeys.OverscanWeeks, _x = WklyPickerInputsPropertyKeys.AriaLabel, _y = WklyPickerInputsPropertyKeys.AriaDescribedBy, _z = WklyPickerInputsPropertyKeys.InitialEpochDay, _0 = WklyPickerInputsPropertyKeys.CloseOnBackdrop, _1 = WklyPickerInputsPropertyKeys.Validators, _2 = WklyPickerInputsPropertyKeys.Translations, _3 = WklyPickerOutputsPropertyKeys.ValueChange, _4 = WklyPickerOutputsPropertyKeys.ValidationChange, _5 = WklyPickerOutputsPropertyKeys.Opened, _6 = WklyPickerOutputsPropertyKeys.Closed, _7 = WklyPickerOutputsPropertyKeys.ViewportChange, _8 = WklyPickerOutputsPropertyKeys.ViewModeChange;
-WklyPickerInputs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyPickerInputs, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-WklyPickerInputs.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: WklyPickerInputs, inputs: { mode: "mode", value: "value", calendarAdapter: "calendarAdapter", locale: "locale", weekOffset: "weekOffset", viewportPreset: "viewportPreset", hourCycle: "hourCycle", showSeconds: "showSeconds", minuteStep: "minuteStep", secondStep: "secondStep", min: "min", max: "max", isDateDisabled: "isDateDisabled", isTimeDisabled: "isTimeDisabled", rangeValidator: "rangeValidator", allowRangeAcrossDisabled: "allowRangeAcrossDisabled", required: "required", disabled: "disabled", weekLabelMode: "weekLabelMode", weekLabelFormatter: "weekLabelFormatter", weekCacheSize: "weekCacheSize", overscanWeeks: "overscanWeeks", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", initialEpochDay: "initialEpochDay", closeOnBackdrop: "closeOnBackdrop", validators: "validators", translations: "translations" }, outputs: { valueChange: "valueChange", validationChange: "validationChange", opened: "opened", closed: "closed", viewportChange: "viewportChange", viewModeChange: "viewModeChange" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyPickerInputs, decorators: [{
+WklyPickerInputs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyPickerInputs, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+WklyPickerInputs.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: WklyPickerInputs, inputs: { mode: "mode", value: "value", calendarAdapter: "calendarAdapter", locale: "locale", weekOffset: "weekOffset", viewportPreset: "viewportPreset", hourCycle: "hourCycle", showSeconds: "showSeconds", minuteStep: "minuteStep", secondStep: "secondStep", min: "min", max: "max", isDateDisabled: "isDateDisabled", isTimeDisabled: "isTimeDisabled", rangeValidator: "rangeValidator", allowRangeAcrossDisabled: "allowRangeAcrossDisabled", required: "required", disabled: "disabled", weekLabelMode: "weekLabelMode", weekLabelFormatter: "weekLabelFormatter", weekCacheSize: "weekCacheSize", overscanWeeks: "overscanWeeks", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", initialEpochDay: "initialEpochDay", closeOnBackdrop: "closeOnBackdrop", validators: "validators", translations: "translations" }, outputs: { valueChange: "valueChange", validationChange: "validationChange", opened: "opened", closed: "closed", viewportChange: "viewportChange", viewModeChange: "viewModeChange" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyPickerInputs, decorators: [{
             type: Directive,
             args: [{
                     inputs: [
@@ -317,9 +317,9 @@ class WklyFieldComponent {
         this.touchChanged = true;
     }
 }
-WklyFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WklyFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: WklyFieldComponent, selector: "wkly-field", inputs: { value: "value", label: "label", hideLabel: "hideLabel", previousLabel: "previousLabel", nextLabel: "nextLabel", min: "min", max: "max", step: "step", locale: "locale", disabled: "disabled", invalid: "invalid", labels: "labels" }, outputs: { valueChange: "valueChange", complete: "complete" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"field\"\n  (wheel)=\"wheel($event)\"\n  (touchstart)=\"touchStart($event)\"\n  (touchmove)=\"touchMove($event)\"\n  (touchend)=\"touchEnd($event)\"\n  (touchcancel)=\"touchEnd($event)\"\n>\n  <span *ngIf=\"!hideLabel\" class=\"label\">{{ label }}</span>\n  <button\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"previousLabel || label + ': previous'\"\n    (click)=\"stepBy(-1)\"\n  >\n    {{ neighbor(-1) }}\n  </button>\n  <input\n    [attr.aria-label]=\"label\"\n    [attr.aria-invalid]=\"invalid\"\n    [disabled]=\"disabled\"\n    [value]=\"display\"\n    [attr.inputmode]=\"labels ? 'text' : min < 0 ? 'text' : 'numeric'\"\n    autocomplete=\"off\"\n    (focus)=\"begin($event)\"\n    (input)=\"type($event)\"\n    (blur)=\"finish()\"\n    (keydown)=\"key($event)\"\n  />\n  <button\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"nextLabel || label + ': next'\"\n    (click)=\"stepBy(1)\"\n  >\n    {{ neighbor(1) }}\n  </button>\n</div>\n", styles: [".field{display:flex;flex-direction:column;align-items:stretch;min-width:0;text-align:center;touch-action:pan-x}.label{font-size:11px;color:var(--wkly-muted-color, #54616e);margin-bottom:4px}button,input{font:inherit;box-sizing:border-box;min-height:44px;width:100%;border:0;text-align:center;background:transparent;color:inherit;border-radius:7px}button{color:var(--wkly-muted-color, #54616e);cursor:pointer}input{font-size:18px;font-weight:650;background:var(--wkly-range-color, #e5f1ee);border-block:2px solid var(--wkly-accent-color, #176c55)}input[aria-invalid=true]{border-color:var(--wkly-error-color, #b42318)}:focus-visible{outline:2px solid var(--wkly-focus-color, #124ee0);outline-offset:1px}button:disabled,input:disabled{opacity:.45}button:hover:not(:disabled){background:var(--wkly-range-color, #e5f1ee)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyFieldComponent, decorators: [{
+WklyFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WklyFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: WklyFieldComponent, selector: "wkly-field", inputs: { value: "value", label: "label", hideLabel: "hideLabel", previousLabel: "previousLabel", nextLabel: "nextLabel", min: "min", max: "max", step: "step", locale: "locale", disabled: "disabled", invalid: "invalid", labels: "labels" }, outputs: { valueChange: "valueChange", complete: "complete" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"field\"\n  (wheel)=\"wheel($event)\"\n  (touchstart)=\"touchStart($event)\"\n  (touchmove)=\"touchMove($event)\"\n  (touchend)=\"touchEnd($event)\"\n  (touchcancel)=\"touchEnd($event)\"\n>\n  <span *ngIf=\"!hideLabel\" class=\"label\">{{ label }}</span>\n  <button\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"previousLabel || label + ': previous'\"\n    (click)=\"stepBy(-1)\"\n  >\n    {{ neighbor(-1) }}\n  </button>\n  <input\n    [attr.aria-label]=\"label\"\n    [attr.aria-invalid]=\"invalid\"\n    [disabled]=\"disabled\"\n    [value]=\"display\"\n    [attr.inputmode]=\"labels ? 'text' : min < 0 ? 'text' : 'numeric'\"\n    autocomplete=\"off\"\n    (focus)=\"begin($event)\"\n    (input)=\"type($event)\"\n    (blur)=\"finish()\"\n    (keydown)=\"key($event)\"\n  />\n  <button\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"nextLabel || label + ': next'\"\n    (click)=\"stepBy(1)\"\n  >\n    {{ neighbor(1) }}\n  </button>\n</div>\n", styles: [".field{display:flex;flex-direction:column;align-items:stretch;min-width:0;text-align:center;touch-action:pan-x}.label{font-size:11px;color:var(--wkly-muted-color, #54616e);margin-bottom:4px}button,input{font:inherit;box-sizing:border-box;min-height:44px;width:100%;border:0;text-align:center;background:transparent;color:inherit;border-radius:7px}button{color:var(--wkly-muted-color, #54616e);cursor:pointer}input{font-size:18px;font-weight:650;background:var(--wkly-range-color, #e5f1ee);border-block:2px solid var(--wkly-accent-color, #176c55)}input[aria-invalid=true]{border-color:var(--wkly-error-color, #b42318)}:focus-visible{outline:2px solid var(--wkly-focus-color, #124ee0);outline-offset:1px}button:disabled,input:disabled{opacity:.45}button:hover:not(:disabled){background:var(--wkly-range-color, #e5f1ee)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: "wkly-field", template: "<div\n  class=\"field\"\n  (wheel)=\"wheel($event)\"\n  (touchstart)=\"touchStart($event)\"\n  (touchmove)=\"touchMove($event)\"\n  (touchend)=\"touchEnd($event)\"\n  (touchcancel)=\"touchEnd($event)\"\n>\n  <span *ngIf=\"!hideLabel\" class=\"label\">{{ label }}</span>\n  <button\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"previousLabel || label + ': previous'\"\n    (click)=\"stepBy(-1)\"\n  >\n    {{ neighbor(-1) }}\n  </button>\n  <input\n    [attr.aria-label]=\"label\"\n    [attr.aria-invalid]=\"invalid\"\n    [disabled]=\"disabled\"\n    [value]=\"display\"\n    [attr.inputmode]=\"labels ? 'text' : min < 0 ? 'text' : 'numeric'\"\n    autocomplete=\"off\"\n    (focus)=\"begin($event)\"\n    (input)=\"type($event)\"\n    (blur)=\"finish()\"\n    (keydown)=\"key($event)\"\n  />\n  <button\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"nextLabel || label + ': next'\"\n    (click)=\"stepBy(1)\"\n  >\n    {{ neighbor(1) }}\n  </button>\n</div>\n", styles: [".field{display:flex;flex-direction:column;align-items:stretch;min-width:0;text-align:center;touch-action:pan-x}.label{font-size:11px;color:var(--wkly-muted-color, #54616e);margin-bottom:4px}button,input{font:inherit;box-sizing:border-box;min-height:44px;width:100%;border:0;text-align:center;background:transparent;color:inherit;border-radius:7px}button{color:var(--wkly-muted-color, #54616e);cursor:pointer}input{font-size:18px;font-weight:650;background:var(--wkly-range-color, #e5f1ee);border-block:2px solid var(--wkly-accent-color, #176c55)}input[aria-invalid=true]{border-color:var(--wkly-error-color, #b42318)}:focus-visible{outline:2px solid var(--wkly-focus-color, #124ee0);outline-offset:1px}button:disabled,input:disabled{opacity:.45}button:hover:not(:disabled){background:var(--wkly-range-color, #e5f1ee)}\n"] }]
         }], propDecorators: { value: [{
@@ -1247,8 +1247,8 @@ class WklyDateTimePickerComponent extends WklyPickerInputs {
         });
     }
 }
-WklyDateTimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerComponent, deps: [{ token: LOCALE_ID }, { token: WKLY_CONFIG }, { token: WKLY_CLOCK }, { token: WKLY_LOCALIZATION }, { token: WKLY_TRANSLATIONS }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-WklyDateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: WklyDateTimePickerComponent, selector: "wkly-datetime-picker", providers: [
+WklyDateTimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerComponent, deps: [{ token: LOCALE_ID }, { token: WKLY_CONFIG }, { token: WKLY_CLOCK }, { token: WKLY_LOCALIZATION }, { token: WKLY_TRANSLATIONS }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+WklyDateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: WklyDateTimePickerComponent, selector: "wkly-datetime-picker", providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => WklyDateTimePickerComponent),
@@ -1259,8 +1259,8 @@ WklyDateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
             useExisting: forwardRef(() => WklyDateTimePickerComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section\n  class=\"wkly\"\n  [attr.dir]=\"direction\"\n  [attr.aria-label]=\"\n    this[WklyPickerInputsPropertyKeys.AriaLabel] || 'Date and time picker'\n  \"\n  [attr.aria-describedby]=\"this[WklyPickerInputsPropertyKeys.AriaDescribedBy]\"\n  (focusout)=\"touched()\"\n>\n  <header class=\"toolbar\">\n    <button\n      *ngIf=\"hasDate\"\n      type=\"button\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"t(viewMode === 'calendar' ? 'manual' : 'calendar')\"\n      (click)=\"toggleView()\"\n    >\n      {{ viewMode === \"calendar\" ? \"\u2637\" : \"\u25A6\" }}\n    </button>\n    <span *ngIf=\"hasDate\" class=\"year-control\">{{ title }}</span>\n    <span class=\"spacer\"></span\n    ><button\n      type=\"button\"\n      class=\"now\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      (click)=\"now()\"\n    >\n      {{ t(\"now\") }}\n    </button>\n    <button\n      *ngIf=\"presentation === 'transient'\"\n      type=\"button\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"t('close')\"\n      (click)=\"cancel()\"\n    >\n      \u00D7\n    </button>\n  </header>\n  <ng-container *ngIf=\"hasDate && viewMode === 'calendar'\">\n    <div\n      role=\"grid\"\n      [attr.aria-label]=\"\n        this[WklyPickerInputsPropertyKeys.AriaLabel] || 'Calendar'\n      \"\n      [attr.aria-multiselectable]=\"isRange\"\n    >\n      <div\n        role=\"row\"\n        class=\"week-head\"\n        [class.no-label]=\"\n          compact ||\n          (this[WklyPickerInputsPropertyKeys.WeekLabelMode] === 'hidden' &&\n            !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n        \"\n      >\n        <span\n          *ngIf=\"\n            !compact &&\n            (this[WklyPickerInputsPropertyKeys.WeekLabelMode] !== 'hidden' ||\n              this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n          \"\n          role=\"columnheader\"\n          aria-label=\"Week\"\n        ></span\n        ><span *ngFor=\"let day of weekdays\" role=\"columnheader\">{{ day }}</span>\n      </div>\n      <div\n        #scroller\n        class=\"week-scroll\"\n        [style.height.px]=\"visibleCount * rowHeight\"\n        (scroll)=\"scroll($event)\"\n        (scrollend)=\"snapWeek()\"\n      >\n        <div [style.height.px]=\"scrollHeight\" class=\"scroll-space\">\n          <div class=\"rows\" [style.top.px]=\"paddingTop\">\n            <div\n              *ngFor=\"let row of rows; trackBy: trackRow\"\n              role=\"row\"\n              class=\"week-row\"\n              [class.no-label]=\"\n                compact ||\n                (this[WklyPickerInputsPropertyKeys.WeekLabelMode] ===\n                  'hidden' &&\n                  !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n              \"\n            >\n              <span\n                *ngIf=\"\n                  !compact &&\n                  (this[WklyPickerInputsPropertyKeys.WeekLabelMode] !==\n                    'hidden' ||\n                    this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n                \"\n                role=\"rowheader\"\n                class=\"week-number\"\n                >{{ row.label }}</span\n              >\n              <div\n                *ngFor=\"\n                  let cell of row.cells;\n                  let dayIndex = index;\n                  trackBy: trackCell\n                \"\n                role=\"gridcell\"\n                [attr.data-weekday-index]=\"dayIndex\"\n                [attr.aria-colindex]=\"\n                  dayIndex +\n                  (compact ||\n                  (this[WklyPickerInputsPropertyKeys.WeekLabelMode] ===\n                    'hidden' &&\n                    !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n                    ? 1\n                    : 2)\n                \"\n                [attr.aria-selected]=\"selected(cell.epochDay)\"\n                [attr.aria-disabled]=\"\n                  cell.disabled || this[WklyPickerInputsPropertyKeys.Disabled]\n                \"\n                [class.range]=\"inRange(cell.epochDay)\"\n                [class.hidden]=\"cell.hidden\"\n                [class.odd-month]=\"cell.date && cell.date.month % 2 === 1\"\n              >\n                <span [class]=\"'annotation annotation--' + dayIndex\">{{\n                  cell.annotation\n                }}</span>\n                <button\n                  type=\"button\"\n                  class=\"day\"\n                  [attr.data-day]=\"cell.epochDay\"\n                  [attr.aria-label]=\"cell.accessible\"\n                  [attr.aria-current]=\"cell.epochDay === today ? 'date' : null\"\n                  [attr.aria-disabled]=\"\n                    cell.disabled || this[WklyPickerInputsPropertyKeys.Disabled]\n                  \"\n                  [attr.tabindex]=\"\n                    !cell.hidden && cell.epochDay === focused ? 0 : -1\n                  \"\n                  [class.selected]=\"selected(cell.epochDay)\"\n                  [class.today]=\"cell.epochDay === today\"\n                  (focus)=\"focused = cell.epochDay\"\n                  (click)=\"select(cell.epochDay)\"\n                  (keydown)=\"key($event, cell.epochDay)\"\n                >\n                  {{ cell.label }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"week-navigation\">\n      <button\n        type=\"button\"\n        [disabled]=\"\n          this[WklyPickerInputsPropertyKeys.Disabled] || !canMoveWeek(-1)\n        \"\n        [attr.aria-label]=\"t('previous')\"\n        (click)=\"moveWeek(-1)\"\n      >\n        \u2191</button\n      ><span>{{ title }}</span\n      ><button\n        type=\"button\"\n        [disabled]=\"\n          this[WklyPickerInputsPropertyKeys.Disabled] || !canMoveWeek(1)\n        \"\n        [attr.aria-label]=\"t('next')\"\n        (click)=\"moveWeek(1)\"\n      >\n        \u2193\n      </button>\n    </div>\n  </ng-container>\n  <ng-container\n    *ngFor=\"let draft of drafts; let i = index; trackBy: trackDraft\"\n  >\n    <fieldset\n      *ngIf=\"(i === 0 || isRange) && (hasTime || viewMode === 'manual')\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"isRange ? t(i === 0 ? 'start' : 'end') : null\"\n    >\n      <legend *ngIf=\"isRange\">\n        <ng-container\n          *ngIf=\"\n            i === 1 && hasDate && viewMode === 'manual';\n            else endpointLabel\n          \"\n        >\n          <span class=\"end-view-toggle\">\n            <button\n              type=\"button\"\n              [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n              [attr.aria-pressed]=\"endView === 'date'\"\n              (click)=\"toggleEndView('date')\"\n            >\n              {{ t(\"end\") }}\n            </button>\n            <button\n              type=\"button\"\n              [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n              [attr.aria-pressed]=\"endView === 'days'\"\n              (click)=\"toggleEndView('days')\"\n            >\n              {{ inDaysLabel }}\n            </button>\n          </span>\n        </ng-container>\n        <ng-template #endpointLabel>{{\n          t(i === 0 ? \"start\" : \"end\")\n        }}</ng-template>\n      </legend>\n      <div\n        *ngIf=\"\n          i === 1 && hasDate && viewMode === 'manual' && endView === 'days'\n        \"\n        class=\"date-fields in-days-fields\"\n      >\n        <span class=\"resulting-end-date\" [attr.aria-label]=\"t('endDate')\">{{\n          resultingEndDate\n        }}</span>\n        <wkly-field\n          [label]=\"t('days')\"\n          [hideLabel]=\"true\"\n          [previousLabel]=\"t('daysPrevious')\"\n          [nextLabel]=\"t('daysNext')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"inDays\"\n          [min]=\"-9999\"\n          [max]=\"9999\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"days($event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n      </div>\n      <div\n        *ngIf=\"\n          hasDate && viewMode === 'manual' && (i === 0 || endView === 'date')\n        \"\n        class=\"date-fields\"\n      >\n        <wkly-field\n          [label]=\"t('day')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.day\"\n          [min]=\"1\"\n          [max]=\"31\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'day', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('month')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.month\"\n          [min]=\"1\"\n          [max]=\"monthCount(draft)\"\n          [labels]=\"months(draft)\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'month', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('year')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.year\"\n          [min]=\"adapter.supportedYearRange[0]\"\n          [max]=\"adapter.supportedYearRange[1]\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'year', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n      </div>\n      <div\n        *ngIf=\"hasTime\"\n        class=\"time-fields\"\n        [class.seconds]=\"this[WklyPickerInputsPropertyKeys.ShowSeconds]\"\n      >\n        <wkly-field\n          [label]=\"t('hour')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"displayHour(draft)\"\n          [min]=\"effectiveHourCycle === 'h12' ? 1 : 0\"\n          [max]=\"effectiveHourCycle === 'h12' ? 12 : 23\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'hour', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('minute')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.minute\"\n          [max]=\"59\"\n          [step]=\"\n            this[WklyPickerInputsPropertyKeys.MinuteStep] > 0 &&\n            60 % this[WklyPickerInputsPropertyKeys.MinuteStep] === 0\n              ? this[WklyPickerInputsPropertyKeys.MinuteStep]\n              : 1\n          \"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'minute', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          *ngIf=\"this[WklyPickerInputsPropertyKeys.ShowSeconds]\"\n          [label]=\"t('second')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.second\"\n          [max]=\"59\"\n          [step]=\"\n            this[WklyPickerInputsPropertyKeys.SecondStep] > 0 &&\n            60 % this[WklyPickerInputsPropertyKeys.SecondStep] === 0\n              ? this[WklyPickerInputsPropertyKeys.SecondStep]\n              : 1\n          \"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'second', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <div class=\"period\">\n          <button\n            *ngIf=\"\n              effectiveHourCycle === 'h12' ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] === 'switchable'\n            \"\n            type=\"button\"\n            [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n            [attr.aria-pressed]=\"\n              effectiveHourCycle === 'h12' && (draft.hour || 0) < 12\n            \"\n            (click)=\"period(i, 'am')\"\n          >\n            {{ t(\"am\") }}</button\n          ><button\n            type=\"button\"\n            [disabled]=\"\n              this[WklyPickerInputsPropertyKeys.Disabled] ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] !== 'switchable'\n            \"\n            [attr.aria-pressed]=\"effectiveHourCycle === 'h24'\"\n            (click)=\"period(i, '24')\"\n          >\n            24</button\n          ><button\n            *ngIf=\"\n              effectiveHourCycle === 'h12' ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] === 'switchable'\n            \"\n            type=\"button\"\n            [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n            [attr.aria-pressed]=\"\n              effectiveHourCycle === 'h12' && (draft.hour || 0) >= 12\n            \"\n            (click)=\"period(i, 'pm')\"\n          >\n            {{ t(\"pm\") }}\n          </button>\n        </div>\n      </div>\n    </fieldset>\n  </ng-container>\n  <div class=\"validation\" role=\"status\" aria-live=\"polite\">\n    <p *ngFor=\"let err of errors\">! {{ t(err.messageKey) }}</p>\n  </div>\n  <footer *ngIf=\"submitVisible\">\n    <button\n      type=\"button\"\n      class=\"confirm\"\n      [disabled]=\"!canSubmit\"\n      (click)=\"submit()\"\n    >\n      {{ t(\"confirm\") }}\n    </button>\n  </footer>\n</section>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;--wkly-background-color: #fff;--wkly-background-color-alternate: #fafafa;--wkly-text-color: #192c28;--wkly-muted-color: #52635e;--wkly-border-color: #dce5e1;--wkly-accent-color: #176c55;--wkly-accent-color-alternate: #6ea494;--wkly-accent-text-color: #fff;--wkly-range-color: #e5f1ee;--wkly-error-color: #b42318;--wkly-focus-color: #245bd6;--wkly-size-multiplier: 1;--wkly-size-unit: 3.5em;color:var(--wkly-text-color);font:14px/1.4 system-ui,sans-serif;container-type:inline-size}.wkly{background:var(--wkly-background-color);border:1px solid var(--wkly-border-color);border-radius:14px;overflow:hidden;min-width:0;font-size:calc(14px*clamp(1,var(--wkly-size-multiplier),1.5))}button{font:inherit;color:inherit;min-width:var(--wkly-size-unit);min-height:var(--wkly-size-unit);border:0;background:transparent;border-radius:8px;cursor:pointer}button:hover:not(:disabled):not([aria-disabled=\"true\"]){background:var(--wkly-accent-color-alternate)}button:disabled,button[aria-disabled=true]{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--wkly-focus-color);outline-offset:-2px}.toolbar{display:flex;align-items:center;padding:8px;gap:3px;border-bottom:1px solid var(--wkly-border-color)}.spacer{flex:1}.year-control{padding:0 6px;font-weight:650;text-align:start;line-height:1.2}.now{color:var(--wkly-accent-color);font-weight:650}.week-head,.week-row{display:grid;grid-template-columns:28px repeat(7,minmax(0,1fr))}.week-head{font-size:.85em;color:var(--wkly-muted-color);height:34px;align-items:center;text-align:center}.week-row{height:calc(var(--wkly-size-unit) * clamp(1,var(--wkly-size-multiplier),1));align-items:end}.no-label{grid-template-columns:repeat(7,minmax(0,1fr))}.week-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;max-height:65vh;touch-action:pan-y}.scroll-space{position:relative}.rows{position:absolute;left:0;right:0}.week-number{font-size:.85em;text-align:center;align-self:end;line-height:var(--wkly-size-unit);color:var(--wkly-muted-color)}[role=gridcell]{position:relative;min-width:0;height:var(--wkly-size-unit);text-align:center}[role=gridcell].odd-month:not(.range):not(.today){background:var(--wkly-background-color-alternate)}.day{width:100%;min-width:0;height:var(--wkly-size-unit);padding:0;border-radius:8px}.annotation{position:absolute;bottom:.25em;white-space:nowrap;font-size:1.25em;font-weight:650;line-height:1;pointer-events:none;z-index:1;color:var(--wkly-muted-color);color:color-mix(in srgb,var(--wkly-muted-color) 50%,transparent);text-shadow:0 0 2px --wkly-background-color,0 0 4px --wkly-background-color}.odd-month .annotation{text-shadow:0 0 2px --wkly-background-color-alternate,0 0 4px --wkly-background-color-alternate}.annotation:empty{display:none}.annotation--0{inset-inline-start:10%;bottom:1.75em}.annotation--1{inset-inline-start:-5%}.annotation--2{inset-inline-start:-20%}.annotation--3{inset-inline-start:-50%;inset-inline-end:-50%}.annotation--4{inset-inline-end:-20%}.annotation--5{inset-inline-end:-5%}.annotation--6{inset-inline-end:10%}.range{background:var(--wkly-range-color)}.day.selected{background:var(--wkly-accent-color);color:var(--wkly-accent-text-color);font-weight:700}.today:after{content:\"\";display:block;width:5px;height:5px;background:currentColor;border-radius:50%;position:absolute;bottom:2px;left:calc(50% - 2px)}.today{font-weight:750;box-shadow:inset 0 0 0 1px var(--wkly-accent-color)}.hidden{visibility:hidden}.week-navigation{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--wkly-border-color);font-size:.85em;color:var(--wkly-muted-color)}fieldset{border:0;padding:0 12px;margin:0;min-width:0}legend{padding-top:.85em;font-weight:650;color:var(--wkly-accent-color)}.date-fields{display:grid;grid-template-columns:1fr 2fr 1.4fr;grid-gap:7px;gap:7px;padding:12px 0}.end-view-toggle{display:inline-flex}.end-view-toggle button{min-height:0;min-width:0;padding:0 6px;border-radius:0;line-height:inherit}.end-view-toggle button:first-child{padding-inline-start:0}.end-view-toggle button+button{border-inline-start:1px solid var(--wkly-text-color)}.end-view-toggle button[aria-pressed=false]{color:var(--wkly-muted-color);font-weight:400}.in-days-fields{grid-template-columns:minmax(0,1fr);gap:0;text-align:center}.resulting-end-date{font-size:11px;color:var(--wkly-muted-color);height:1.4em;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-fields{display:grid;grid-template-columns:1fr 1fr 52px;grid-gap:8px;gap:8px;padding:14px 0;border-top:1px solid var(--wkly-border-color)}.time-fields.seconds{grid-template-columns:1fr 1fr 1fr 48px}.period{display:flex;flex-direction:column;justify-content:center;gap:2px;padding-top:1.25em}.period button{font-size:.85em}.period [aria-pressed=true]{background:var(--wkly-range-color);box-shadow:inset 0 0 0 1px var(--wkly-accent-color);font-weight:700}.validation{color:var(--wkly-error-color);font-size:.85em}.validation p{margin:.5em .85em}footer{padding:12px;border-top:1px solid var(--wkly-border-color)}.confirm{background:var(--wkly-accent-color);color:var(--wkly-accent-text-color);width:100%;font-weight:650}.confirm:hover:not(:disabled){background:var(--wkly-accent-color-alternate)}@media (forced-colors: active){.day.selected{outline:2px solid Highlight}.range{border-bottom:2px solid Highlight}.today{outline:1px dashed CanvasText}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation:none!important}}\n"], components: [{ type: WklyFieldComponent, selector: "wkly-field", inputs: ["value", "label", "hideLabel", "previousLabel", "nextLabel", "min", "max", "step", "locale", "disabled", "invalid", "labels"], outputs: ["valueChange", "complete"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section\n  class=\"wkly\"\n  [attr.dir]=\"direction\"\n  [attr.aria-label]=\"\n    this[WklyPickerInputsPropertyKeys.AriaLabel] || 'Date and time picker'\n  \"\n  [attr.aria-describedby]=\"this[WklyPickerInputsPropertyKeys.AriaDescribedBy]\"\n  (focusout)=\"touched()\"\n>\n  <header class=\"toolbar\">\n    <button\n      *ngIf=\"hasDate\"\n      type=\"button\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"t(viewMode === 'calendar' ? 'manual' : 'calendar')\"\n      (click)=\"toggleView()\"\n    >\n      {{ viewMode === \"calendar\" ? \"\u2637\" : \"\u25A6\" }}\n    </button>\n    <span *ngIf=\"hasDate\" class=\"year-control\">{{ title }}</span>\n    <span class=\"spacer\"></span\n    ><button\n      type=\"button\"\n      class=\"now\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      (click)=\"now()\"\n    >\n      {{ t(\"now\") }}\n    </button>\n    <button\n      *ngIf=\"presentation === 'transient'\"\n      type=\"button\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"t('close')\"\n      (click)=\"cancel()\"\n    >\n      \u00D7\n    </button>\n  </header>\n  <ng-container *ngIf=\"hasDate && viewMode === 'calendar'\">\n    <div\n      role=\"grid\"\n      [attr.aria-label]=\"\n        this[WklyPickerInputsPropertyKeys.AriaLabel] || 'Calendar'\n      \"\n      [attr.aria-multiselectable]=\"isRange\"\n    >\n      <div\n        role=\"row\"\n        class=\"week-head\"\n        [class.no-label]=\"\n          compact ||\n          (this[WklyPickerInputsPropertyKeys.WeekLabelMode] === 'hidden' &&\n            !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n        \"\n      >\n        <span\n          *ngIf=\"\n            !compact &&\n            (this[WklyPickerInputsPropertyKeys.WeekLabelMode] !== 'hidden' ||\n              this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n          \"\n          role=\"columnheader\"\n          aria-label=\"Week\"\n        ></span\n        ><span *ngFor=\"let day of weekdays\" role=\"columnheader\">{{ day }}</span>\n      </div>\n      <div\n        #scroller\n        class=\"week-scroll\"\n        [style.height.px]=\"visibleCount * rowHeight\"\n        (scroll)=\"scroll($event)\"\n        (scrollend)=\"snapWeek()\"\n      >\n        <div [style.height.px]=\"scrollHeight\" class=\"scroll-space\">\n          <div class=\"rows\" [style.top.px]=\"paddingTop\">\n            <div\n              *ngFor=\"let row of rows; trackBy: trackRow\"\n              role=\"row\"\n              class=\"week-row\"\n              [class.no-label]=\"\n                compact ||\n                (this[WklyPickerInputsPropertyKeys.WeekLabelMode] ===\n                  'hidden' &&\n                  !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n              \"\n            >\n              <span\n                *ngIf=\"\n                  !compact &&\n                  (this[WklyPickerInputsPropertyKeys.WeekLabelMode] !==\n                    'hidden' ||\n                    this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n                \"\n                role=\"rowheader\"\n                class=\"week-number\"\n                >{{ row.label }}</span\n              >\n              <div\n                *ngFor=\"\n                  let cell of row.cells;\n                  let dayIndex = index;\n                  trackBy: trackCell\n                \"\n                role=\"gridcell\"\n                [attr.data-weekday-index]=\"dayIndex\"\n                [attr.aria-colindex]=\"\n                  dayIndex +\n                  (compact ||\n                  (this[WklyPickerInputsPropertyKeys.WeekLabelMode] ===\n                    'hidden' &&\n                    !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n                    ? 1\n                    : 2)\n                \"\n                [attr.aria-selected]=\"selected(cell.epochDay)\"\n                [attr.aria-disabled]=\"\n                  cell.disabled || this[WklyPickerInputsPropertyKeys.Disabled]\n                \"\n                [class.range]=\"inRange(cell.epochDay)\"\n                [class.hidden]=\"cell.hidden\"\n                [class.odd-month]=\"cell.date && cell.date.month % 2 === 1\"\n              >\n                <span [class]=\"'annotation annotation--' + dayIndex\">{{\n                  cell.annotation\n                }}</span>\n                <button\n                  type=\"button\"\n                  class=\"day\"\n                  [attr.data-day]=\"cell.epochDay\"\n                  [attr.aria-label]=\"cell.accessible\"\n                  [attr.aria-current]=\"cell.epochDay === today ? 'date' : null\"\n                  [attr.aria-disabled]=\"\n                    cell.disabled || this[WklyPickerInputsPropertyKeys.Disabled]\n                  \"\n                  [attr.tabindex]=\"\n                    !cell.hidden && cell.epochDay === focused ? 0 : -1\n                  \"\n                  [class.selected]=\"selected(cell.epochDay)\"\n                  [class.today]=\"cell.epochDay === today\"\n                  (focus)=\"focused = cell.epochDay\"\n                  (click)=\"select(cell.epochDay)\"\n                  (keydown)=\"key($event, cell.epochDay)\"\n                >\n                  {{ cell.label }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"week-navigation\">\n      <button\n        type=\"button\"\n        [disabled]=\"\n          this[WklyPickerInputsPropertyKeys.Disabled] || !canMoveWeek(-1)\n        \"\n        [attr.aria-label]=\"t('previous')\"\n        (click)=\"moveWeek(-1)\"\n      >\n        \u2191</button\n      ><span>{{ title }}</span\n      ><button\n        type=\"button\"\n        [disabled]=\"\n          this[WklyPickerInputsPropertyKeys.Disabled] || !canMoveWeek(1)\n        \"\n        [attr.aria-label]=\"t('next')\"\n        (click)=\"moveWeek(1)\"\n      >\n        \u2193\n      </button>\n    </div>\n  </ng-container>\n  <ng-container\n    *ngFor=\"let draft of drafts; let i = index; trackBy: trackDraft\"\n  >\n    <fieldset\n      *ngIf=\"(i === 0 || isRange) && (hasTime || viewMode === 'manual')\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"isRange ? t(i === 0 ? 'start' : 'end') : null\"\n    >\n      <legend *ngIf=\"isRange\">\n        <ng-container\n          *ngIf=\"\n            i === 1 && hasDate && viewMode === 'manual';\n            else endpointLabel\n          \"\n        >\n          <span class=\"end-view-toggle\">\n            <button\n              type=\"button\"\n              [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n              [attr.aria-pressed]=\"endView === 'date'\"\n              (click)=\"toggleEndView('date')\"\n            >\n              {{ t(\"end\") }}\n            </button>\n            <button\n              type=\"button\"\n              [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n              [attr.aria-pressed]=\"endView === 'days'\"\n              (click)=\"toggleEndView('days')\"\n            >\n              {{ inDaysLabel }}\n            </button>\n          </span>\n        </ng-container>\n        <ng-template #endpointLabel>{{\n          t(i === 0 ? \"start\" : \"end\")\n        }}</ng-template>\n      </legend>\n      <div\n        *ngIf=\"\n          i === 1 && hasDate && viewMode === 'manual' && endView === 'days'\n        \"\n        class=\"date-fields in-days-fields\"\n      >\n        <span class=\"resulting-end-date\" [attr.aria-label]=\"t('endDate')\">{{\n          resultingEndDate\n        }}</span>\n        <wkly-field\n          [label]=\"t('days')\"\n          [hideLabel]=\"true\"\n          [previousLabel]=\"t('daysPrevious')\"\n          [nextLabel]=\"t('daysNext')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"inDays\"\n          [min]=\"-9999\"\n          [max]=\"9999\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"days($event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n      </div>\n      <div\n        *ngIf=\"\n          hasDate && viewMode === 'manual' && (i === 0 || endView === 'date')\n        \"\n        class=\"date-fields\"\n      >\n        <wkly-field\n          [label]=\"t('day')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.day\"\n          [min]=\"1\"\n          [max]=\"31\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'day', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('month')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.month\"\n          [min]=\"1\"\n          [max]=\"monthCount(draft)\"\n          [labels]=\"months(draft)\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'month', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('year')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.year\"\n          [min]=\"adapter.supportedYearRange[0]\"\n          [max]=\"adapter.supportedYearRange[1]\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'year', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n      </div>\n      <div\n        *ngIf=\"hasTime\"\n        class=\"time-fields\"\n        [class.seconds]=\"this[WklyPickerInputsPropertyKeys.ShowSeconds]\"\n      >\n        <wkly-field\n          [label]=\"t('hour')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"displayHour(draft)\"\n          [min]=\"effectiveHourCycle === 'h12' ? 1 : 0\"\n          [max]=\"effectiveHourCycle === 'h12' ? 12 : 23\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'hour', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('minute')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.minute\"\n          [max]=\"59\"\n          [step]=\"\n            this[WklyPickerInputsPropertyKeys.MinuteStep] > 0 &&\n            60 % this[WklyPickerInputsPropertyKeys.MinuteStep] === 0\n              ? this[WklyPickerInputsPropertyKeys.MinuteStep]\n              : 1\n          \"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'minute', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          *ngIf=\"this[WklyPickerInputsPropertyKeys.ShowSeconds]\"\n          [label]=\"t('second')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.second\"\n          [max]=\"59\"\n          [step]=\"\n            this[WklyPickerInputsPropertyKeys.SecondStep] > 0 &&\n            60 % this[WklyPickerInputsPropertyKeys.SecondStep] === 0\n              ? this[WklyPickerInputsPropertyKeys.SecondStep]\n              : 1\n          \"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'second', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <div class=\"period\">\n          <button\n            *ngIf=\"\n              effectiveHourCycle === 'h12' ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] === 'switchable'\n            \"\n            type=\"button\"\n            [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n            [attr.aria-pressed]=\"\n              effectiveHourCycle === 'h12' && (draft.hour || 0) < 12\n            \"\n            (click)=\"period(i, 'am')\"\n          >\n            {{ t(\"am\") }}</button\n          ><button\n            type=\"button\"\n            [disabled]=\"\n              this[WklyPickerInputsPropertyKeys.Disabled] ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] !== 'switchable'\n            \"\n            [attr.aria-pressed]=\"effectiveHourCycle === 'h24'\"\n            (click)=\"period(i, '24')\"\n          >\n            24</button\n          ><button\n            *ngIf=\"\n              effectiveHourCycle === 'h12' ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] === 'switchable'\n            \"\n            type=\"button\"\n            [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n            [attr.aria-pressed]=\"\n              effectiveHourCycle === 'h12' && (draft.hour || 0) >= 12\n            \"\n            (click)=\"period(i, 'pm')\"\n          >\n            {{ t(\"pm\") }}\n          </button>\n        </div>\n      </div>\n    </fieldset>\n  </ng-container>\n  <div class=\"validation\" role=\"status\" aria-live=\"polite\">\n    <p *ngFor=\"let err of errors\">! {{ t(err.messageKey) }}</p>\n  </div>\n  <footer *ngIf=\"submitVisible\">\n    <button\n      type=\"button\"\n      class=\"confirm\"\n      [disabled]=\"!canSubmit\"\n      (click)=\"submit()\"\n    >\n      {{ t(\"confirm\") }}\n    </button>\n  </footer>\n</section>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;--wkly-background-color: #fff;--wkly-background-color-alternate: #fafafa;--wkly-text-color: #192c28;--wkly-muted-color: #52635e;--wkly-border-color: #dce5e1;--wkly-accent-color: #176c55;--wkly-accent-color-alternate: #6ea494;--wkly-accent-text-color: #fff;--wkly-range-color: #e5f1ee;--wkly-error-color: #b42318;--wkly-focus-color: #245bd6;--wkly-size-multiplier: 1;--wkly-size-unit: 3.5em;color:var(--wkly-text-color);font:14px/1.4 system-ui,sans-serif;container-type:inline-size}.wkly{background:var(--wkly-background-color);border:1px solid var(--wkly-border-color);border-radius:14px;overflow:hidden;min-width:0;font-size:calc(14px*clamp(1,var(--wkly-size-multiplier),1.5))}button{font:inherit;color:inherit;min-width:var(--wkly-size-unit);min-height:var(--wkly-size-unit);border:0;background:transparent;border-radius:8px;cursor:pointer}button:hover:not(:disabled):not([aria-disabled=\"true\"]){background:var(--wkly-accent-color-alternate)}button:disabled,button[aria-disabled=true]{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--wkly-focus-color);outline-offset:-2px}.toolbar{display:flex;align-items:center;padding:8px;gap:3px;border-bottom:1px solid var(--wkly-border-color)}.spacer{flex:1}.year-control{padding:0 6px;font-weight:650;text-align:start;line-height:1.2}.now{color:var(--wkly-accent-color);font-weight:650}.week-head,.week-row{display:grid;grid-template-columns:28px repeat(7,minmax(0,1fr))}.week-head{font-size:.85em;color:var(--wkly-muted-color);height:34px;align-items:center;text-align:center}.week-row{height:calc(var(--wkly-size-unit) * clamp(1,var(--wkly-size-multiplier),1));align-items:end}.no-label{grid-template-columns:repeat(7,minmax(0,1fr))}.week-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;max-height:65vh;touch-action:pan-y}.scroll-space{position:relative}.rows{position:absolute;left:0;right:0}.week-number{font-size:.85em;text-align:center;align-self:end;line-height:var(--wkly-size-unit);color:var(--wkly-muted-color)}[role=gridcell]{position:relative;min-width:0;height:var(--wkly-size-unit);text-align:center}[role=gridcell].odd-month:not(.range):not(.today){background:var(--wkly-background-color-alternate)}.day{width:100%;min-width:0;height:var(--wkly-size-unit);padding:0;border-radius:8px}.annotation{position:absolute;bottom:.25em;white-space:nowrap;font-size:1.25em;font-weight:650;line-height:1;pointer-events:none;z-index:1;color:var(--wkly-muted-color);color:color-mix(in srgb,var(--wkly-muted-color) 50%,transparent);text-shadow:0 0 2px --wkly-background-color,0 0 4px --wkly-background-color}.odd-month .annotation{text-shadow:0 0 2px --wkly-background-color-alternate,0 0 4px --wkly-background-color-alternate}.annotation:empty{display:none}.annotation--0{inset-inline-start:10%;bottom:1.75em}.annotation--1{inset-inline-start:-5%}.annotation--2{inset-inline-start:-20%}.annotation--3{inset-inline-start:-50%;inset-inline-end:-50%}.annotation--4{inset-inline-end:-20%}.annotation--5{inset-inline-end:-5%}.annotation--6{inset-inline-end:10%}.range{background:var(--wkly-range-color)}.day.selected{background:var(--wkly-accent-color);color:var(--wkly-accent-text-color);font-weight:700}.today:after{content:\"\";display:block;width:5px;height:5px;background:currentColor;border-radius:50%;position:absolute;bottom:2px;left:calc(50% - 2px)}.today{font-weight:750;box-shadow:inset 0 0 0 1px var(--wkly-accent-color)}.hidden{visibility:hidden}.week-navigation{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--wkly-border-color);font-size:.85em;color:var(--wkly-muted-color)}fieldset{border:0;padding:0 12px;margin:0;min-width:0}legend{padding-top:.85em;font-weight:650;color:var(--wkly-accent-color)}.date-fields{display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:7px;padding:12px 0}.end-view-toggle{display:inline-flex}.end-view-toggle button{min-height:0;min-width:0;padding:0 6px;border-radius:0;line-height:inherit}.end-view-toggle button:first-child{padding-inline-start:0}.end-view-toggle button+button{border-inline-start:1px solid var(--wkly-text-color)}.end-view-toggle button[aria-pressed=false]{color:var(--wkly-muted-color);font-weight:400}.in-days-fields{grid-template-columns:minmax(0,1fr);gap:0;text-align:center}.resulting-end-date{font-size:11px;color:var(--wkly-muted-color);height:1.4em;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-fields{display:grid;grid-template-columns:1fr 1fr 52px;gap:8px;padding:14px 0;border-top:1px solid var(--wkly-border-color)}.time-fields.seconds{grid-template-columns:1fr 1fr 1fr 48px}.period{display:flex;flex-direction:column;justify-content:center;gap:2px;padding-top:1.25em}.period button{font-size:.85em}.period [aria-pressed=true]{background:var(--wkly-range-color);box-shadow:inset 0 0 0 1px var(--wkly-accent-color);font-weight:700}.validation{color:var(--wkly-error-color);font-size:.85em}.validation p{margin:.5em .85em}footer{padding:12px;border-top:1px solid var(--wkly-border-color)}.confirm{background:var(--wkly-accent-color);color:var(--wkly-accent-text-color);width:100%;font-weight:650}.confirm:hover:not(:disabled){background:var(--wkly-accent-color-alternate)}@media (forced-colors: active){.day.selected{outline:2px solid Highlight}.range{border-bottom:2px solid Highlight}.today{outline:1px dashed CanvasText}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation:none!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WklyFieldComponent, selector: "wkly-field", inputs: ["value", "label", "hideLabel", "previousLabel", "nextLabel", "min", "max", "step", "locale", "disabled", "invalid", "labels"], outputs: ["valueChange", "complete"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: "wkly-datetime-picker", providers: [
                         {
@@ -1273,7 +1273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useExisting: forwardRef(() => WklyDateTimePickerComponent),
                             multi: true,
                         },
-                    ], template: "<section\n  class=\"wkly\"\n  [attr.dir]=\"direction\"\n  [attr.aria-label]=\"\n    this[WklyPickerInputsPropertyKeys.AriaLabel] || 'Date and time picker'\n  \"\n  [attr.aria-describedby]=\"this[WklyPickerInputsPropertyKeys.AriaDescribedBy]\"\n  (focusout)=\"touched()\"\n>\n  <header class=\"toolbar\">\n    <button\n      *ngIf=\"hasDate\"\n      type=\"button\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"t(viewMode === 'calendar' ? 'manual' : 'calendar')\"\n      (click)=\"toggleView()\"\n    >\n      {{ viewMode === \"calendar\" ? \"\u2637\" : \"\u25A6\" }}\n    </button>\n    <span *ngIf=\"hasDate\" class=\"year-control\">{{ title }}</span>\n    <span class=\"spacer\"></span\n    ><button\n      type=\"button\"\n      class=\"now\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      (click)=\"now()\"\n    >\n      {{ t(\"now\") }}\n    </button>\n    <button\n      *ngIf=\"presentation === 'transient'\"\n      type=\"button\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"t('close')\"\n      (click)=\"cancel()\"\n    >\n      \u00D7\n    </button>\n  </header>\n  <ng-container *ngIf=\"hasDate && viewMode === 'calendar'\">\n    <div\n      role=\"grid\"\n      [attr.aria-label]=\"\n        this[WklyPickerInputsPropertyKeys.AriaLabel] || 'Calendar'\n      \"\n      [attr.aria-multiselectable]=\"isRange\"\n    >\n      <div\n        role=\"row\"\n        class=\"week-head\"\n        [class.no-label]=\"\n          compact ||\n          (this[WklyPickerInputsPropertyKeys.WeekLabelMode] === 'hidden' &&\n            !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n        \"\n      >\n        <span\n          *ngIf=\"\n            !compact &&\n            (this[WklyPickerInputsPropertyKeys.WeekLabelMode] !== 'hidden' ||\n              this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n          \"\n          role=\"columnheader\"\n          aria-label=\"Week\"\n        ></span\n        ><span *ngFor=\"let day of weekdays\" role=\"columnheader\">{{ day }}</span>\n      </div>\n      <div\n        #scroller\n        class=\"week-scroll\"\n        [style.height.px]=\"visibleCount * rowHeight\"\n        (scroll)=\"scroll($event)\"\n        (scrollend)=\"snapWeek()\"\n      >\n        <div [style.height.px]=\"scrollHeight\" class=\"scroll-space\">\n          <div class=\"rows\" [style.top.px]=\"paddingTop\">\n            <div\n              *ngFor=\"let row of rows; trackBy: trackRow\"\n              role=\"row\"\n              class=\"week-row\"\n              [class.no-label]=\"\n                compact ||\n                (this[WklyPickerInputsPropertyKeys.WeekLabelMode] ===\n                  'hidden' &&\n                  !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n              \"\n            >\n              <span\n                *ngIf=\"\n                  !compact &&\n                  (this[WklyPickerInputsPropertyKeys.WeekLabelMode] !==\n                    'hidden' ||\n                    this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n                \"\n                role=\"rowheader\"\n                class=\"week-number\"\n                >{{ row.label }}</span\n              >\n              <div\n                *ngFor=\"\n                  let cell of row.cells;\n                  let dayIndex = index;\n                  trackBy: trackCell\n                \"\n                role=\"gridcell\"\n                [attr.data-weekday-index]=\"dayIndex\"\n                [attr.aria-colindex]=\"\n                  dayIndex +\n                  (compact ||\n                  (this[WklyPickerInputsPropertyKeys.WeekLabelMode] ===\n                    'hidden' &&\n                    !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n                    ? 1\n                    : 2)\n                \"\n                [attr.aria-selected]=\"selected(cell.epochDay)\"\n                [attr.aria-disabled]=\"\n                  cell.disabled || this[WklyPickerInputsPropertyKeys.Disabled]\n                \"\n                [class.range]=\"inRange(cell.epochDay)\"\n                [class.hidden]=\"cell.hidden\"\n                [class.odd-month]=\"cell.date && cell.date.month % 2 === 1\"\n              >\n                <span [class]=\"'annotation annotation--' + dayIndex\">{{\n                  cell.annotation\n                }}</span>\n                <button\n                  type=\"button\"\n                  class=\"day\"\n                  [attr.data-day]=\"cell.epochDay\"\n                  [attr.aria-label]=\"cell.accessible\"\n                  [attr.aria-current]=\"cell.epochDay === today ? 'date' : null\"\n                  [attr.aria-disabled]=\"\n                    cell.disabled || this[WklyPickerInputsPropertyKeys.Disabled]\n                  \"\n                  [attr.tabindex]=\"\n                    !cell.hidden && cell.epochDay === focused ? 0 : -1\n                  \"\n                  [class.selected]=\"selected(cell.epochDay)\"\n                  [class.today]=\"cell.epochDay === today\"\n                  (focus)=\"focused = cell.epochDay\"\n                  (click)=\"select(cell.epochDay)\"\n                  (keydown)=\"key($event, cell.epochDay)\"\n                >\n                  {{ cell.label }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"week-navigation\">\n      <button\n        type=\"button\"\n        [disabled]=\"\n          this[WklyPickerInputsPropertyKeys.Disabled] || !canMoveWeek(-1)\n        \"\n        [attr.aria-label]=\"t('previous')\"\n        (click)=\"moveWeek(-1)\"\n      >\n        \u2191</button\n      ><span>{{ title }}</span\n      ><button\n        type=\"button\"\n        [disabled]=\"\n          this[WklyPickerInputsPropertyKeys.Disabled] || !canMoveWeek(1)\n        \"\n        [attr.aria-label]=\"t('next')\"\n        (click)=\"moveWeek(1)\"\n      >\n        \u2193\n      </button>\n    </div>\n  </ng-container>\n  <ng-container\n    *ngFor=\"let draft of drafts; let i = index; trackBy: trackDraft\"\n  >\n    <fieldset\n      *ngIf=\"(i === 0 || isRange) && (hasTime || viewMode === 'manual')\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"isRange ? t(i === 0 ? 'start' : 'end') : null\"\n    >\n      <legend *ngIf=\"isRange\">\n        <ng-container\n          *ngIf=\"\n            i === 1 && hasDate && viewMode === 'manual';\n            else endpointLabel\n          \"\n        >\n          <span class=\"end-view-toggle\">\n            <button\n              type=\"button\"\n              [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n              [attr.aria-pressed]=\"endView === 'date'\"\n              (click)=\"toggleEndView('date')\"\n            >\n              {{ t(\"end\") }}\n            </button>\n            <button\n              type=\"button\"\n              [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n              [attr.aria-pressed]=\"endView === 'days'\"\n              (click)=\"toggleEndView('days')\"\n            >\n              {{ inDaysLabel }}\n            </button>\n          </span>\n        </ng-container>\n        <ng-template #endpointLabel>{{\n          t(i === 0 ? \"start\" : \"end\")\n        }}</ng-template>\n      </legend>\n      <div\n        *ngIf=\"\n          i === 1 && hasDate && viewMode === 'manual' && endView === 'days'\n        \"\n        class=\"date-fields in-days-fields\"\n      >\n        <span class=\"resulting-end-date\" [attr.aria-label]=\"t('endDate')\">{{\n          resultingEndDate\n        }}</span>\n        <wkly-field\n          [label]=\"t('days')\"\n          [hideLabel]=\"true\"\n          [previousLabel]=\"t('daysPrevious')\"\n          [nextLabel]=\"t('daysNext')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"inDays\"\n          [min]=\"-9999\"\n          [max]=\"9999\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"days($event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n      </div>\n      <div\n        *ngIf=\"\n          hasDate && viewMode === 'manual' && (i === 0 || endView === 'date')\n        \"\n        class=\"date-fields\"\n      >\n        <wkly-field\n          [label]=\"t('day')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.day\"\n          [min]=\"1\"\n          [max]=\"31\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'day', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('month')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.month\"\n          [min]=\"1\"\n          [max]=\"monthCount(draft)\"\n          [labels]=\"months(draft)\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'month', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('year')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.year\"\n          [min]=\"adapter.supportedYearRange[0]\"\n          [max]=\"adapter.supportedYearRange[1]\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'year', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n      </div>\n      <div\n        *ngIf=\"hasTime\"\n        class=\"time-fields\"\n        [class.seconds]=\"this[WklyPickerInputsPropertyKeys.ShowSeconds]\"\n      >\n        <wkly-field\n          [label]=\"t('hour')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"displayHour(draft)\"\n          [min]=\"effectiveHourCycle === 'h12' ? 1 : 0\"\n          [max]=\"effectiveHourCycle === 'h12' ? 12 : 23\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'hour', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('minute')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.minute\"\n          [max]=\"59\"\n          [step]=\"\n            this[WklyPickerInputsPropertyKeys.MinuteStep] > 0 &&\n            60 % this[WklyPickerInputsPropertyKeys.MinuteStep] === 0\n              ? this[WklyPickerInputsPropertyKeys.MinuteStep]\n              : 1\n          \"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'minute', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          *ngIf=\"this[WklyPickerInputsPropertyKeys.ShowSeconds]\"\n          [label]=\"t('second')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.second\"\n          [max]=\"59\"\n          [step]=\"\n            this[WklyPickerInputsPropertyKeys.SecondStep] > 0 &&\n            60 % this[WklyPickerInputsPropertyKeys.SecondStep] === 0\n              ? this[WklyPickerInputsPropertyKeys.SecondStep]\n              : 1\n          \"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'second', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <div class=\"period\">\n          <button\n            *ngIf=\"\n              effectiveHourCycle === 'h12' ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] === 'switchable'\n            \"\n            type=\"button\"\n            [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n            [attr.aria-pressed]=\"\n              effectiveHourCycle === 'h12' && (draft.hour || 0) < 12\n            \"\n            (click)=\"period(i, 'am')\"\n          >\n            {{ t(\"am\") }}</button\n          ><button\n            type=\"button\"\n            [disabled]=\"\n              this[WklyPickerInputsPropertyKeys.Disabled] ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] !== 'switchable'\n            \"\n            [attr.aria-pressed]=\"effectiveHourCycle === 'h24'\"\n            (click)=\"period(i, '24')\"\n          >\n            24</button\n          ><button\n            *ngIf=\"\n              effectiveHourCycle === 'h12' ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] === 'switchable'\n            \"\n            type=\"button\"\n            [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n            [attr.aria-pressed]=\"\n              effectiveHourCycle === 'h12' && (draft.hour || 0) >= 12\n            \"\n            (click)=\"period(i, 'pm')\"\n          >\n            {{ t(\"pm\") }}\n          </button>\n        </div>\n      </div>\n    </fieldset>\n  </ng-container>\n  <div class=\"validation\" role=\"status\" aria-live=\"polite\">\n    <p *ngFor=\"let err of errors\">! {{ t(err.messageKey) }}</p>\n  </div>\n  <footer *ngIf=\"submitVisible\">\n    <button\n      type=\"button\"\n      class=\"confirm\"\n      [disabled]=\"!canSubmit\"\n      (click)=\"submit()\"\n    >\n      {{ t(\"confirm\") }}\n    </button>\n  </footer>\n</section>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;--wkly-background-color: #fff;--wkly-background-color-alternate: #fafafa;--wkly-text-color: #192c28;--wkly-muted-color: #52635e;--wkly-border-color: #dce5e1;--wkly-accent-color: #176c55;--wkly-accent-color-alternate: #6ea494;--wkly-accent-text-color: #fff;--wkly-range-color: #e5f1ee;--wkly-error-color: #b42318;--wkly-focus-color: #245bd6;--wkly-size-multiplier: 1;--wkly-size-unit: 3.5em;color:var(--wkly-text-color);font:14px/1.4 system-ui,sans-serif;container-type:inline-size}.wkly{background:var(--wkly-background-color);border:1px solid var(--wkly-border-color);border-radius:14px;overflow:hidden;min-width:0;font-size:calc(14px*clamp(1,var(--wkly-size-multiplier),1.5))}button{font:inherit;color:inherit;min-width:var(--wkly-size-unit);min-height:var(--wkly-size-unit);border:0;background:transparent;border-radius:8px;cursor:pointer}button:hover:not(:disabled):not([aria-disabled=\"true\"]){background:var(--wkly-accent-color-alternate)}button:disabled,button[aria-disabled=true]{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--wkly-focus-color);outline-offset:-2px}.toolbar{display:flex;align-items:center;padding:8px;gap:3px;border-bottom:1px solid var(--wkly-border-color)}.spacer{flex:1}.year-control{padding:0 6px;font-weight:650;text-align:start;line-height:1.2}.now{color:var(--wkly-accent-color);font-weight:650}.week-head,.week-row{display:grid;grid-template-columns:28px repeat(7,minmax(0,1fr))}.week-head{font-size:.85em;color:var(--wkly-muted-color);height:34px;align-items:center;text-align:center}.week-row{height:calc(var(--wkly-size-unit) * clamp(1,var(--wkly-size-multiplier),1));align-items:end}.no-label{grid-template-columns:repeat(7,minmax(0,1fr))}.week-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;max-height:65vh;touch-action:pan-y}.scroll-space{position:relative}.rows{position:absolute;left:0;right:0}.week-number{font-size:.85em;text-align:center;align-self:end;line-height:var(--wkly-size-unit);color:var(--wkly-muted-color)}[role=gridcell]{position:relative;min-width:0;height:var(--wkly-size-unit);text-align:center}[role=gridcell].odd-month:not(.range):not(.today){background:var(--wkly-background-color-alternate)}.day{width:100%;min-width:0;height:var(--wkly-size-unit);padding:0;border-radius:8px}.annotation{position:absolute;bottom:.25em;white-space:nowrap;font-size:1.25em;font-weight:650;line-height:1;pointer-events:none;z-index:1;color:var(--wkly-muted-color);color:color-mix(in srgb,var(--wkly-muted-color) 50%,transparent);text-shadow:0 0 2px --wkly-background-color,0 0 4px --wkly-background-color}.odd-month .annotation{text-shadow:0 0 2px --wkly-background-color-alternate,0 0 4px --wkly-background-color-alternate}.annotation:empty{display:none}.annotation--0{inset-inline-start:10%;bottom:1.75em}.annotation--1{inset-inline-start:-5%}.annotation--2{inset-inline-start:-20%}.annotation--3{inset-inline-start:-50%;inset-inline-end:-50%}.annotation--4{inset-inline-end:-20%}.annotation--5{inset-inline-end:-5%}.annotation--6{inset-inline-end:10%}.range{background:var(--wkly-range-color)}.day.selected{background:var(--wkly-accent-color);color:var(--wkly-accent-text-color);font-weight:700}.today:after{content:\"\";display:block;width:5px;height:5px;background:currentColor;border-radius:50%;position:absolute;bottom:2px;left:calc(50% - 2px)}.today{font-weight:750;box-shadow:inset 0 0 0 1px var(--wkly-accent-color)}.hidden{visibility:hidden}.week-navigation{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--wkly-border-color);font-size:.85em;color:var(--wkly-muted-color)}fieldset{border:0;padding:0 12px;margin:0;min-width:0}legend{padding-top:.85em;font-weight:650;color:var(--wkly-accent-color)}.date-fields{display:grid;grid-template-columns:1fr 2fr 1.4fr;grid-gap:7px;gap:7px;padding:12px 0}.end-view-toggle{display:inline-flex}.end-view-toggle button{min-height:0;min-width:0;padding:0 6px;border-radius:0;line-height:inherit}.end-view-toggle button:first-child{padding-inline-start:0}.end-view-toggle button+button{border-inline-start:1px solid var(--wkly-text-color)}.end-view-toggle button[aria-pressed=false]{color:var(--wkly-muted-color);font-weight:400}.in-days-fields{grid-template-columns:minmax(0,1fr);gap:0;text-align:center}.resulting-end-date{font-size:11px;color:var(--wkly-muted-color);height:1.4em;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-fields{display:grid;grid-template-columns:1fr 1fr 52px;grid-gap:8px;gap:8px;padding:14px 0;border-top:1px solid var(--wkly-border-color)}.time-fields.seconds{grid-template-columns:1fr 1fr 1fr 48px}.period{display:flex;flex-direction:column;justify-content:center;gap:2px;padding-top:1.25em}.period button{font-size:.85em}.period [aria-pressed=true]{background:var(--wkly-range-color);box-shadow:inset 0 0 0 1px var(--wkly-accent-color);font-weight:700}.validation{color:var(--wkly-error-color);font-size:.85em}.validation p{margin:.5em .85em}footer{padding:12px;border-top:1px solid var(--wkly-border-color)}.confirm{background:var(--wkly-accent-color);color:var(--wkly-accent-text-color);width:100%;font-weight:650}.confirm:hover:not(:disabled){background:var(--wkly-accent-color-alternate)}@media (forced-colors: active){.day.selected{outline:2px solid Highlight}.range{border-bottom:2px solid Highlight}.today{outline:1px dashed CanvasText}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation:none!important}}\n"] }]
+                    ], template: "<section\n  class=\"wkly\"\n  [attr.dir]=\"direction\"\n  [attr.aria-label]=\"\n    this[WklyPickerInputsPropertyKeys.AriaLabel] || 'Date and time picker'\n  \"\n  [attr.aria-describedby]=\"this[WklyPickerInputsPropertyKeys.AriaDescribedBy]\"\n  (focusout)=\"touched()\"\n>\n  <header class=\"toolbar\">\n    <button\n      *ngIf=\"hasDate\"\n      type=\"button\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"t(viewMode === 'calendar' ? 'manual' : 'calendar')\"\n      (click)=\"toggleView()\"\n    >\n      {{ viewMode === \"calendar\" ? \"\u2637\" : \"\u25A6\" }}\n    </button>\n    <span *ngIf=\"hasDate\" class=\"year-control\">{{ title }}</span>\n    <span class=\"spacer\"></span\n    ><button\n      type=\"button\"\n      class=\"now\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      (click)=\"now()\"\n    >\n      {{ t(\"now\") }}\n    </button>\n    <button\n      *ngIf=\"presentation === 'transient'\"\n      type=\"button\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"t('close')\"\n      (click)=\"cancel()\"\n    >\n      \u00D7\n    </button>\n  </header>\n  <ng-container *ngIf=\"hasDate && viewMode === 'calendar'\">\n    <div\n      role=\"grid\"\n      [attr.aria-label]=\"\n        this[WklyPickerInputsPropertyKeys.AriaLabel] || 'Calendar'\n      \"\n      [attr.aria-multiselectable]=\"isRange\"\n    >\n      <div\n        role=\"row\"\n        class=\"week-head\"\n        [class.no-label]=\"\n          compact ||\n          (this[WklyPickerInputsPropertyKeys.WeekLabelMode] === 'hidden' &&\n            !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n        \"\n      >\n        <span\n          *ngIf=\"\n            !compact &&\n            (this[WklyPickerInputsPropertyKeys.WeekLabelMode] !== 'hidden' ||\n              this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n          \"\n          role=\"columnheader\"\n          aria-label=\"Week\"\n        ></span\n        ><span *ngFor=\"let day of weekdays\" role=\"columnheader\">{{ day }}</span>\n      </div>\n      <div\n        #scroller\n        class=\"week-scroll\"\n        [style.height.px]=\"visibleCount * rowHeight\"\n        (scroll)=\"scroll($event)\"\n        (scrollend)=\"snapWeek()\"\n      >\n        <div [style.height.px]=\"scrollHeight\" class=\"scroll-space\">\n          <div class=\"rows\" [style.top.px]=\"paddingTop\">\n            <div\n              *ngFor=\"let row of rows; trackBy: trackRow\"\n              role=\"row\"\n              class=\"week-row\"\n              [class.no-label]=\"\n                compact ||\n                (this[WklyPickerInputsPropertyKeys.WeekLabelMode] ===\n                  'hidden' &&\n                  !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n              \"\n            >\n              <span\n                *ngIf=\"\n                  !compact &&\n                  (this[WklyPickerInputsPropertyKeys.WeekLabelMode] !==\n                    'hidden' ||\n                    this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n                \"\n                role=\"rowheader\"\n                class=\"week-number\"\n                >{{ row.label }}</span\n              >\n              <div\n                *ngFor=\"\n                  let cell of row.cells;\n                  let dayIndex = index;\n                  trackBy: trackCell\n                \"\n                role=\"gridcell\"\n                [attr.data-weekday-index]=\"dayIndex\"\n                [attr.aria-colindex]=\"\n                  dayIndex +\n                  (compact ||\n                  (this[WklyPickerInputsPropertyKeys.WeekLabelMode] ===\n                    'hidden' &&\n                    !this[WklyPickerInputsPropertyKeys.WeekLabelFormatter])\n                    ? 1\n                    : 2)\n                \"\n                [attr.aria-selected]=\"selected(cell.epochDay)\"\n                [attr.aria-disabled]=\"\n                  cell.disabled || this[WklyPickerInputsPropertyKeys.Disabled]\n                \"\n                [class.range]=\"inRange(cell.epochDay)\"\n                [class.hidden]=\"cell.hidden\"\n                [class.odd-month]=\"cell.date && cell.date.month % 2 === 1\"\n              >\n                <span [class]=\"'annotation annotation--' + dayIndex\">{{\n                  cell.annotation\n                }}</span>\n                <button\n                  type=\"button\"\n                  class=\"day\"\n                  [attr.data-day]=\"cell.epochDay\"\n                  [attr.aria-label]=\"cell.accessible\"\n                  [attr.aria-current]=\"cell.epochDay === today ? 'date' : null\"\n                  [attr.aria-disabled]=\"\n                    cell.disabled || this[WklyPickerInputsPropertyKeys.Disabled]\n                  \"\n                  [attr.tabindex]=\"\n                    !cell.hidden && cell.epochDay === focused ? 0 : -1\n                  \"\n                  [class.selected]=\"selected(cell.epochDay)\"\n                  [class.today]=\"cell.epochDay === today\"\n                  (focus)=\"focused = cell.epochDay\"\n                  (click)=\"select(cell.epochDay)\"\n                  (keydown)=\"key($event, cell.epochDay)\"\n                >\n                  {{ cell.label }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"week-navigation\">\n      <button\n        type=\"button\"\n        [disabled]=\"\n          this[WklyPickerInputsPropertyKeys.Disabled] || !canMoveWeek(-1)\n        \"\n        [attr.aria-label]=\"t('previous')\"\n        (click)=\"moveWeek(-1)\"\n      >\n        \u2191</button\n      ><span>{{ title }}</span\n      ><button\n        type=\"button\"\n        [disabled]=\"\n          this[WklyPickerInputsPropertyKeys.Disabled] || !canMoveWeek(1)\n        \"\n        [attr.aria-label]=\"t('next')\"\n        (click)=\"moveWeek(1)\"\n      >\n        \u2193\n      </button>\n    </div>\n  </ng-container>\n  <ng-container\n    *ngFor=\"let draft of drafts; let i = index; trackBy: trackDraft\"\n  >\n    <fieldset\n      *ngIf=\"(i === 0 || isRange) && (hasTime || viewMode === 'manual')\"\n      [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n      [attr.aria-label]=\"isRange ? t(i === 0 ? 'start' : 'end') : null\"\n    >\n      <legend *ngIf=\"isRange\">\n        <ng-container\n          *ngIf=\"\n            i === 1 && hasDate && viewMode === 'manual';\n            else endpointLabel\n          \"\n        >\n          <span class=\"end-view-toggle\">\n            <button\n              type=\"button\"\n              [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n              [attr.aria-pressed]=\"endView === 'date'\"\n              (click)=\"toggleEndView('date')\"\n            >\n              {{ t(\"end\") }}\n            </button>\n            <button\n              type=\"button\"\n              [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n              [attr.aria-pressed]=\"endView === 'days'\"\n              (click)=\"toggleEndView('days')\"\n            >\n              {{ inDaysLabel }}\n            </button>\n          </span>\n        </ng-container>\n        <ng-template #endpointLabel>{{\n          t(i === 0 ? \"start\" : \"end\")\n        }}</ng-template>\n      </legend>\n      <div\n        *ngIf=\"\n          i === 1 && hasDate && viewMode === 'manual' && endView === 'days'\n        \"\n        class=\"date-fields in-days-fields\"\n      >\n        <span class=\"resulting-end-date\" [attr.aria-label]=\"t('endDate')\">{{\n          resultingEndDate\n        }}</span>\n        <wkly-field\n          [label]=\"t('days')\"\n          [hideLabel]=\"true\"\n          [previousLabel]=\"t('daysPrevious')\"\n          [nextLabel]=\"t('daysNext')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"inDays\"\n          [min]=\"-9999\"\n          [max]=\"9999\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"days($event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n      </div>\n      <div\n        *ngIf=\"\n          hasDate && viewMode === 'manual' && (i === 0 || endView === 'date')\n        \"\n        class=\"date-fields\"\n      >\n        <wkly-field\n          [label]=\"t('day')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.day\"\n          [min]=\"1\"\n          [max]=\"31\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'day', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('month')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.month\"\n          [min]=\"1\"\n          [max]=\"monthCount(draft)\"\n          [labels]=\"months(draft)\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'month', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('year')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.date.year\"\n          [min]=\"adapter.supportedYearRange[0]\"\n          [max]=\"adapter.supportedYearRange[1]\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'year', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n      </div>\n      <div\n        *ngIf=\"hasTime\"\n        class=\"time-fields\"\n        [class.seconds]=\"this[WklyPickerInputsPropertyKeys.ShowSeconds]\"\n      >\n        <wkly-field\n          [label]=\"t('hour')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"displayHour(draft)\"\n          [min]=\"effectiveHourCycle === 'h12' ? 1 : 0\"\n          [max]=\"effectiveHourCycle === 'h12' ? 12 : 23\"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'hour', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          [label]=\"t('minute')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.minute\"\n          [max]=\"59\"\n          [step]=\"\n            this[WklyPickerInputsPropertyKeys.MinuteStep] > 0 &&\n            60 % this[WklyPickerInputsPropertyKeys.MinuteStep] === 0\n              ? this[WklyPickerInputsPropertyKeys.MinuteStep]\n              : 1\n          \"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'minute', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <wkly-field\n          *ngIf=\"this[WklyPickerInputsPropertyKeys.ShowSeconds]\"\n          [label]=\"t('second')\"\n          [locale]=\"effectiveLocale\"\n          [value]=\"draft.second\"\n          [max]=\"59\"\n          [step]=\"\n            this[WklyPickerInputsPropertyKeys.SecondStep] > 0 &&\n            60 % this[WklyPickerInputsPropertyKeys.SecondStep] === 0\n              ? this[WklyPickerInputsPropertyKeys.SecondStep]\n              : 1\n          \"\n          [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n          [invalid]=\"!!errors.length\"\n          (valueChange)=\"field(i, 'second', $event)\"\n          (complete)=\"finish()\"\n        ></wkly-field>\n        <div class=\"period\">\n          <button\n            *ngIf=\"\n              effectiveHourCycle === 'h12' ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] === 'switchable'\n            \"\n            type=\"button\"\n            [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n            [attr.aria-pressed]=\"\n              effectiveHourCycle === 'h12' && (draft.hour || 0) < 12\n            \"\n            (click)=\"period(i, 'am')\"\n          >\n            {{ t(\"am\") }}</button\n          ><button\n            type=\"button\"\n            [disabled]=\"\n              this[WklyPickerInputsPropertyKeys.Disabled] ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] !== 'switchable'\n            \"\n            [attr.aria-pressed]=\"effectiveHourCycle === 'h24'\"\n            (click)=\"period(i, '24')\"\n          >\n            24</button\n          ><button\n            *ngIf=\"\n              effectiveHourCycle === 'h12' ||\n              this[WklyPickerInputsPropertyKeys.HourCycle] === 'switchable'\n            \"\n            type=\"button\"\n            [disabled]=\"this[WklyPickerInputsPropertyKeys.Disabled]\"\n            [attr.aria-pressed]=\"\n              effectiveHourCycle === 'h12' && (draft.hour || 0) >= 12\n            \"\n            (click)=\"period(i, 'pm')\"\n          >\n            {{ t(\"pm\") }}\n          </button>\n        </div>\n      </div>\n    </fieldset>\n  </ng-container>\n  <div class=\"validation\" role=\"status\" aria-live=\"polite\">\n    <p *ngFor=\"let err of errors\">! {{ t(err.messageKey) }}</p>\n  </div>\n  <footer *ngIf=\"submitVisible\">\n    <button\n      type=\"button\"\n      class=\"confirm\"\n      [disabled]=\"!canSubmit\"\n      (click)=\"submit()\"\n    >\n      {{ t(\"confirm\") }}\n    </button>\n  </footer>\n</section>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;--wkly-background-color: #fff;--wkly-background-color-alternate: #fafafa;--wkly-text-color: #192c28;--wkly-muted-color: #52635e;--wkly-border-color: #dce5e1;--wkly-accent-color: #176c55;--wkly-accent-color-alternate: #6ea494;--wkly-accent-text-color: #fff;--wkly-range-color: #e5f1ee;--wkly-error-color: #b42318;--wkly-focus-color: #245bd6;--wkly-size-multiplier: 1;--wkly-size-unit: 3.5em;color:var(--wkly-text-color);font:14px/1.4 system-ui,sans-serif;container-type:inline-size}.wkly{background:var(--wkly-background-color);border:1px solid var(--wkly-border-color);border-radius:14px;overflow:hidden;min-width:0;font-size:calc(14px*clamp(1,var(--wkly-size-multiplier),1.5))}button{font:inherit;color:inherit;min-width:var(--wkly-size-unit);min-height:var(--wkly-size-unit);border:0;background:transparent;border-radius:8px;cursor:pointer}button:hover:not(:disabled):not([aria-disabled=\"true\"]){background:var(--wkly-accent-color-alternate)}button:disabled,button[aria-disabled=true]{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--wkly-focus-color);outline-offset:-2px}.toolbar{display:flex;align-items:center;padding:8px;gap:3px;border-bottom:1px solid var(--wkly-border-color)}.spacer{flex:1}.year-control{padding:0 6px;font-weight:650;text-align:start;line-height:1.2}.now{color:var(--wkly-accent-color);font-weight:650}.week-head,.week-row{display:grid;grid-template-columns:28px repeat(7,minmax(0,1fr))}.week-head{font-size:.85em;color:var(--wkly-muted-color);height:34px;align-items:center;text-align:center}.week-row{height:calc(var(--wkly-size-unit) * clamp(1,var(--wkly-size-multiplier),1));align-items:end}.no-label{grid-template-columns:repeat(7,minmax(0,1fr))}.week-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;max-height:65vh;touch-action:pan-y}.scroll-space{position:relative}.rows{position:absolute;left:0;right:0}.week-number{font-size:.85em;text-align:center;align-self:end;line-height:var(--wkly-size-unit);color:var(--wkly-muted-color)}[role=gridcell]{position:relative;min-width:0;height:var(--wkly-size-unit);text-align:center}[role=gridcell].odd-month:not(.range):not(.today){background:var(--wkly-background-color-alternate)}.day{width:100%;min-width:0;height:var(--wkly-size-unit);padding:0;border-radius:8px}.annotation{position:absolute;bottom:.25em;white-space:nowrap;font-size:1.25em;font-weight:650;line-height:1;pointer-events:none;z-index:1;color:var(--wkly-muted-color);color:color-mix(in srgb,var(--wkly-muted-color) 50%,transparent);text-shadow:0 0 2px --wkly-background-color,0 0 4px --wkly-background-color}.odd-month .annotation{text-shadow:0 0 2px --wkly-background-color-alternate,0 0 4px --wkly-background-color-alternate}.annotation:empty{display:none}.annotation--0{inset-inline-start:10%;bottom:1.75em}.annotation--1{inset-inline-start:-5%}.annotation--2{inset-inline-start:-20%}.annotation--3{inset-inline-start:-50%;inset-inline-end:-50%}.annotation--4{inset-inline-end:-20%}.annotation--5{inset-inline-end:-5%}.annotation--6{inset-inline-end:10%}.range{background:var(--wkly-range-color)}.day.selected{background:var(--wkly-accent-color);color:var(--wkly-accent-text-color);font-weight:700}.today:after{content:\"\";display:block;width:5px;height:5px;background:currentColor;border-radius:50%;position:absolute;bottom:2px;left:calc(50% - 2px)}.today{font-weight:750;box-shadow:inset 0 0 0 1px var(--wkly-accent-color)}.hidden{visibility:hidden}.week-navigation{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--wkly-border-color);font-size:.85em;color:var(--wkly-muted-color)}fieldset{border:0;padding:0 12px;margin:0;min-width:0}legend{padding-top:.85em;font-weight:650;color:var(--wkly-accent-color)}.date-fields{display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:7px;padding:12px 0}.end-view-toggle{display:inline-flex}.end-view-toggle button{min-height:0;min-width:0;padding:0 6px;border-radius:0;line-height:inherit}.end-view-toggle button:first-child{padding-inline-start:0}.end-view-toggle button+button{border-inline-start:1px solid var(--wkly-text-color)}.end-view-toggle button[aria-pressed=false]{color:var(--wkly-muted-color);font-weight:400}.in-days-fields{grid-template-columns:minmax(0,1fr);gap:0;text-align:center}.resulting-end-date{font-size:11px;color:var(--wkly-muted-color);height:1.4em;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-fields{display:grid;grid-template-columns:1fr 1fr 52px;gap:8px;padding:14px 0;border-top:1px solid var(--wkly-border-color)}.time-fields.seconds{grid-template-columns:1fr 1fr 1fr 48px}.period{display:flex;flex-direction:column;justify-content:center;gap:2px;padding-top:1.25em}.period button{font-size:.85em}.period [aria-pressed=true]{background:var(--wkly-range-color);box-shadow:inset 0 0 0 1px var(--wkly-accent-color);font-weight:700}.validation{color:var(--wkly-error-color);font-size:.85em}.validation p{margin:.5em .85em}footer{padding:12px;border-top:1px solid var(--wkly-border-color)}.confirm{background:var(--wkly-accent-color);color:var(--wkly-accent-text-color);width:100%;font-weight:650}.confirm:hover:not(:disabled){background:var(--wkly-accent-color-alternate)}@media (forced-colors: active){.day.selected{outline:2px solid Highlight}.range{border-bottom:2px solid Highlight}.today{outline:1px dashed CanvasText}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation:none!important}}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
@@ -1375,9 +1375,9 @@ class WklyDateTimePickerDialogService {
         };
     }
 }
-WklyDateTimePickerDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerDialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-WklyDateTimePickerDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerDialogService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerDialogService, decorators: [{
+WklyDateTimePickerDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerDialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+WklyDateTimePickerDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerDialogService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerDialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: Document, decorators: [{
@@ -1536,9 +1536,9 @@ class WklyTriggerBase extends WklyPickerInputs {
         this.ref?.component.instance.scrollToValue(value, options);
     }
 }
-WklyTriggerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyTriggerBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-WklyTriggerBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: WklyTriggerBase, host: { listeners: { "click": "open()", "keydown": "key($event)", "blur": "blur()" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyTriggerBase, decorators: [{
+WklyTriggerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyTriggerBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+WklyTriggerBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: WklyTriggerBase, host: { listeners: { "click": "open()", "keydown": "key($event)", "blur": "blur()" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyTriggerBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { open: [{
                 type: HostListener,
@@ -1560,8 +1560,8 @@ class WklyDateTimePickerDialogDirective extends WklyTriggerBase {
         return this.service.open(this.element.nativeElement, (reason) => this.close(reason), this[WklyPickerInputsPropertyKeys.CloseOnBackdrop], this.triggerInjector);
     }
 }
-WklyDateTimePickerDialogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerDialogDirective, deps: [{ token: i0.ElementRef }, { token: WklyDateTimePickerDialogService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-WklyDateTimePickerDialogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: WklyDateTimePickerDialogDirective, selector: "[wklyDateTimePickerDialog]", providers: [
+WklyDateTimePickerDialogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerDialogDirective, deps: [{ token: i0.ElementRef }, { token: WklyDateTimePickerDialogService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
+WklyDateTimePickerDialogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: WklyDateTimePickerDialogDirective, selector: "[wklyDateTimePickerDialog]", providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => WklyDateTimePickerDialogDirective),
@@ -1573,7 +1573,7 @@ WklyDateTimePickerDialogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion
             multi: true,
         },
     ], exportAs: ["wklyDialog"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerDialogDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerDialogDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[wklyDateTimePickerDialog]",
@@ -1595,12 +1595,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
 
 class WklyDateTimePickerModule {
 }
-WklyDateTimePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WklyDateTimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerModule, declarations: [WklyDateTimePickerComponent,
+WklyDateTimePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WklyDateTimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerModule, declarations: [WklyDateTimePickerComponent,
         WklyDateTimePickerDialogDirective,
         WklyFieldComponent], imports: [CommonModule], exports: [WklyDateTimePickerComponent, WklyDateTimePickerDialogDirective] });
-WklyDateTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WklyDateTimePickerModule, decorators: [{
+WklyDateTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WklyDateTimePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],